Animation
UI animations and transitions
motion-advanced
by SeuPut0705
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations. Use when building drag and drop, gestures, text or SVG animation, or imperative animation sequences in React or Next.js.
manimce-best-practices
by alexwelcing
Trigger when: (1) User mentions "manim" or "Manim Community" or "ManimCE", (2) Code contains from manim import *, (3) User runs manim CLI commands, (4) Working with Scene, MathTex, Create(), or ManimCE-specific classes. Best practices for Manim Community Edition - the community-maintained Python animation engine. Covers Scene structure, animations, LaTeX/MathTex, 3D with ThreeDScene, camera control, styling, and CLI usage. NOT for ManimGL/3b1b version (which uses manimlib imports and manimgl CLI).
frontend-design
by zhongjis
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
frontend-design
by ShintaroaSuzuki
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
evaluator
by broskmenmi
Evaluate resolved candidates against the target volume's selection lens and repository-wide long-form DJ doctrine. Classify ADD, REVISIT or REJECT without turning missing evidence into an automatic veto.
video-production-ledger
by bmcgauley
Comprehensive video production master ledger system that transforms content outlines into frame-by-frame production documents detailing all visual, audio, timing, and technical specifications. This skill should be used when creating detailed production plans for videos, breaking down scripts into shot-by-shot specifications with A-roll/B-roll alternatives, sound design, visual effects, timing coordinates, and complete editorial guidance following the four-pillar engagement framework (visual variety, visual continuity, immersive audio, healthy pacing).
Bulletproof React Components
by CodeWithShreyans
My collection of agent skills
SaaS Landing Page
by neillock
Hyper-specific conversion-optimized landing page specification for SaaS applications.
creative-frontend-aesthetics
by Seika139
AI特有の「ありきたりなデザイン（AI slop）」を回避し、独創的で洗練されたUIを構築する。LP、ダッシュボード、アプリのフロントエンド実装時に適用。
shot-planner
by simplebusiness26
Convert an approved animation script into generation-friendly shots with clear actions, durations, continuity requirements, and edit purpose.
improve-animations
by epun
Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff.
frontend-design
by TheWatcher01
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
remotion-best-practices
by Jackiexiao
Remotion的最佳实践-在React中创建视频
Shadcn UI Designer
by anonymze
"Designs modern, clean UI components and pages following Shadcn principles with minimalism, accessibility, and beautiful defaults. Use when building new UI components, redesigning pages, or creating consistent UI or simply wanting to use shadcn."
remotion-best-practices
by jyasuu
Best practices for Remotion - Video creation in React
flow-node-creator
by fleek-fitness
"A skill that creates 'conversation flow' nodes for vox.ai voice agents. It converts call-center/OB/CS scripts (free text) into a flow-node format with name + content + transition conditions. Use this skill whenever users ask to transform call scripts, consultation scenarios, OB scripts, CS manuals, call flows, consultation flows, or conversation-flow nodes into step-based prompts/nodes/flows. It is also triggered by requests such as 'split this script into steps,' 'turn this into flow nodes,' or 'organize this with transition conditions.'"
webfront
by JMWinsta
Create highly distinctive, production-grade frontend interfaces with exceptional aesthetic quality and strong creative direction. Activates for requests to build/design web UIs—components, pages, landing pages, dashboards, posters, full apps, styling passes, and visual artifacts. Generates memorable, non-generic code that feels intentionally designed rather than default AI output.
frontend-design
by opsui
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Webflow Animation Embed
by WebLikha-Digital
independently re-initializable.
tailwind
by Alicoder001
Tailwind CSS v4+ best practices including new CSS-first configuration, theme customization, responsive design, dark mode, and performance optimization. Use for modern utility-first CSS styling.
remotion-best-practices
by udnisap
Best practices for Remotion - Video creation in React
expressive-design
by ab22593k
Material 3 Expressive (M3E). Comprehensive guidance on expressive design system for Flutter with platform support for Android and Linux desktop. Covers color tokens, typography scales, motion specifications, shape tokens, spacing ramps, and component enhancements for creating emotionally engaging UIs. Includes migration guidance from standard M3 and platform-specific integration notes.
react-dev
by saajunaid
This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).
Design System & UI
by tachfineamnay
Tailwind CSS configuration, Lumira color palette, glassmorphism, and animation patterns.