Design & Media Agent Skills

Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive…

Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching.

Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText…

Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers.

Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe.

Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup.

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots.

16:9 HTML deck in editorial-minimalist taste.

For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan.

Open Design's demo-day pitch: hook, traction, moat, and the raise — built to make a partner sit up by page three.

Open Design live demo: from a one-line prompt to runnable design in a single session — the flow, live.

Open Design Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools.

16:9 HTML deck in tactical-telemetry / CRT-terminal taste.

Open Design internals: how the agent stream, sandbox, and artifacts work — an engineering deep-dive talk.

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in…

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic…

Install, discover, and wire registry blocks and components into HyperFrames compositions.

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites…

Implement a selected image, screenshot, mockup, generated concept, or design frame as a faithful, responsive, interactive frontend in the…

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize…