菜单
9 种原型模板的结构定义和代码规范，覆盖网页、SaaS、仪表盘、移动端、PPT、文档等设计场景。 每种模板定义了标准的 HTML 结构、必需的区块、布局规则和 Anti-Slop 约束。 触发词：原型模板、页面结构、布局模板、网页结构、组件结构
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
数据库优化专家入口。用于 Codex CLI 的 $expert-database 调用。 适用于数据库 Schema 设计、SQL 查询优化、索引策略、执行计划分析、连接池、慢查询治理、安全迁移、PostgreSQL/MySQL/Supabase/PlanetScale 性能调优。 触发词：数据库、SQL、PostgreSQL、MySQL、Supabase、PlanetScale、EXPLAIN、索引、慢查询、N+1、连接池、迁移、Schema、查询优化
专家团总路由器。用于 Codex CLI 的 $expert-team 调用。 自动在软件开发团队、设计原型专家团、产品战略团队、基础设施运维专家、安全专家和数据库优化专家之间路由，也支持显式指定 software/design/product/ops/security/database。 触发词：专家团、团队协作、软件开发、设计原型、产品战略、基础设施运维、安全专家、数据库专家、威胁建模、代码审计、SRE、PRD、竞品、路线图、监控、部署、安全加固、SQL、索引、慢查询、迁移
安全专家入口。用于 Codex CLI 的 $expert-security 调用。 适用于威胁建模、漏洞评估、安全代码审查、安全架构设计、DevSecOps、安全运营、事件响应、合规审计和完整安全健康评估。 触发词：安全专家、威胁建模、STRIDE、OWASP、SAST、DAST、SBOM、漏洞评估、代码审计、事件响应、合规审计、SOC、等保、GDPR、PIPL、隐私政策审查
基于《中华人民共和国个人信息保护法》（PIPL）及GB/T 35273-2020对隐私政策/隐私协议进行全面合规审查。当用户需要审查隐私政策合规性、检查隐私协议是否符合个人信息保护法、或对隐私协议进行整改优化时使用此技能。触发词：隐私政策审查、隐私协议合规、个人信息保护法审查、PIPL合规、隐私协议整改。
设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用。 覆盖需求发现、设计系统选择、原型生成、质量审查和导出交付。 触发词：设计原型、UI、UX、设计系统、高保真、HTML 原型、品牌设计、页面设计
产品战略团队专家团入口。用于 Codex CLI 的 $expert-product 调用。 覆盖 PRD、竞品分析、用户研究、指标分析、路线图、Sprint 和干系人更新。 触发词：产品战略、PRD、竞品分析、用户研究、路线图、指标分析、Sprint、头脑风暴
| 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 结构定义
