frontend-dev

# Frontend Studio Build complete, production-ready frontend pages by orchestrating 5 specialized capabilities: design engineering, motion systems, AI-generated assets, persuasive copy, and generative art. ## Invocation ``` /frontend-dev <request> ``` The user provides their request as natural language (e.g. "build a landing page for a music streaming app"). ## Skill Structure ``` frontend-dev/ ├── SKILL.md # Core skill (this file) ├── scripts/ # Asset generation scripts │ ├── minimax_tts.py # Text-to-speech │ ├── minimax_music.py # Music generation │ ├── minimax_video.py # Video generation (async) │ └── minimax_image.py # Image generation ├── references/ # Detailed guides (read as needed) │ ├── minimax-cli-reference.md # CLI flags quick reference │ ├── asset-prompt-guide.md # Asset prompt engineering rules │ ├── minimax-tts-guide.md # TTS usage & voices │ ├── minimax-music-guide.md # Music prompts & lyrics format │ ├── minimax-video-guide.md # Camera commands & models │ ├── minimax-image-guide.md # Ratios & batch generation │ ├── minimax-voice-catalog.md # All voice IDs │ ├── motion-recipes.md # Animation code snippets │ ├── env-setup.md # Environment setup │ └── troubleshooting.md # Common issues ├── templates/ # Visual art templates │ ├── viewer.html # p5.js inte...