用途：frontend-dev 用于构建完整、可上线的生产级前端页面，把设计工程、动效系统、AI 生成素材、说服性文案和生成艺术五类能力编排在一起。调用方式为 /frontend-dev <request>，用户以自然语言提出需求，例如“为音乐流媒体应用构建落地页”。
主要能力：技能包含 SKILL.md 核心文件、scripts/ 素材生成脚本（minimax_tts.py 文本转语音、minimax_music.py 音乐生成、minimax_video.py 异步视频生成、minimax_image.py 图像生成）、references/ 详细指南、templates/ 视觉艺术模板（viewer.html 基于 p5.js 的交互艺术、generator_template.js）以及 canvas-fonts/ 静态艺术字体。工作流分六阶段：设计架构、动效架构、素材生成、文案与内容、构建 UI、质量门禁。
使用方式：素材生成需环境变量 MINIMAX_API_KEY；生成前须向用户展示提示词并确认，素材必须保存到本地，禁止使用 unsplash、picsum、placeholder 等占位 URL 或外部 URL。素材命名格式为 {type}-{descriptor}-{timestamp}.{ext}，按框架存放于 public/assets、static/assets 或 ./assets。动效依赖可按需安装：npm install framer-motion、npm install gsap、npm install lottie-react、npm install three @react-three/fiber @react-three/drei。
适用场景：落地页、营销页、产品展示页等需要高完成度视觉与动效的前端页面，支持纯 HTML、React/Next.js、Vue/Nuxt、Svelte/SvelteKit、Astro。
限制：所有规则为强制要求，违反视为阻断性错误；禁止使用 emoji，禁止 Inter 字体，禁止纯黑 #000、霓虹光晕、渐变标题文字、自定义光标等；动效仅允许动画 transform、opacity、filter、clip-path，须尊重 prefers-reduced-motion，移动端禁用视差与 3D；同一组件不得混用 GSAP 与 Framer Motion。具体收费、价格与平台信息暂未提供。