Menü
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
npx skills add https://github.com/CaufieldZ/pm-workspace-public --skill prototypeDer Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.
Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.
SKILL.md wird angezeigt
| name | prototype |
| description | 当用户提到「原型」「可交互原型」「prototype」时触发。PRD / IMAP 完成后可转为可交互版本。 |
| type | pipeline |
| output_format | .html |
| output_prefix | proto- |
| pipeline_position | 4 |
| depends_on | ["scene-list"] |
| optional_inputs | ["interaction-map"] |
| consumed_by | ["prd"] |
| owns | ["状态全集","交互细节","CRUD流转","Tab切换"] |
| forbids | ["字段表权威定义","池策略权威定义","埋点权威定义"] |
| scripts | {"check_paradigm.py":"Step 0 范式门 — python3 .claude/skills/prototype/scripts/check_paradigm.py {项目名}","build_proto_skeleton.py":"Step 2 单步生成 — from build_proto_skeleton import generate","audit_against_baseline.py":"Step 3 标杆对照 — python3 .claude/skills/prototype/scripts/audit_against_baseline.py <html> [--baseline <baseline.html>]","pre_proto_phone_shots.py":"Step 2 前 IMAP 硬看 — python3 .claude/skills/prototype/scripts/pre_proto_phone_shots.py <imap.html> -o <out_dir>","check_proto.sh":"Step 3 综合自检（结构 + 文案 + 页面可达性）— bash .claude/skills/prototype/scripts/check_proto.sh <html> [<scene-list.md>]","check_page_fns_shell.py":"page_fns 设备壳越界检测（prototype-shell-gate 调用）— python3 .claude/skills/prototype/scripts/check_page_fns_shell.py <file.py>...","check_proto_split.py":"src/scenes 分场景拆分门（prototype-split-gate 调用）— python3 .claude/skills/prototype/scripts/check_proto_split.py <html>...","brand_assets.py":"品牌 Logo 注入 — from brand_assets import brand_logo_html; project['logo_html'] = brand_logo_html()"} |
做什么：根据 scene-list / IMAP 生成可交互 HTML 原型（前台 App 深色 + Web 前台 + 后台 CMS 浅色三档），数据驱动 CRUD + 抽屉 / 弹窗 / Tab 切换齐备。
一端一文件：涉及多端（App / Web 前台 / 后台 任意 ≥ 2）时，每端产一个独立 HTML（-app / -web / -mgt 后缀），由同一个 orchestrator 循环调 generate_single 出多个文件。禁止把多端合并进一个 HTML 用顶栏 view 切换——单端单文件后导航天然全局 scope，page id 不跨端、不撞车。
何时触发：用户说「原型 / 可交互原型 / prototype」；scene-list 或 IMAP 完成后转可交互版本。
不做：PRD 行为规格（归 prd）/ 架构方案（归 architecture-diagrams）/ 静态展示页（用 IMAP 即可）。
承载状态全集：IMAP ann-card 出现 → 原型「{view}-{page}」状态全集 锚点时，该页面必须出 ≥ 锚点列举的所有 state-chip。check_proto.sh 比对 IMAP 锚点 ↔ state-chip 文案，缺失 FAIL。
hook 守的是「Read 过本文件」不看读了多少行。改 scripts/*.py / *.sh 用
Read 此文件 limit=80（§1+§2 即够）。改产出物建议全文。
Public API（不可改签名）：
from build_proto_skeleton import generate_single — generate_single(project, view, page_fns, crud_js, output_path)：单端单文件（新项目多端默认走这个，每端一文件，无顶栏）。web-front 端注意：骨架 .p-nav sticky top:52px（多端 gnav 高度）会压正文，需项目 CSS 覆盖 .web-front > .p-nav{top:0}from build_proto_skeleton import generate — generate(project, views, page_fns, crud_js, output_path)：多 view gnav 合并单文件（仅存量 archive rebuild，新项目勿用）python3 check_paradigm.py {项目名} — Step 0 范式门python3 pre_proto_phone_shots.py <imap.html> -o <out_dir> — Step 2 前 IMAP 硬看截图python3 audit_against_baseline.py <html> --baseline <baseline.html> — Step 3 标杆对照bash check_proto.sh <html> [<scene-list.md>] — Step 3 综合自检python3 check_page_fns_shell.py <file.py>... — page_fns 设备壳越界检测（hook 调用）build_proto_v{N}.py --end X（项目 orchestrator）：--end 只决定迭代端，但全量重建所有端 HTML；改单端后需同步重拍全端截图，否则其他端 freshness stalescreenshot_proto.py（项目侧，读 registry.shot_setup + extra_shots）— web 端原型截图走它，禁用通用 screenshot_for_prd.py --proto（含多场景切换的页面会停在默认态）会拦你的 hook：
post-script-syntax-check / post-cjk-punct-checkpost-plain-language-check — proto-*.html 文案讲人话（禁裸编号 / 决策号）ui-annotation-gate — 渲染壳内禁开发注解（（此处占位）/注：/TODO 会被开发误读为真实文案）；build 后 Bash 路径拦截post-prototype-source-check — page_fns 不生成设备壳post-prototype-split-check — proto-*.html 产出时校验 src/scenes 已拆分（找不到即 FAIL）post-prototype-audit — 产出后自动跑 audit_against_baseline 摘要pre-skill-load-gate — 改 proto-*.html 必先 Read 本 SKILL.mdpre-deliverable-source-gate — 禁直接 Edit/Write proto HTML，必须走 build改完跑啥：
python3 .claude/skills/prototype/scripts/build_proto_skeleton.py # demo 自跑
bash .claude/skills/prototype/scripts/check_proto.sh deliverables/proto-*.html
深入读什么：完整 views/page_fns 结构 grep -A 40 "^## API 速查" SKILL.md；自检规则 grep -A 30 "^## 自检清单" SKILL.md；组件 HTML Read references/crypto-app-vocabulary.md + Read assets/prototype-templates.html。
references/crypto-app-vocabulary.md 对应词条 + Figma 真品 PNG（assets/figma-anchors/）+ imap references（biz-trading.md / biz-social.md / biz-livestream.md / components-core.md）。三源任一缺失 → 必须先补再画。Figma frame 名不可信，下图肉眼核对再映射场景编号pre_proto_phone_shots.py 单独截每张 phone（每张独立文件），Read 多模态确认元素细节后再骨架。详见 references/prototype-source-discipline.md § Baudit_against_baseline.py 对照范式标杆 HTML，关键组件计数 + Fill 视觉铁律 + 反 AI slop 六禁全过才允许声明完成.app-mock / .layout / .p-nav / sidebar 等设备壳元素——这些由 build 骨架统一管理。post-prototype-source-check hook 拦截generate_single 每端只产一个 view，无 gnav 顶栏，goPage / openDrawer 在整份文档全局查找（JS || document fallback），page id 不跨端、不撞 getElementById。无需任何 scope 技巧.p-nav 硬编码在 build_proto_skeleton.py（skill 文件不可改），app 端在 crud.py 补 .app-mock > .p-nav{display:none}，由各 scene 自行接管顶导view.pages 里声明的页面，必须能从入口页顺着 goPage 点到（顶栏 logo / Tab 栏 / 列表卡片 / 按钮任一）。声明了页面却没入口 = 评审只能改代码才能看到 = 等于没做。多端拆分尤其易漏：某页只在另一端有入口，本端就成孤儿。goPage 目标也必须是本端真实存在的 data-page，指向别端的 page id 点了直接黑屏。build 时 _warn_unreachable 提示，check_proto.sh §页面可达性 FAIL 拦截projects/{项目}/scripts/src/scenes/{end}_{page}.py 一文件一页面（≤ 300 行），由 build_proto_v{N}.py orchestrator import 收口成 page_fns。禁止把 page_fns 内联在 orchestrator 单文件里（不分简单 / 大产物，无条件）。post-prototype-split-check hook 在 proto-*.html 产出时校验，找不到任何 src/scenes/*.py 即 FAIL。结构见 .claude/runbooks/html-build-split.md §二.claude/runbooks/human-voice-rules.md，post-plain-language-check hook 拦截.app-mock / .web-front / .layout）内写开发注解——（此处占位） / （灰条占位） / （动态加载） / 注： / TODO 这类括注会被开发误读为真实产品文案，造成误会。注解一律删掉。ui-annotation-gate hook 在 build 后拦截#161A1E on #0B0E11），禁写 border:1px solid #23282F——边框是"怕看不出层次"时的补偿，底色分层做好不需要border-radius:16px，不用 10px / 11px（网页感）；仅内嵌小标签 / badge 用 10px 胶囊linear-gradient(135deg,#1a3a5c,#0d2035)，不用灰蓝 #1E2A38→#141A20border-radius:10px（不用 3–4px 矩形）transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.36)，不用 border-color 变蓝——border 变色是 2019 年风格background:#1C2636; border:1px solid rgba(255,255,255,.08)（可加 backdrop-filter:blur(12px)），不用纯白 #fff 盖在深色 UI 上造成突兀感def page_app_feed():
return {
'page': '<div>...</div>', # 渲染壳内容（不变）
'anno': [
{'n': 1, 'p': 'p0', 'title': '直播卡片布局', 'text': '...', 'tx': 187, 'ty': 148},
]
}
tx/ty 为元素在渲染壳内坐标，上半区出顶边缘、下半区出底边缘；anno 内容禁写场景编号 / 决策号（hook 拦）tx/ty 为元素在渲染壳内的像素坐标（phone：375×812；web-front：相对 .web-front 顶左角）。上半区（ty < FH/2）Pin 出顶边缘，下半区出底边缘；同边多 Pin 自动间距排开（≥ 34px），折线只走纵向不横穿内容区ann-text / title 内禁裸场景编号（A-1）/ 决策号（见决策 3）/ 开发注解（（此处占位））。规则同正文讲人话（post-plain-language-check）；字段表 / 池策略参数 / 埋点事件名同样禁写进 anno（归 PRD）tx/ty 时，在 orchestrator 里临时给 project 加 'anno_debug': True，骨架渲染时在渲染壳上叠加网格 + 坐标提示层（非产品 UI，交付前必须删除 anno_debug 字段）references/prototype-components.md 或对应 imap biz-*.md 复制 HTML 结构，禁自行设计样式projects/{产品线}/deliverables/{季度}/{版本}/（版本 = delta 版本），随 delta 整包归 archive/{季度}/。proto-{产品线}-{版本}.html；多端项目每端一文件，加端后缀 proto-{产品线}-{版本}-app.html / -web.html / -mgt.html。scripts/build_proto_{版本}.py；产品线若已建共享场景库（projects/{产品线}/scripts/src/registry.py 存在），脚本落项目根 projects/{产品线}/scripts/，本轮只写选单，产出物仍 delta-scoped。check_proto_split.py 两种落点都认build_proto_skeleton.py 通过 open().read() 自动拼接prototype 覆盖三档（views 字段 device + theme 决定壳）：
| 范式 | device | theme | 壳 | 用途 |
|---|---|---|---|---|
| 对客 App | phone | dark | .app-mock 375×812 | 深色系合法主题，涨绿 #0ECB81 / 跌红 #F6465D / 金 #FCD535 |
| 对客 Web | web-front | dark | .web-front 全宽 + .p-nav + .wf-footer | 深色底 #0B0E11 + 品牌蓝 accent #007FFF |
| 内部后台 Web | 忽略 | light | .layout + sidebar | MGT 浅色 #F5F6FA + 品牌蓝 + 深蓝 sidebar #001529；可叠 .theme-cd 切换到 Claude Design 暖近黑 #1F1F1E + #D97757 |
多端 = 多文件：项目涉及 ≥ 2 端时，每端按上表选壳，各产一个独立文件（generate_single 一端一调用）。同一 orchestrator 循环出 -app / -web / -mgt，不合并。generate（gnav 顶栏合并单文件）仅供 activity-center 等存量 archive rebuild。
字体栈：prototype.css 已补 -apple-system,'SF Pro Text' 作英文 fallback（CJK 仍以 Noto Sans SC 优先），不需要在 crud.py 重覆写。
| 提供方 | 内容 |
|---|---|
| build 骨架 | 完整设备壳（.app-mock / .layout / .p-nav / sidebar）+ 抽屉 / 弹窗容器壳（.p-drawer / .modal-bg）+ ✕ 按钮 + 基础 JS 交互（View 切换 / 页面跳转 / 抽屉 / 弹窗开关）+ <script> 末尾拼入 crud_js 字符串 |
| page_fns | 页面内 UI 元素（卡片 / 列表 / 表单 / 抽屉 / 弹窗内容） |
page_fns key：
| key | 内容 | 注意 |
|---|---|---|
(view_id, page_id) | 页面内部 UI 元素 | 不包含设备壳 |
(view_id, 'drawer') | 抽屉面板内容 | 不包含抽屉容器壳 |
(view_id, 'modal') | 弹窗内容区 | 不包含弹窗容器壳 |
(view_id, 'footer') | web-front view 自定义 footer | 可选，省略用默认 |
骨架原型的通用截图红利：build 骨架约定的 .gnav-view-section[id]（view）× .p-page#page-{id}（page）结构，让 screenshot_for_prd.py --proto <proto.html> 能自动遍历批量截图喂 PRD。generate_single 单端文件保留单个 .gnav-view-section.gnav-active 节点（无顶栏），截图脚本零改动遍历该端所有 page；多端逐文件各跑一次。手写原型无此结构，需 per-project 截图脚本。
品牌 Logo 注入：generate_single phone / web 壳顶导默认渲染 🔥 emoji。需替换为真实品牌 Logo 时，在 orchestrator 里用 brand_assets.py 给 project dict 加 logo_html 字段，骨架自动替换所有顶导位：
from brand_assets import brand_logo_html
project = {'name': 'Demo 直播', 'version': '2.3',
'logo_html': brand_logo_html(size=22)} # 骨架自动注入顶导
brand_assets.py 同时提供 brand_logo_html_mono(size, color) 单色版。Logo SVG path data 从 Figma 官方文件用 fetch_figma.py --format svg 导出（不截图，直接拿 <path d>）。
App 端接管整条顶导（如需头像 + 搜索框 + 操作图标替代默认 p-nav）：在 crud CSS 补 .app-mock > .p-nav{display:none}，page_fns 自行渲染 .app-nav 替代。
改某页文案 / 场景结构后必须重拍该页全部自定义态截图（如弹窗 TRTC/OBS 两态、直播间直播 / 回放两态）：.freshness.json manifest 按整页 .p-page DOM 子树 hash 判定，漏拍同页任一状态都会连带报 stale。同页多态截图在 registry.py 的 Scene.extra_shots 声明（每条 {'suffix': 'replay', 'setup': 'switchXxx(true);'}，输出 proto-{end}-{end}-{page}-{suffix}.png），screenshot 脚本通用循环遍历，不在脚本里硬编码 if 块。
引 .claude/skills/_shared/claude-design/anti-ai-slop.md：
Step 3 audit_against_baseline.py grep 验证以上，违规即 fail。
通用规则（强制规则 / 快速模式 / Fill 质量）见
.claude/runbooks/html-pipeline.md。本节为 prototype 补充。
prototype 触发后禁止直接跑 generate，必须先完成本步。
0.1 范式推断：
python3 .claude/skills/prototype/scripts/check_paradigm.py {项目名}
脚本读真相源（lib.truth_source.resolve：baseline）涉及端 + scene-list.md，推断端构成，给出推荐 + 标杆 HTML 路径 + 必读 references 清单。模型必须向用户口头确认范式正确，确认后才进 Step 2。
| 端构成 | 范式 | 产出 | 标杆 |
|---|---|---|---|
| 纯 App + 多场景（≥ 5） | 单 phone + scene chips | 1 文件 | V8 / community v3 |
| 纯 App + 简单流（≤ 3） | 单 phone 无 nav | 1 文件 | 小型项目 |
| 纯 Web 后台 / CMS | 单 view + sidebar | 1 文件 | activity-center mgt-view |
| 多端（App / Web 前台 / 后台 任意 ≥ 2） | 多端拆分 (generate_single) | 每端 1 文件（-app/-web/-mgt） | 各端按 device 壳分别对标 |
脚本推断不出（端类型混合 / 场景数模糊）→ 模型向用户问，禁自行假设。多端时禁合并进单文件用顶栏切换——这是过去返修的根因。
0.2 竞品截图 / Figma 真品收集（Crypto 认知 ground truth）：
范式确认后主动问用户：
这个项目对标哪些真品？请给 1-3 个来源：① Figma 真品链接（行业头部 项目优先 — 直接 fetch_figma 入档最高权威） ② 竞品截图（Binance / OKX / Bitget / Gate / 行业头部 实际页面） ③ 已有 IMAP（上游存在则直接用）
收集动作：
python3 scripts/fetch_figma.py <url> --batch ... --out-dir .claude/skills/prototype/assets/figma-anchors/（持久 anchor，下次复用）projects/{项目}/inputs/competitors/projects/{项目}/inputs/anchors/visual-extracts.md（配色 / 字号层级 / 关键组件 / 交互模式）。禁污染真相源静态章——artifact-conventions §四「静态章四不」禁 UI 视觉只有用户明确说「不需要 / 直接做 / 已有 IMAP 看就够」才允许跳过。
0.3 上游分支判定：详见 references/prototype-source-discipline.md § A0。有 IMAP 走硬看流程，无 IMAP 走双 anchor 替代流程。
并行 Read scene-list.md + 真相源（baseline）+ IMAP（如有）+ references/crypto-app-vocabulary.md + references/baseline-pattern-card.md + references/prototype-source-discipline.md。
向用户确认：涉及几端（App / Web 前台 / 后台）/ 每端设备类型 / 每端包含哪些页面。多端 = 多文件，每端独立确认。
设备类型判定：
device: "phone"device: "web-front"（新项目）或省略（legacy）theme: "light"（自带侧边栏布局）禁止把 page_fns 内联在 orchestrator 单文件里（硬规则 11，不分简单 / 大产物）。固定结构：
projects/{项目}/scripts/
build_proto_v{N}.py # orchestrator（≤ 150 行，只 import scenes/ + 收 page_fns + 循环调 generate_single）
src/
config.py # project / ends（每端一个 view dict + 输出路径）
helpers.py # 跨场景复用 HTML 片段（可选）
scenes/
__init__.py
{end}_{page}.py # 一文件一页面 ≤ 300 行；def page_{end}_{page}(): return '''...'''
orchestrator 范式（多端循环 generate_single，每端一文件）：
import sys, os
_ROOT = os.path.abspath(os.path.join(os.path.dirname(__file__), '../../../..'))
sys.path.insert(0, os.path.join(_ROOT, '.claude/skills/prototype/scripts'))
sys.path.insert(0, os.path.dirname(__file__)) # 让 src 包可 import
from build_proto_skeleton import generate_single
from src.config import project, ends # ends = [{"view": {...单端 view...}, "out": "...-app.html"}, ...]
from src.scenes.app_center import page_app_center
from src.scenes.web_create import page_web_create
page_fns = {
('app', 'center'): page_app_center,
('web', 'create'): page_web_create,
}
crud_js = """const items = [...]; function render() {...} ..."""
for end in ends:
view = end["view"]
sub = {k: v for k, v in page_fns.items() if k[0] == view["id"]}
generate_single(project, view, sub, crud_js, end["out"])
单端项目则 ends 只一条。CSS / JS 不进源码树，由 build_proto_skeleton.py 通过 open().read() 自动内联。
节奏（非快速模式）：前台复杂页面 1 个一批，后台简单页面 2 个一批，每填完一批往 src/scenes 加文件 + 在 orchestrator 注册 + 跑一次 build 验证；Step 3 自检前每填 1-2 页报告进度。
Step 2 不读模板 — 骨架脚本只需下方 API 速查表，CSS / JS 由 open().read() 自动拼接。Step 2 填充开始前 Read assets/prototype-templates.html，按需读 references/prototype-components.md：
## A. 前台深色组件## B. 管理台浅色组件 + ## D. 数据驱动 CRUD 模式## C. 通用交互组件grep -n "^## " .claude/skills/prototype/references/prototype-components.md # 定位章节
sed -n '{起始},{结束}p' .claude/skills/prototype/references/prototype-components.md
自检三件套 + Playwright click 全 pass 才视为通过。详见 § 自检清单。
v{N} 快照阶梯：本轮 delta 上线后整季度 / 版本文件夹（含原型）归 archive/{季度}/。# 单端单文件（新项目多端默认，每端调一次）
generate_single(project: dict, view: dict, page_fns: dict, crud_js: str, output_path: str)
# 多 view gnav 合并单文件（仅存量 archive rebuild）
generate(project: dict, views: list, page_fns: dict, crud_js: str, output_path: str)
{
"id": "user-view", # DOM id
"name": "用户端", # Tab 显示名
"icon": "📱", # Tab icon
"theme": "dark", # "dark" | "light"（light 强制后台壳 .layout + sidebar）
"device": "phone", # "phone" 对客 App | "web-front" 对客 web | 省略 = legacy Web 全宽
"nav_name": "产品名", # dark 主题 p-nav 显示名（可选）
"pages": [
{"id": "main", "name": "首页"},
{"id": "detail", "name": "详情"},
],
# device="web-front" 可选字段：
"nav_items": ["买币", "行情", "交易", "合约", "赚币"],
# light 主题字段：
"sidebar_group": "功能管理",
"sidebar": [{"icon": "📋", "name": "列表管理"}],
}
| 函数 | 用途 |
|---|---|
switchGlobalView(idx) | 切换全局 View（仅 gnav 合并存量用；单端文件无顶栏不调用） |
switchTab(el, prefix, tab) | Tab 切换 |
goPage(name) | 页面跳转 |
toggleDropdown(e) | 下拉开关 |
openDrawer() / closeDrawer() | 抽屉开关 |
switchChip(el, prefix, tab) | Chip 筛选 |
switchDevice(webId, appId, btns, idx) | Web/App 切换 |
swPage(el, idx) | 后台侧栏切换 |
后台 CRUD 数据驱动 JS：数据数组 + render + openEdit + saveItem + deleteItem + 初始 renderList 调用，整段作为 crud_js 字符串传入 generate，build 时拼到 <script> 末尾。
通用条目（编号一致、脚本保存、FILL 残留、术语一致）见
.claude/runbooks/artifact-conventions.md §三 上下文防丢。
踩坑速查（交付前过一遍）：
（此处占位）/注：/TODO），屏内只放真实文案专项条目：
goPage 目标都是本端存在的 page（check_proto.sh §页面可达性）# 1) 综合自检（结构 + 页面可达性 + 描述当前态四禁 warn）
bash .claude/skills/prototype/scripts/check_proto.sh projects/{项目}/deliverables/XXX.html
# 2) 标杆对照（必备组件 + Fill 视觉铁律 E1-E6 + 反 AI slop 六禁 + 字重三级）
python3 .claude/skills/prototype/scripts/audit_against_baseline.py \
projects/{项目}/deliverables/XXX.html \
--baseline {check_paradigm 输出的标杆 HTML 路径}
单纯 screenshot self-check 不算通过，必须 playwright assertion 验证 DOM 状态：
python3 scripts/with_server.py --server "python3 -m http.server 5173" --port 5173 -- \
python3 -c "
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
page = p.chromium.launch(headless=True).new_page()
page.goto('http://localhost:5173/projects/{项目}/deliverables/XXX.html')
page.wait_for_load_state('networkidle')
# ... 写下方最小 click 集 assertions
"
最小 click 集（含相关组件的场景全跑过，无 console error / 视觉无错位才算通过）：
.scr.on 切换正确（page.locator('.scr.on').count() == 1）screenshot 仅用于：① 视觉 bug 复现 ② 标杆对照 zoom 局部 ③ 最终交付截图。
三件套全过 + Playwright click 全 pass 才视为自检通过 → 才允许声明完成。任一 fail → 必须修，禁止跳过。
| 文件 | 触发条件 |
|---|---|
.claude/runbooks/html-pipeline.md | HTML pipeline 通用规则（生成模式 / 内容质量 / Fill 视觉铁律 E1-E6 / 美学硬底线） |
references/crypto-app-vocabulary.md | 真品组件 + 路由表 + Figma anchors（凭印象红线源头） |
references/baseline-pattern-card.md | 3 标杆 × 5 场景对照（Step 0 范式确认） |
references/prototype-source-discipline.md | 有 / 无 IMAP 双流程纪律（Step 0.3 / Step 2） |
| 文件 | 触发条件 |
|---|---|
assets/prototype-templates.html | Step 2 填充开始前 Read |
references/prototype-components.md | 按页面类型读对应 section（## A / B / C / D） |
interaction-map/references/components-core.md | 空态 / Tab 栏 / 列表页 / 表单等通用组件（共享单一信息源，去重后 prototype-components.md A11 / C3 已改路由指引） |
assets/figma-anchors/*.png | 凭印象红线触发时 Read 多模态 |
grep -A 20 "决策速查" .claude/skills/_shared/claude-design/anti-ai-slop.md.theme-cd 作用域已定义（覆盖 Arco 浅色变量为 CD 深色），需切换时手动在 HTML body 加 class="theme-cd"。App 移动端不应用此 theme.app-mock 设备框已升级至 iPhone 15 Pro 精细数值（圆角 48px / 状态栏 54px / Dynamic Island 124×36 / Home Indicator 140×5）