用途：Prom Design 用于按一套已交付过真实客户项目的固定风格，设计并构建可直接给客户看的网站与移动 Web 应用。示例使用两个虚构品牌 AURA Heights（海滨公寓）与 The Assembly（会员活动 Web 应用），规则本身可迁移。
主要能力：提供从需求问询、风格方向选择、设计令牌、组件模式到审查与审计的完整流程。核心规则包括：具体性即奢华信号（用真实数字、名称、距离）；证据优于承诺；底色不用纯白、墨色不用纯黑；任何可交互元素必须自我说明；移动端密度即尊重。默认移动优先，含滚动预算、侧滑画廊提示、44px 点击目标、底部标签栏、一次性引导层、viewport meta 与 390px 无横向滚动等要求。
使用方式：调用时先做六十秒问询（页面用途与受众、销售型还是工具型、必须保留的品牌元素），再给出两三个命名方向并推荐其一。随后锁定设计令牌，再按组件模式构建，最后经 localhost 审查、多视角审计并检查线上 URL。参考文件包括 tokens.md、patterns.md、webapp.md、imagery.md、copy.md、stack.md、taste.md、audit.md，脚本有 shots.mjs 与 design-audit.mjs。
适用场景：营销站、发布页、品牌页、预订、仪表盘、目录、账户等。若同时需要营销前台与登录应用，应作为同一令牌系统下的两种风格分别构建。
限制：涉及付费生成需先打印计划与预期成本并获确认。硬性规则包括禁止使用 em dash 与 en dash、移动导航各页一致、字体自托管为 woff2 并预加载。文中提到的 Blender 360 巡览属独立工具链，不属本技能。impeccable 与 design-dna 为可选配套，缺失不影响使用。部分细节（如 Thai 段落）资料未完整提供。