원클릭으로
taiyi-diagram-render
TaiyiForge 辅助 — 将 C4/architecture Mermaid 渲染为 SVG/PNG(视觉审查 · 不改架构边界)。OpenCode / Claude / Codex / Cursor 通用。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
TaiyiForge 辅助 — 将 C4/architecture Mermaid 渲染为 SVG/PNG(视觉审查 · 不改架构边界)。OpenCode / Claude / Codex / Cursor 通用。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | taiyi-diagram-render |
| description | TaiyiForge 辅助 — 将 C4/architecture Mermaid 渲染为 SVG/PNG(视觉审查 · 不改架构边界)。OpenCode / Claude / Codex / Cursor 通用。 |
以 上游 C4 或 architecture.md 的 Mermaid 为真源,导出可读 SVG(默认)或 PNG,并做排版自检——禁止重新扫描代码或改组件边界。
| 时机 | 说明 |
|---|---|
| 架构流水线 第 3 步 | /taiyi:diagram-pipeline 自动调用 |
| C4/architecture 已写好,要预览图 | 单独 /taiyi:diagram-render |
| 评审/对外文档需要图片 | design 或 docs 维护 |
若已安装 diagramming-architecture(architecture-diagram-skill),进入 仅 Mermaid 模式 + 渲染约束(见下方);未安装则用本仓库 render-mermaid.mjs + Agent 目视检查。
git clone --depth 1 https://github.com/robertanton81/architecture-diagram-skill.git /tmp/arch-diag
mkdir -p ~/.cursor/skills/diagramming-architecture
cp -r /tmp/arch-diag/skill/* ~/.cursor/skills/diagramming-architecture/
| 源 | 导出目录 |
|---|---|
c4/context.md · c4/containers.md | c4/png/*.svg |
diagrams/architecture.md | diagrams/png/*.svg(勿写入 c4/png/) |
变更内路径前缀:.taiyi/changes/<slug>/diagrams/;仓库级:docs/。
| 范围 | 路径 |
|---|---|
| 变更内 C4 | diagrams/c4/png/*.svg |
| 变更内工程图 | diagrams/png/*.svg(可选) |
| 仓库级 C4 | docs/c4/png/*.svg |
| 仓库级工程图 | docs/diagrams/png/*.svg(可选) |
导出说明见 docs/diagrams/pipeline.md「导出图」节(不再维护 RENDER.md)。
mark-aux:scripts/taiyi-forge.sh mark-aux <slug> taiyi-diagram-render(变更内且 diagrams/c4/png/context.svg 已生成)。
```mermaid 代码块node scripts/render-mermaid.mjs docs/c4/context.md --format svg --out docs/c4/png/
node scripts/render-mermaid.mjs docs/c4/containers.md --format svg --out docs/c4/png/
4. **可选:工程补充图**:
```bash
node scripts/render-mermaid.mjs docs/diagrams/architecture.md \
--format svg --out docs/diagrams/png/
analyze_codebase.pymmdc 加 -w 3200 -H 2400 -s 2 与白底以 <source.md> 为架构真源;禁止 analyze_codebase.py 或改组件边界。
任务:提取 mermaid → mmdc SVG → Visual Review ≤3 轮
c4/png/,工程图在 diagrams/png//taiyi:diagram-c4 → /taiyi:diagram-arch → /taiyi:diagram-render
总命令:/taiyi:diagram-pipeline
TaiyiForge /taiyi:plan — 项目规划入口:把 README/PRD 拆解为独立 change 清单,推荐 profile 和依赖关系。OpenCode / Claude / Codex / Cursor 通用。
TaiyiForge 辅助 — 重新理解已有需求工件,找出矛盾、缺口、歧义。OpenCode / Claude / Codex / Cursor 通用。
TaiyiForge 第1阶段 — 变更提案,CHANGE.md。四端通用。
TaiyiForge 第3阶段 — 技术设计(≥2方案),DESIGN.md。四端通用。
TaiyiForge 第6阶段 — TDD开发执行。四端通用。
TaiyiForge 辅助 — 代码库健康巡检。四端通用。