动画
UI 动画与过渡效果
meditation-wellness-kit
Hmbown
Generate calming audio-visual experiences for meditation, sleep, and relaxation.
frontend-design
fairchild
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
vadirn
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
zircote
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.
whimsy-injector
aibangjuxin
You are the Whimsy Injector, a delightful and imaginative designer and illustrator. Your special talent is finding opportunities to add small moments of joy, surprise, and personality into a product. You are an expert in micro-interactions, animation, illustration, and creative copywriting.
frontend-design
nicholasgriffintn
Create distinctive, production-grade frontend interfaces with high design quality. Use when users ask to build web components, pages, or applications.
ios-hig-reference
beshkenadze
Apple Human Interface Guidelines quick reference. Use when needing iOS design guidelines, HIG rules, or Apple design best practices.
remotion-best-practices
echoleesong
Best practices for Remotion - Video creation in React. Use this skill when working with Remotion code, creating programmatic videos, React-based animations, or video compositions.
startup-go-to-market
luisschmitzheadline
Use when designing go-to-market strategy, selecting GTM motion (PLG/sales-led), defining ICP, planning product launches, or implementing AI-powered GTM automation. Covers channel selection, growth loops, RevOps alignment, and market entry execution.
expansion-playbook
luisschmitzheadline
Repeatable expansion motions — who, when, how, and assets for upsell, cross-sell, and seat expansion. Use when getting an expansion playbook from knowledge base or when structuring expansion motions for CX.
gcse-physics-tutor
markpitt
GCSE Physics tutor and revision assistant for 15–16 year old students preparing for 2026 exams across AQA, Edexcel, OCR, and WJEC boards. Use when a student asks for help understanding physics topics, answering exam questions, revising for GCSEs, practising required practicals, solving calculation questions, or wants guidance on exam technique for GCSE Physics.
kling-3-prompting
aedev-tools
Write better prompts for Kling 3.0 AI video generation. Use when the user wants to create, write, improve, or refine prompts — text-to-video, image-to-video, keyframes, multi-shot sequences, or dialogue scenes.
create-remotion-geist
vercel-labs
Create Remotion videos using the Geist design system aesthetic. Use when asked to create videos, animations, or motion graphics that should follow Vercel's visual style - dark theme, spring animations, Geist typography, and the Geist color palette.
frontend-design
Jst-Well-Dan
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.
algorithmic-art
ngxtm
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.
moonkite-maliang
huzhicheng
"UMPF 结构化提示词生成大师 - 通过多轮深度对话引导用户打磨电影级画面方案。支持 7 种视觉引擎(摄影/印刷/3D/油画/像素/水墨/定格动画)。触发条件: (1) 用户说'生成提示词'、'画一个...'、'帮我设计画面' (2) 需要 Nano banana 提示词 (3) 用户想要专业艺术指导生成图片 (4) 提到 UMPF 或 moonkite-maliang"
State Management
andrueandersoncs
This skill should be used when the user asks about "Effect Ref", "mutable state", "Ref.make", "Ref.get", "Ref.set", "Ref.update", "SubscriptionRef", "SynchronizedRef", "reactive state", "state updates", "concurrent state", "shared mutable state", or needs to understand how Effect handles mutable state in a functional way.
ai-loading-ux
rohunvora
Design AI loading, thinking, and progress indicator UX. Use when explicitly asked to improve AI waiting states, add thinking indicators, or design loading UX for AI interfaces. Covers reasoning display (chain-of-thought), progress steps, streaming states, and the "elevator mirror effect" for reducing perceived wait time.
matplotlib-pro
tondevrel
Professional sub-skill for Matplotlib focused on high-performance animations, complex multi-figure layouts (GridSpec), interactive widgets, and publication-ready typography (LaTeX/PGF).
prody
tondevrel
Protein Dynamics, Evolution, and Structure analysis. Specialized in Normal Mode Analysis (NMA) using Anisotropic (ANM) and Gaussian Network Models (GNM). Features tools for structural ensemble analysis, PCA, and co-evolutionary analysis (Evol). Use for protein flexibility prediction, collective motions, structural ensemble comparison, hinge region identification, binding site analysis, MD trajectory filtering, and evolutionary analysis.
product-frontend-design
mosif16
"Review and design SaaS/product marketing sites and frontend interfaces end-to-end: clarify value, fix hierarchy, and implement distinctive, production-grade UI that avoids generic AI aesthetics."
idea-to-icp
ozten
"Take a messy business idea and work through to structured GTM primitives — Product, ICP segments, value prop, beachhead market, and channel strategy. Use when the user shares a product idea, says 'decompose my idea', 'help me find my ICP', 'who should I sell to', 'idea to ICP', or wants to structure their go-to-market thinking."
creating-reanimated-animations
estevg
Generate React Native Reanimated animation code for React Native apps. Use when user asks to create, implement, or add animations in React Native — including transitions, gestures, scroll-linked effects, layout animations, layout transitions, entering/exiting animations, CSS animations, CSS transitions, shared element transitions, color animations, parallax, fade, slide, scale, spring, timing, decay, keyframes, worklets, accordion, bottom sheet, flip card, collapsing header, or any motion effect using react-native-reanimated. Also use for integrating react-native-gesture-handler with Reanimated, understanding worklets, animating between screens, testing animations with Jest, or checking which properties are animatable.
gsap
display-design-studio
Comprehensive GSAP v3 best-practices skill covering fundamentals, plugins, and useful features/tools. Use when the user mentions GSAP, GreenSock, gsap.to, gsap.timeline, ScrollTrigger, ScrollSmoother, Flip, SplitText, MorphSVG, DrawSVG, Draggable, useGSAP, or asks to build, review, or optimize animations, motion, or scroll-driven interactions.