Loading...
Loading...
Found 54 Skills
Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.
Use when animation doesn't match brand personality, feels generic, or clashes with design language
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters.
Use when animation causes user confusion, delays task completion, or creates frustration
Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.
Expert in web animations, transitions, and motion design using Framer Motion and CSS
Expert VSL (Video Sales Letter) and product marketing video storyboard writer. Use when creating sales videos, product demos, explainer videos, social media video content, or marketing video scripts. Use when asked to "write a video script", "create a VSL", "storyboard a sales video", or "script a product demo". Produces storyboard scripts optimized for handoff to motion designer and Remotion video production.
Audit animation code for correct timing function selection. Use when reviewing motion implementations, debugging animations that feel wrong, or choosing between springs and easing. Outputs file:line findings.
Guidelines and examples for UI motion and animation. Use when designing, implementing, or reviewing motion, easing, timing, reduced-motion behaviour, CSS transitions, keyframes, framer-motion, or spring animations.
Create award-winning websites and applications with design and typography rated 10/10. Use this skill when building premium digital experiences that match the quality of elite agencies like Locomotive, Studio Freight, AREA 17, Active Theory, Hello Monday, Dogstudio, Tonik, Instrument, Resn, and Awwwards winners. Triggers include premium design, award-winning, agency-level, Awwwards quality, exceptional typography, immersive experience, 10/10 design, portfolio site, brand website, creative agency style, top-tier web design, or when building sites for luxury brands, tech companies, cultural institutions, or startups requiring exceptional visual craft.