MCP App StoreMCP App StoreSKILL.md packages that extend Claude Code, Cursor, Copilot, and other AI agents.
Tags
design-motion-principles
Motion and interaction design guidance with two modes (Create and Audit) that provides context-weighted recommendations and accessibility-first rules for UI ani
ai-toolkit
Guidelines and patterns for UI animation, micro-interactions, and component polish to build performant, accessible, and delightful interfaces.
everything-openai-codex
Foundation motion tokens, spring presets, accessibility rules, and SSR-safe animation patterns for React/Next.js using motion/react.
manim-community-deep-skill
Turn plain-language concepts into production-ready ManimCE scene blueprints, runnable code, preview renders, and final export commands for video assets.
hyperframes
Install and wire reusable HyperFrames blocks and components into compositions using `hyperframes add` and registry manifests.
animations
A Svelte 5 port of Motion (Framer Motion) providing animation components, gesture props and layout helpers for smooth UI transitions.
dotlottie-web
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin
claudedesignskills
State-machine driven vector animations with runtime interactivity and ViewModel data binding for web and mobile UIs.
claude-code-skills
Create programmatic motion graphics and short animated videos using Python, Pillow, and FFmpeg; suitable for intros, data visualizations, and animated diagrams.
animateur
Tools and guidance for running, inspecting, and modifying a browser-based 3D animation toolset (Fast Poser, Motion Ripper, Playground, AutoRigScene) and its JSO
firstbrain
Guidelines and best practices for building high-fidelity web animations using Anime.js, including timelines, staggering, easing, and performance notes.
web-design
A professional web design workflow that generates standardized design specifications (DESIGN.md) before producing high-fidelity, responsive UI code.
rendervid
Generate professional animated videos and static images from JSON templates using AI-powered declarative rendering.
OrchestKit
Implement high-performance, accessible UI animations using the Motion library and the native View Transitions API.
character-sprite-maker
Generate high-quality 2D animated game character spritesheets from text concepts and references.
zopia-skills
Manage project-based AI video/image creation pipelines (script → storyboard → video) using Zopia platform scripts.
redbox
Plan and prepare short videos for RedBox's official video API: draft shot scripts, choose generation modes (text-to-video, reference-guided, first-last-frame),
userinterface-wiki
Comprehensive UI/UX best-practices guide with 150+ rules for animation, typography, accessibility, audio, and performance-focused front-end patterns.
sprite-gen
Create clean 2D game sprite sheets and animated atlases from image-generation rows: chroma-key cleanup, connected-component frame extraction, atlas composition,
character-animation-creator-skill
Generate native pixel-art sprite sheets and animation packs (32/64/128) from text or reference images, including cleaning, validation, and preview exports.
awesome-skills-cn
Curated micro-interactions, micro-UX patterns and easter-eggs to add magical, high-quality visual polish to web and app interfaces.