Archify Diagrams
tt-a1i/archify
Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.
生成并迭代 OpenPrd 图示产物,供用户确认或理解。适用于解释型 SVG、架构图、产品流程图、用户旅程、流程图、系统边界图、依赖图,以及 freeze 前的可视化评审场景。
$ npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install DavidLam-oss/obsidian-wechat-converter openprd-diagram-review --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/DavidLam-oss/obsidian-wechat-converter.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/openprd-diagram-review .claude/skills/openprd-diagram-review && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "openprd-diagram-review" agent skill from https://github.com/DavidLam-oss/obsidian-wechat-converter/tree/main/.codex/skills/openprd-diagram-review into .claude/skills/openprd-diagram-review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openprd-diagram-review", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/DavidLam-oss/obsidian-wechat-converter/tree/main/.codex/skills/openprd-diagram-reviewType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install DavidLam-oss/obsidian-wechat-converter openprd-diagram-review --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/DavidLam-oss/obsidian-wechat-converter.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.codex/skills/openprd-diagram-review .agents/skills/openprd-diagram-review && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "openprd-diagram-review" agent skill from https://github.com/DavidLam-oss/obsidian-wechat-converter/tree/main/.codex/skills/openprd-diagram-review into .agents/skills/openprd-diagram-review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openprd-diagram-review", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install DavidLam-oss/obsidian-wechat-converter openprd-diagram-review --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/DavidLam-oss/obsidian-wechat-converter.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.codex/skills/openprd-diagram-review .cursor/skills/openprd-diagram-review && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "openprd-diagram-review" agent skill from https://github.com/DavidLam-oss/obsidian-wechat-converter/tree/main/.codex/skills/openprd-diagram-review into .cursor/skills/openprd-diagram-review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openprd-diagram-review", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/DavidLam-oss/obsidian-wechat-converter.git --path .codex/skills/openprd-diagram-review--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install DavidLam-oss/obsidian-wechat-converter openprd-diagram-review --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/DavidLam-oss/obsidian-wechat-converter.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.codex/skills/openprd-diagram-review .gemini/skills/openprd-diagram-review && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "openprd-diagram-review" agent skill from https://github.com/DavidLam-oss/obsidian-wechat-converter/tree/main/.codex/skills/openprd-diagram-review into .gemini/skills/openprd-diagram-review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openprd-diagram-review", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install DavidLam-oss/obsidian-wechat-converter openprd-diagram-reviewInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/DavidLam-oss/obsidian-wechat-converter.git skills-src && mkdir -p .github/skills && cp -r skills-src/.codex/skills/openprd-diagram-review .github/skills/openprd-diagram-review && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "openprd-diagram-review" agent skill from https://github.com/DavidLam-oss/obsidian-wechat-converter/tree/main/.codex/skills/openprd-diagram-review into .github/skills/openprd-diagram-review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openprd-diagram-review", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install DavidLam-oss/obsidian-wechat-converter openprd-diagram-review --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/DavidLam-oss/obsidian-wechat-converter.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.codex/skills/openprd-diagram-review .opencode/skills/openprd-diagram-review && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "openprd-diagram-review" agent skill from https://github.com/DavidLam-oss/obsidian-wechat-converter/tree/main/.codex/skills/openprd-diagram-review into .opencode/skills/openprd-diagram-review/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "openprd-diagram-review", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
openprd-diagram-review生成并迭代 OpenPrd 图示产物,供用户确认或理解。适用于解释型 SVG、架构图、产品流程图、用户旅程、流程图、系统边界图、依赖图,以及 freeze 前的可视化评审场景。
Openprd Diagram Review is an agent skill from DavidLam-oss/obsidian-wechat-converter. 生成并迭代 OpenPrd 图示产物,供用户确认或理解。适用于解释型 SVG、架构图、产品流程图、用户旅程、流程图、系统边界图、依赖图,以及 freeze 前的可视化评审场景。
Its SKILL.md is about 720 tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `references/cocoon-patterns.md`, `references/diagram-contracts.md` and `references/explanation-svg-patterns.md`).
The repository describes itself as: Obsidian 公众号排版(支持自定义 CSS和公众号贴图)、飞书云同步与多平台(小红书、知乎等)发布插件。Markdown 转微信文章 / Feishu docs / 知乎、小红书、今日头条等草稿,支持数学公式、本地图片、GIF 和 Mermaid。 The licence is MIT.
4 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 3fef612. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Openprd Diagram Review loads about 724 tokens when it runs, and up to ~3.4k if it reads all its reference files. Until then it costs about 28 tokens; SKILL.md has 185 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from DavidLam-oss/obsidian-wechat-converter at commit 3fef612, republished under its MIT licence (© DavidLam-oss). 185 words, ~724 tokens.
.claude/skills/openprd-diagram-review/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.<!-- OPENPRD:GENERATED
adapter=codex
source=openprd-diagram-review
version=0.1.19
checksum=d083b33bb31703a8
-->
这份 skill 用来判断当前需要哪种图:轻量解释图、正式 diagram contract,或需要用户往返确认的评审循环。不要把所有图都当成 freeze 前评审图;很多时候用户只是需要先看懂问题。
skills/openprd-shared/SKILL.mdexplanation-svg 轻量解释图architecture 视图product-flow 视图当用户在问这些内容时,优先选 explanation-svg:
explanation-svg 是对话辅助。它可以用内联 SVG、HTML 片段或 Markdown 中的 SVG 代码块表达;它不需要写入 .openprd/engagements/active/,也不替代 openprd diagram、review.html、visual-compare 或测试证据。
当用户在问这些内容时,选 architecture:
当用户在问这些内容时,选 product-flow:
如果两者都出现:
product-flow contractexplanation-svgreferences/explanation-svg-patterns.md。当前 OpenPrd CLI 提供:
openprd diagram <path> [--open] [--json]现在它主要渲染面向架构的 HTML / JSON 产物。
因此:
explanation-svg,直接在对话或临时 HTML/SVG artifact 中生成轻量图,不声称已进入正式 diagram 评审architecture,直接调用内置命令product-flow,即使还没有专门渲染器,也先生成结构化 contract 和评审清单locale 为 zh-CN 时,以下可见字段必须写成简体中文:title、subtitlecomponents[].name、components[].subtitle、components[].detailsflows[].labelsummaryCards[].title、summaryCards[].itemssidePanels[].title、sidePanels[].itemsreviewInstructionswaiting_approval 这类必要术语可以保留,但周围句子必须译成简体中文openprd diagram --input 前,至少人工检查一遍并把英文偏重的可见文本改成简体中文生成图示产物后:
references/diagram-contracts.md:架构图和产品流程图 contractreferences/explanation-svg-patterns.md:解释型 SVG 的触发场景、图形模板和文案边界references/review-checklist.md:渲染后应该问用户什么references/cocoon-patterns.md:从 Cocoon-AI/architecture-diagram-generator 借来的可复用模式© DavidLam-oss, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 4 other files (references) in .codex/skills/openprd-diagram-review of DavidLam-oss/obsidian-wechat-converter.
Open the folder on GitHubat commit 3fef612
Openprd Diagram Review next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Openprd Diagram Review this skillDavidLam-oss/obsidian-wechat-converter | 335 | — | ~724 | Automated safety check: Pass | MIT | |
| Archify Diagramstt-a1i/archify | 82k | — | ~2.9k | Automated safety check: Pass | MIT | |
| JSON Canvasheyitsnoah/claudesidian | 2.6k | 18 repos | ~3.5k | Automated safety check: Pass | MIT | |
| Diagram Designcathrynlavery/diagram-design | 49k | 1 repos | ~7.6k | Automated safety check: Pass | MIT | |
| Fireworks Tech Graphtisfeng/Easydict | 15k | 1 repos | ~1.4k | Automated safety check: Pass | MIT | |
| Excalidraw Diagramcoleam00/excalidraw-diagram-skill | 5k | 2 repos | ~6.1k | Automated safety check: Pass | None |
tt-a1i/archify
Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.
heyitsnoah/claudesidian
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections.
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
tisfeng/Easydict
Create precise SVG technical diagrams, export PNG or offline HTML, and animate supported semantic SVGs to GIF.
coleam00/excalidraw-diagram-skill
Create Excalidraw diagram JSON files that make visual arguments.
Agents365-ai/drawio-skill
Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.
DavidLam-oss/obsidian-wechat-converter
OpenPrd UI Context skill:区分 greenfield、brownfield 与局部修正,基于已确认 PRD、可选 CodeGraph 和本地证据提出专业 UI/UX 方向,并在用户确认后编译 PRODUCT.md、DESIGN.md 和 Impeccable handoff。
DavidLam-oss/obsidian-wechat-converter
为 Obsidian 微信公众号转换器生成受约束的 AI 编排结果。只在需要把文章内容映射为公众号安全 block JSON、诊断编排结果、优化 layout schema、分析 fallback 介入原因时使用。遇到教程、案例、产品介绍、截图型内容时应优先考虑这个 skill。
DavidLam-oss/obsidian-wechat-converter
OpenPrd 测试策略分流 skill:按风险把任务分到单元、集成、端到端、人工、视觉、小程序、性能和安全验证,并要求 evidence-plan。
DavidLam-oss/obsidian-wechat-converter
Release workflow for obsidian-wechat-converter (version bump, release notes, tag and publish).
DavidLam-oss/obsidian-wechat-converter
OpenPrd 前端设计框架 skill:为界面、页面、视觉、样式和前端体验任务提供设计资产框架、审美立意、反 AI 味门禁和实现前方向评审规则。
DavidLam-oss/obsidian-wechat-converter
OpenPrd 需求入口与 PRD 分流 skill:判断用户可见需求类型和内部 L0/L1/L2 路由码,决定直接澄清、mini-plan 或正式 PRD,并选择通用 / 面向个人消费者场景 / 面向企业服务场景 / 以 Agent 为主要使用场景的 PRD 视角。对用户复述时不要直接把 consumer / b2b / agent 当展示词;这些枚举值只用于内部记录和命令。
生成并迭代 OpenPrd 图示产物,供用户确认或理解。适用于解释型 SVG、架构图、产品流程图、用户旅程、流程图、系统边界图、依赖图,以及 freeze 前的可视化评审场景。. Openprd Diagram Review is an agent skill from DavidLam-oss/obsidian-wechat-converter.
Openprd Diagram Review fits situations like: tasks that involve Diagrams.
Run `npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a claude-code`. Or copy the skill folder (.codex/skills/openprd-diagram-review in DavidLam-oss/obsidian-wechat-converter) into .claude/skills/openprd-diagram-review in your project. Claude Code loads it when a task matches its description.
Run `npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a codex`. Or copy the skill folder (.codex/skills/openprd-diagram-review in DavidLam-oss/obsidian-wechat-converter) into .agents/skills/openprd-diagram-review in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add DavidLam-oss/obsidian-wechat-converter --skill openprd-diagram-review -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/openprd-diagram-review, .gemini/skills/openprd-diagram-review, .github/skills/openprd-diagram-review and .opencode/skills/openprd-diagram-review in your project.
SKILL.md names no scripts, command-line tools or credentials: Openprd Diagram Review is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Openprd Diagram Review is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 724 tokens (SKILL.md is roughly 2.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.7k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Openprd Diagram Review: Archify Diagrams (tt-a1i/archify, 82k stars), JSON Canvas (heyitsnoah/claudesidian, 2.6k stars), Diagram Design (cathrynlavery/diagram-design, 49k stars) and Fireworks Tech Graph (tisfeng/Easydict, 15k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
DavidLam-oss (a GitHub user) maintains it in DavidLam-oss/obsidian-wechat-converter, which has 335 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on October 10, 2026.
Source: DavidLam-oss/obsidian-wechat-converter on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.