Animation
UI animations and transitions
processing-media
by Git-Fg
"Handles video editing, ffmpeg processing, and visual analysis. Use when transforming raw footage into polished output or analyzing visual content."
frontend-design
by le-dat
Create bold, high-end, production-grade frontend interfaces with the mindset of a professional UI/UX designer and frontend engineer.
openharmony-ui-reference
by mengfei0053
用于使用 ArkTS 开发 OpenHarmony UI 时 - 查找布局、组件、状态管理、动画、导航,或处理缺少装饰器、状态不更新、渲染问题等错误
ui-style-compliance
by dereknex
Use when designing or reviewing UI in React-based frameworks (Next.js, Vite, Remix, Astro) and the task involves checking interface style, interaction, animation, typography, layout, performance, or design constraints for compliance.
wcag-audit-operable-motion-test
by Jkense
Test animations for motion sensitivity compliance and reduced motion preferences
web-interface-guidelines
by dereknex
Use when designing, reviewing, or implementing web UIs and you need concrete MUST/SHOULD/NEVER rules for accessibility, interaction patterns, forms, layout, animation, performance, content, or visual design decisions.
swiftui-development
by pluginagentmarketplace
Master SwiftUI - Declarative UI, state management, animations, modern iOS development
frontend-design
by monit-jangir
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.
dashboard-service
by lemoncat7
莫殇的像素状态看板服务，同时代理 Star Office UI
present
by expremiental
Create stunning, interactive HTML presentations that feel like next-generation experiences. Use when a user asks for a presentation, slide deck, pitch deck, slides, or anything presentation-related. Produces a single self-contained HTML file with animations, interactive elements, and cinematic transitions — no PowerPoint, no dependencies, just open in a browser.
ui-design-core
by Protagonistss
核心设计能力，提供配色、布局、组件样式生成及反模式检查。
frontend-studio
by potatoman03
Build tasteful, modern, production-grade frontends with distinctive design. Use when building websites, landing pages, dashboards, SaaS UIs, e-commerce pages, portfolios, or any web interface. Extends Anthropic's frontend-design skill with a design decision framework, shadcn/ui defaults, rams.ai accessibility enforcement, and a technique library that produces clean, unique output — never AI slop. Activate for: "build me a website", "create a landing page", "design a dashboard", "make a UI for...", or any frontend request.
frontend-design
by enoch-robinson
前端界面设计技能。创建独特、高质量的前端界面，避免通用 AI 风格。当用户需要构建网站、落地页、仪表盘、React 组件、HTML/CSS 布局或美化任何 Web UI 时使用此技能。
frontend-design
by s92qht225v-creator
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.
frontend-design
by pm-minji
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity. Use when building or styling web UIs, components, pages, dashboards, or frontend applications.
web-ui-best-practices
by heykvnzhao
Opinionated constraints for building better user interfaces. Triggers on building or reviewing web components, pages, forms, modals, animations, or any frontend UI work. Covers accessibility, focus states, touch interactions, and performance.
remotion-video-creator
by FluxA-Agent-Payment
Create animated videos using Remotion (React-based video framework). Use when the user wants to create demo videos, animated explainers, walkthroughs, or slideshow-style presentations from UI concepts, screenshots, or descriptions. Handles scene design, TypeScript component creation, spring-based animations, typewriter effects, and video export.
remotion-best-practices
by hocgin
Best practices for Remotion - Video creation in React
video-explorer
by Cygnusfear
This skill should be used when analyzing video files. You cannot process video directly, so this skill extracts frames hierarchically - starting with a quick overview, then zooming into regions of interest with higher resolution and temporal density. Use when asked to watch, analyze, review, or understand video content.
framer-motion
by yusenthebot
A simple and powerful JavaScript animation library. Use when: Simple API: First-class React, JavaScript, and Vue packages; Hybrid engine: Power of JavaScript combined with native browser APIs for 120fps, GPU-accelerated animations; Production-ready: TypeScript, extensive test suite, tree-shakable, tiny footprint. NOT for: server-side CLI utilities; database access layer.
flutter-frontend-design
by syeduzaif
Create distinctive, production-grade Flutter mobile & web UI with high design quality. Use this skill when the user asks to build Flutter screens, widgets, components, dashboards, or full apps. Generates creative, polished Dart/Flutter code that avoids generic AI aesthetics and follows Flutter/Material/Cupertino best practices.
ai-product-video
by Growth4U-systems
"Specialized skill for AI product video generation. Use when you need product reveals, animated product shots, hero video banners, or e-commerce video content. Triggers on: product video, product reveal, animate product, hero video. Outputs professional product videos."
frontend-design
by zaaakher
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.
frontend-tailwind
by hwatkins
Expert Tailwind CSS development with utility-first patterns, responsive design, component extraction, and performance. Use when styling frontend applications with Tailwind.