pages

创建独特、达到生产级别且具备高设计质量的前端界面。当用户要求构建 Web 组件、页面、制品等时，请使用此技能……

当用户希望使用模板和数据大规模创建 SEO 驱动的页面时使用。当用户提及“programmatic SEO”、“template pages”、“pages… ”时也可使用。

创建具有高设计品质、独特且达到生产级标准的前端界面。当用户要求构建 Web 组件、页面或…时，请使用此技能。

本技能用于界面设计——仪表盘、管理后台、应用程序、工具和交互产品。不适用于营销设计（落地页、营销网站……

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。