ddt-design-sourcelisted

# ddt-design-source — 前端审美的外部收敛回路 ## 何时进入这道回路 每个**含前端实现**的切片，进入实现前先过本闸——它决定走"自己整盘出 bundle"、"消费已有 bundle"还是"用设计系统直接实现"。���据靠**查文件系统**（`docs/design/frontend/` 目录非空？）和**查 `.ddt/decisions.jsonl`**（opt-out decision 在不在？），不靠 LLM 主观回忆。 ```dot digraph design_source_entry { "切片含前端实现？" [shape=diamond]; "查 docs/design/frontend/" [shape=box]; "目录状态 + 是否有 opt-out decision" [shape=diamond]; "走本回路（外部或 LLM 整盘出 bundle）" [shape=doublecircle]; "消费现有 bundle 直接实现" [shape=doublecircle]; "用设计系统直接实现（已 opt-out）" [shape=doublecircle]; "跳过本 skill" [shape=doublecircle]; "切片含前端实现？" -> "查 docs/design/frontend/" [label="是"]; "切片含前端实现？" -> "跳过本 skill" [label="否"]; "查 docs/design/frontend/" -> "目录状态 + 是否有 opt-out decision"; "目录状态 + 是否有 opt-out decision" -> "走本回路（外部或 LLM 整盘出 bundle）" [label="空 且 无 opt-out"]; "目录状态 + 是否有 opt-out decision" -> "消费现有 bundle 直接实现" [label="非空"]; "目录状态 + 是否有 opt-out decision" -> "用设计系统直接实现（已 opt-out）" [label="空 且 有 opt-out"]; } ``` ## 整体设计一次，出一个 bundle 前端实现分散在多切片，但设计若每切片各自出，拼起来视觉不一致。所以**整体设计一次**，产出一个连贯 bundle——**一套设计系统（色彩 / 导航菜单 / 组件 / 间距统一）+ 各页面**，切片只消费。色彩、菜单、组件都出自这一套，所以切片间不会跑偏：**一致性靠"整盘一套系统"，不靠逐页对齐**。哪怕外部回路把系统调得风格迥异、结构大改，它仍是整套一起变、仍是一套。粒度——整盘一次 / 按 UI 域 / 设计系统先行——按项目判断。 全部前端同出这一套语言，**含 CRUD、表格、后台**：设计系统常为竞争力定制过原生风格，现成组件库会与它不一致。感知型页面（大屏、动态可视化、首屏）逐页 bespoke，contract-driven 页面套这套系统装配标准的列表 / 表单 / 详情——都从这一套来，不回退现成组件库。 ## 在外部做是推荐，不是强制 审美/UX 是感知-交互问题，不是文本推理——在外部 AI 设计工具（v0/figma/claude-design）里实时渲染、人来判定，审美保真最好，所以**推荐**走外部。但要求的只是