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.
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.
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.
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.
web-design
A professional web design workflow that generates standardized design specifications (DESIGN.md) before producing high-fidelity, responsive UI code.
hyperframes
Install and wire reusable HyperFrames blocks and components into compositions using `hyperframes add` and registry manifests.
dotlottie-web
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin
zopia-skills
Manage project-based AI video/image creation pipelines (script → storyboard → video) using Zopia platform scripts.
animations
A Svelte 5 port of Motion (Framer Motion) providing animation components, gesture props and layout helpers for smooth UI transitions.
claudedesignskills
State-machine driven vector animations with runtime interactivity and ViewModel data binding for web and mobile UIs.
sprite-gen
Create clean 2D game sprite sheets and animated atlases from image-generation rows: chroma-key cleanup, connected-component frame extraction, atlas composition,
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
beko2210
Guidelines and best practices for building high-fidelity web animations using Anime.js, including timelines, staggering, easing, and performance notes.
motionly
Professional design principles for creating clear motion graphics compositions, focusing on visual hierarchy, layout patterns, and color theory.
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.
awesome-skills-cn
Curated micro-interactions, micro-UX patterns and easter-eggs to add magical, high-quality visual polish to web and app interfaces.
agent-skills
Expert implementation of Motion (formerly Framer Motion) for React, covering gestures, scroll effects, and layout transitions.
skills
Expert implementation of React animations using Motion, covering gestures, scroll effects, layout transitions, and performance optimization.