Animation
UI animations and transitions
react-native-animations
by pluginagentmarketplace
Master animations - Reanimated 3, Gesture Handler, layout animations, and performance optimization
Performance Optimization
by Kaakati
Performance optimization patterns for Flutter applications including widget optimization, memory management, profiling, and 60 FPS best practices
accessibility-patterns
by Kaakati
"Expert accessibility decisions for iOS/tvOS: when to combine vs separate elements, label vs hint selection, Dynamic Type layout strategies, and WCAG AA compliance trade-offs. Use when implementing VoiceOver support, handling Dynamic Type, or ensuring accessibility compliance. Trigger keywords: accessibility, VoiceOver, Dynamic Type, WCAG, a11y, accessibilityLabel, accessibilityElement, accessibilityTraits, isAccessibilityElement, reduceMotion, contrast, focus"
Jira Transitions Skill
by 01000001-01001110
Jira Cloud REST API integration skills for Claude Code CLI with cross-platform script support (Node.js and Python)
Navigation Patterns
by Kaakati
GetX navigation patterns including routing, parameters, guards, deep linking, and custom transitions for Flutter applications
frontend-ui
by WomenDefiningAI
Create aesthetically pleasing, visually distinctive frontend UIs using research-backed prompting strategies from Anthropic's frontend aesthetics cookbook
aesthetic-system
by phrazzld
Actionable design system complementing official frontend-design plugin. The plugin provides philosophy; this skill provides executable patterns. Invoke when: - Building web components, pages, or applications - Designing UI that needs to stand out (not generic) - Implementing visual polish and micro-interactions - Choosing typography, color palettes, or spatial layouts CRITICAL: Avoid "AI slop" aesthetics. Make creative, unexpected choices. MANDATORY: Consult Gemini before any frontend work. See also: references/dna-codes.md, references/banned-patterns.md
frontend-design
by hxk622
创建独特、生产级前端界面，避免 AI 味。用于构建 Web 组件、页面或应用，生成精致、有创意的代码。
frontend-design
by benshapyro
Create distinctive, memorable user interfaces that avoid generic AI aesthetics. Use when designing UI/UX, planning visual direction, or building pages and layouts.
remotion-resemble-ai
by resemble-ai
Create professional AI-narrated videos with Remotion and Resemble.ai - from educational tutorials to product launches
elite-powerpoint-designer
by willem4130
Create world-class PowerPoint presentations with professional design, consistent branding, sophisticated animations, and polished visual hierarchy. Use when users request presentations, slide decks, pitches, reports, or want to convert markdown to professionally designed PowerPoint with Apple/Microsoft/Google-level quality.
ios-hig-reference
by beshkenadze
Apple Human Interface Guidelines quick reference. Use when needing iOS design guidelines, HIG rules, or Apple design best practices.
remotion-best-practices
by 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.
ceo-advisor
by QuestNova502
Executive leadership guidance for strategic decision-making, organizational development, and stakeholder management. Includes strategy analyzer, financial scenario modeling, board governance frameworks, and investor relations playbooks. Use when planning strategy, preparing board presentations, managing investors, developing organizational culture, making executive decisions, or when user mentions CEO, strategic planning, board meetings, investor updates, organizational leadership, or executive strategy.
find-core-ideas
by ricardogomes
First-principles thinking; identify what everything else builds on. Use when a learner feels like they're memorizing rather than understanding, wants to distinguish foundational from derived concepts, or needs to reconstruct knowledge from basics. This skill guides through dependency testing (elimination, reconstruction, abstraction descent) while enforcing human-only reasoning about what's core vs. derived. Triggers on phrases like "I'm memorizing not understanding", "what's really foundational", "I can use it but don't understand why", "distinguish core from derived", or when a learner wants deeper understanding of first principles.
gpui-component
by AprilNEA
gpui-component library patterns for building reusable UI components. Use when creating buttons, inputs, dialogs, forms, or following Longbridge component library conventions in GPUI applications.
css-workflow
by ilude
CSS and styling workflow guidelines. Activate when working with CSS files (.css), Tailwind CSS, Stylelint, or styling-related tasks.
design-quality-gates
by derKlinke
Use when any task includes UI or visual design decisions (layout, grids, typography, color, visual hierarchy, motion, accessibility), before implementation, critique, or sign-off.
design-interaction-motion-craft
by derKlinke
Use when designing or reviewing transitions, gestures, state-change animations, micro-interactions, scroll-linked motion, or interaction feedback across web/iOS/macOS.
animator
by changeflowhq
Create short video animations from HTML/CSS/JS. Frame-by-frame capture at 30fps using Playwright + ffmpeg. Write CSS animations normally - the recorder pauses and steps them. Use for product demos, social clips, ad creative, feature announcements.
algorithmic-art
by 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.
frontend-design
by derKlinke
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.
moonkite-maliang
by huzhicheng
"UMPF 结构化提示词生成大师 - 通过多轮深度对话引导用户打磨电影级画面方案。支持 7 种视觉引擎(摄影/印刷/3D/油画/像素/水墨/定格动画)。触发条件: (1) 用户说'生成提示词'、'画一个...'、'帮我设计画面' (2) 需要 Nano banana 提示词 (3) 用户想要专业艺术指导生成图片 (4) 提到 UMPF 或 moonkite-maliang"
State Management
by 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.