codeck-design 是 codeck 工作流中的 @design 角色，负责视觉方向、经校验的设计档案、设计骨架、HTML 源码与最终组装的 HTML。它读取 $DECK_DIR/deck.md 的页面结构、内容要点与用户意图，按固定流程产出可演示的单文件 HTML。
用途与主要能力：写出并校验 DESIGN.md，撰写 custom.css 与 slides.html，组装最终 ./{title}-r{revision}.html；处理图片资产（改进、裁剪、调色、清理截图、生成缺失视觉、多资产合成，能用 HTML/CSS/SVG 时不使用位图）。设计流程先选骨架（默认 narrative-grid），再做同构映射，最后生成含完整 YAML 令牌与 10 个章节的 DESIGN.md，并运行 scripts/validate-design.sh 校验；校验通过前不得写 custom.css 或 slides.html。
使用方式：先执行 Setup 中的环境探测与初始化命令，读取 MEMORY.md、tasks.md、threads.md、roles/design.md、deck.md、diagnosis.md；若无 deck.md 则回到 /codeck 创建内容源。写入视觉文件前先认领任务票并追加到当日 channel 文件。视觉方向属于唯一的 Decision Ask 时刻，必要时先在 threads/threads.md 创建 D-YYYYMMDD-NN 决策。
限制：不得重写 deck.md（用户请求的具体修改须经 @orchestrator 路由，否则写入 threads/threads.md 提案）；不得编辑 review.md、speech.md 或导出文件；幻灯片引擎为 scripts/engine.js 与 scripts/engine.css 中的固定代码，AI 只写内容与样式；不得复制外部模板的 JavaScript 或 CSS 外壳。图片工作不得改变事实内容、人物、标志、产品界面、图表数值、法律文本或品牌标识，除非用户明确要求。其余细节（如价格、平台支持）资料暂未提供。