用途：在实际开发前快速验证想法，即使没有设计师也能参考 UI/UX 趋势做出高质量原型，方便后续转换为 Next.js 组件。
主要能力：用 HTML/CSS 实现界面 mockup，用基础 JavaScript 实现交互，用 JSON 文件模拟 API 响应并验证用户流程。产出物包括 mockup/pages、styles、scripts、data 目录及 docs/02-design/mockup-spec.md。可采用 PDCA 循环：计划要做的页面与功能、设计页面结构与交互、实现 HTML/CSS/JS、检查功能行为、应用反馈并进入下一阶段。不同级别用法不同：Starter 可将此阶段作为最终交付，Dynamic 用于后续阶段前的验证，Enterprise 用于快速 PoC。
使用方式：核心原则是“可工作的原型优先于完美代码”，只用纯 HTML/CSS/JS 不用框架，用 JSON 而非 API 模拟数据。资料给出的趋势研究来源包括 Dribbble、Behance、Awwwards、Mobbin、Godly、Land-book；实现工具包括 v0.dev、Tailwind UI、Heroicons、Lucide、Coolors、Realtime Colors。资料列出 2025-2026 趋势如 Bento Grid、Glassmorphism、暗色优先等，并建议在 mockup 阶段就按组件拆分 HTML（使用 data-component、data-slot 等属性）、按组件分 CSS、建立组件映射文档、把数据结构设计为 props。示例中用 fetch('./data/products.json') 加载模拟数据。
限制：资料未说明该技能的收费、价格、平台限制或具体运行命令；实例仅提供结构与方法建议，未提供可验证的效果数据。