菜单
9 种原型模板的结构定义和代码规范，覆盖网页、SaaS、仪表盘、移动端、PPT、文档等设计场景。 每种模板定义了标准的 HTML 结构、必需的区块、布局规则和 Anti-Slop 约束。 触发词：原型模板、页面结构、布局模板、网页结构、组件结构
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/infometa/workbuddyskills --skill prototype-templates命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | prototype-templates |
| description | 9 种原型模板的结构定义和代码规范，覆盖网页、SaaS、仪表盘、移动端、PPT、文档等设计场景。 每种模板定义了标准的 HTML 结构、必需的区块、布局规则和 Anti-Slop 约束。 触发词：原型模板、页面结构、布局模板、网页结构、组件结构 |
提供 9 种标准化的原型模板定义，帮助 prototype-builder 快速生成符合最佳实践的页面结构。
| 模板 ID | 名称 | 适用场景 |
|---|---|---|
| web-prototype | 通用网页原型 | Landing page、Marketing page、产品展示 |
| saas-landing | SaaS 落地页 | 产品营销、功能展示、转化优化 |
| dashboard | 数据仪表盘 | 后台管理、数据分析、运营面板 |
| mobile-app | 移动端 App | iOS/Android 原型、多屏流程 |
| simple-deck | 简洁演示 | 轻量级展示、提案、demo |
| pricing-page | 定价页 | 方案对比、特性矩阵 |
| docs-page | 文档页 | 技术文档、帮助中心 |
| blog-post | 博客文章 | 内容营销、技术博客 |
| email-template | 邮件模板 | 营销邮件、通知邮件 |
@references/template-structures.md — 每种模板的标准 HTML 结构定义