用途：把一个简短需求或现有网址，转成一套完整的 Next.js 网站或落地页，先定视觉方向再写代码。
主要能力：以「艺术指导」为主、前端工程为辅的优先级，先在 Fase 1 从 8 种视觉方向中选一种（Editorial Serif、Swiss Minimal、Luxury Dark Warm、Corporate Bold、Understated Elegance、Neo-Brutalist、Playful Gradient、Retro Terminal），再进入组件目录、设计系统、GSAP 动画与交付检查。支持全新建站与改版：检测到 URL 时走改版流程，按 curl→Puppeteer→用户手动（保存页面/截图/复制源码）三级抓取，输出分析并提最多 5 个问题。
使用方式：在 Claude Code 中运行前先确认 Node >= 18、npm >= 9，随后按 intake→brief→视觉方向→组件→设计系统→动画→交付清单顺序推进；Fase 0 需用户一次性回答 intake 问题并确认 brief，之后自动执行。项目初始化命令：npx create-next-app@latest $PROJECT_SLUG --typescript --tailwind --app --src-dir --import-alias "@/*" --no-git，以及 npx shadcn@latest init --defaults、npm install gsap @gsap/react。交付前执行 npx tsc --noEmit 与 npm run dev。在 Antigravity/Gemini 等无终端环境时，改为提供可复制代码与安装命令注释。
适用场景：咨询、SaaS、电商、品牌官网、作品集等各类前端页面搭建与改版。
限制：依赖 Claude Code 的终端与文件系统能力；组件须来自允许来源（禁止 GPL、超 12 个月未维护库、仅 webpack 打包器与虚构 URL）；GSAP 必须用 useGSAP 并做 prefers-reduced-motion 保护，每页最多 3 个 WebGL 画布；具体收费与价格信息暂未提供。