react-animation
When to use
Use this skill when creating Remotion video compositions that need aesthetically refined visual effects. Components are curated for motion graphics excellence, categorized by visual style.
Installation
npx shadcn@latest add https://reactbits.dev/r/<Component>-TS-CSS
🎨 Aesthetic Categories
Components organized by visual style. Avoid mixing more than 2 styles in one video.
1. Elegant & Soft (优雅柔和)
More from notedit/happy-skills
feature-dev
Guided feature development with codebase understanding and architecture focus. Use for implementing features systematically: explore → clarify → design → implement → test → review.
315gsap-animation
GSAP + Remotion integration for professional motion graphics video production. Timeline orchestration, text splitting, SVG morphing, advanced easing, and reusable effect presets.
162screenshot-analyzer
Analyze product screenshots to extract feature lists and generate development task checklists. Use when: (1) Analyzing competitor product screenshots for feature extraction, (2) Generating PRD/task lists from UI designs, (3) Batch analyzing multiple app screens, (4) Conducting competitive analysis from visual references.
136video-producer
>
101feature-analyzer
Turn ideas into fully formed designs and specs through natural collaborative dialogue. Use when planning new features, designing architecture, or making significant changes to the codebase.
89tts-skill
MiniMax TTS API - 文本转语音、声音克隆、声音设计
77