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.
A skill your agent uses when 用户需要理解现有源码结构、定位功能实现、梳理调用链/数据流、评估重构点时。触发场景:源码阅读、代码导读、这段代码在做什么、功能在哪里实现、调用链分析、数据流分析、架构走读、阅读报告、系统摸底、重构前分析。
$ npx skills add ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ProgrammerAnthony/Expert-Coding-Harness source-reading-analyst --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/ProgrammerAnthony/Expert-Coding-Harness.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/source-reading-analyst .claude/skills/source-reading-analyst && 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 "source-reading-analyst" agent skill from https://github.com/ProgrammerAnthony/Expert-Coding-Harness/tree/master/skills/source-reading-analyst into .claude/skills/source-reading-analyst/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "source-reading-analyst", 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/ProgrammerAnthony/Expert-Coding-Harness/tree/master/skills/source-reading-analystType 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 ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ProgrammerAnthony/Expert-Coding-Harness source-reading-analyst --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ProgrammerAnthony/Expert-Coding-Harness.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/source-reading-analyst .agents/skills/source-reading-analyst && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "source-reading-analyst" agent skill from https://github.com/ProgrammerAnthony/Expert-Coding-Harness/tree/master/skills/source-reading-analyst into .agents/skills/source-reading-analyst/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "source-reading-analyst", 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 ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ProgrammerAnthony/Expert-Coding-Harness source-reading-analyst --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ProgrammerAnthony/Expert-Coding-Harness.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/source-reading-analyst .cursor/skills/source-reading-analyst && 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 "source-reading-analyst" agent skill from https://github.com/ProgrammerAnthony/Expert-Coding-Harness/tree/master/skills/source-reading-analyst into .cursor/skills/source-reading-analyst/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "source-reading-analyst", 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/ProgrammerAnthony/Expert-Coding-Harness.git --path skills/source-reading-analyst--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 ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ProgrammerAnthony/Expert-Coding-Harness source-reading-analyst --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ProgrammerAnthony/Expert-Coding-Harness.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/source-reading-analyst .gemini/skills/source-reading-analyst && 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 "source-reading-analyst" agent skill from https://github.com/ProgrammerAnthony/Expert-Coding-Harness/tree/master/skills/source-reading-analyst into .gemini/skills/source-reading-analyst/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "source-reading-analyst", 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 ProgrammerAnthony/Expert-Coding-Harness source-reading-analystInstalls 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 ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ProgrammerAnthony/Expert-Coding-Harness.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/source-reading-analyst .github/skills/source-reading-analyst && 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 "source-reading-analyst" agent skill from https://github.com/ProgrammerAnthony/Expert-Coding-Harness/tree/master/skills/source-reading-analyst into .github/skills/source-reading-analyst/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "source-reading-analyst", 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 ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ProgrammerAnthony/Expert-Coding-Harness source-reading-analyst --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ProgrammerAnthony/Expert-Coding-Harness.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/source-reading-analyst .opencode/skills/source-reading-analyst && 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 "source-reading-analyst" agent skill from https://github.com/ProgrammerAnthony/Expert-Coding-Harness/tree/master/skills/source-reading-analyst into .opencode/skills/source-reading-analyst/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "source-reading-analyst", 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.
source-reading-analystA skill your agent uses when 用户需要理解现有源码结构、定位功能实现、梳理调用链/数据流、评估重构点时。触发场景:源码阅读、代码导读、这段代码在做什么、功能在哪里实现、调用链分析、数据流分析、架构走读、阅读报告、系统摸底、重构前分析。
Source Reading Analyst is an agent skill from ProgrammerAnthony/Expert-Coding-Harness. Use when 用户需要理解现有源码结构、定位功能实现、梳理调用链/数据流、评估重构点时。触发场景:源码阅读、代码导读、这段代码在做什么、功能在哪里实现、调用链分析、数据流分析、架构走读、阅读报告、系统摸底、重构前分析。
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `README.md`, `references/diagram-guide.md` and `references/reading-checklist.md`).
It sits in Development. It works with Mermaid. The repository describes itself as: 生产级 AI Agent 技能集,辅助AI Harness应用于企业开发,覆盖代码审查、代码安全审计、TDD、需求工程、实施计划与子代理编排、架构设计、调试、前端开发与技能创建全流程。 The licence is MIT.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit ab0b827. 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.
Source Reading Analyst loads about 1.1k tokens when it runs, and up to ~3.5k if it reads all its reference files. Until then it costs about 34 tokens; SKILL.md has 296 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 ProgrammerAnthony/Expert-Coding-Harness at commit ab0b827, republished under its MIT licence (© ProgrammerAnthony). 296 words, ~1,124 tokens.
.claude/skills/source-reading-analyst/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.铁律:证据优先,结论后置。 先定位代码证据,再输出解释与建议。
<HARD-GATE>
默认只读分析:在没有用户明确授权前,禁止修改任何代码、配置或脚本。
</HARD-GATE>
启动时先识别任务类型并声明当前模式:
本次我将使用以下模式之一:
1. 快速问答模式(定位并回答一个或少量问题)
2. 全量导读模式(系统化输出阅读分析报告)
3. 改造建议模式(基于阅读结果给出演进建议,不改代码)若用户未指定,默认从"快速问答模式"开始;当问题范围扩大时升级到"全量导读模式"。
每次最多问 1-2 个问题,明确:
若用户已给出清晰范围,直接进入阶段二。
按顺序执行:
加载 references/reading-checklist.md 逐项检查,避免漏项。
输出必须同时包含:
加载 references/report-template.md 使用统一报告结构。
加载 references/diagram-guide.md 选择并生成正确的 Mermaid 图。
每次生成报告时必须至少包含一张 Mermaid 图。 根据分析重点选择图类型:
| 分析场景 | 优先图类型 | 说明 |
|---|---|---|
| 模块/组件关系、分层架构 | graph TD(模块依赖图) | 展示谁依赖谁、分层边界 |
| HTTP 请求/函数调用时序 | sequenceDiagram(序列图) | 展示跨对象的交互顺序 |
| 状态机/业务流转 | stateDiagram-v2(状态图) | 展示对象生命周期与状态迁移 |
| 业务流程/决策分支 | flowchart TD(流程图) | 展示条件分支与步骤流转 |
| 实体关系/数据模型 | erDiagram(ER 图) | 展示数据库表/领域对象关系 |
| 类继承/接口实现 | classDiagram(类图) | 展示类型结构与继承关系 |
| 部署/服务拓扑 | graph LR(拓扑图) | 展示服务间通信与部署边界 |
图表通用要求(详见 references/diagram-guide.md):
适用:用户问"某功能在哪""这段做了什么""请求是怎么流转的"。
适用:用户希望系统化看懂某个模块或整个仓库。
| 图 | 类型 | 表达内容 |
|---|---|---|
| 图1 | graph TD 模块依赖图 | 所有模块分层关系与依赖方向 |
| 图2 | sequenceDiagram 序列图 | 核心主流程的跨对象时序 |
| 图3 | 按需选择 | 状态图 / 流程图 / ER 图 / 类图 中最能揭示设计意图的一种 |
依照 references/report-template.md 各章节顺序输出,不得省略图表章节与精彩设计章节。
适用:用户在看懂之后希望得到"如何改得更好"的建议,但不立刻改代码。
graph TD 生成改造前/后对比图:style X fill:#ffcccc 标注问题节点style X fill:#ccffcc 标注新增抽象/优化节点graph TD,上方各附一行中文说明目标:让读者不仅"看懂代码做了什么",更能感受到"这里写得好在哪里"。
阅读过程中遇到以下情况时,必须提炼并展示:
| 情况 | 示例 |
|---|---|
| 用极少的代码完成了通常需要更多代码才能完成的事 | 一个 5 行函数解决了通用问题 |
| 接口/抽象设计得特别干净,调用方完全不需要关心细节 | 隐藏了大量复杂性的简洁 API |
| 巧妙利用语言特性(闭包、类型系统、宏、迭代器等) | 用类型约束替代了运行时检查 |
| 异常处理/边界条件处理明显优于常规写法 | 失败路径和成功路径同等清晰 |
| 性能优化手段值得关注(懒初始化、批处理、无锁结构等) | 用位运算替代了分支判断 |
| 反直觉但正确的选择(看起来"绕",实际上避免了陷阱) | 故意不用某个"显然"方案 |
#### ✦ [设计标题,10 字以内]
**所在位置**:`文件路径:行号范围`
**代码片段**:
(引用 5-15 行关键代码,附中文注释)
**常规做法**:通常这类需求会怎么写(1-2 句话)
**出彩之处**:相比常规做法,这里的巧妙/克制/优雅体现在哪里(2-4 句话)
**可迁移性**:这个思路能否在其他场景复用(可选,视情况而定)| 模式 | 最少条数 |
|---|---|
| 快速问答模式 | 0-1 条(有则展示,无则不强求) |
| 全量导读模式 | 2-4 条 |
| 改造建议模式 | 1-2 条(说明改造是否保留了原有亮点) |
以下情况不应被标记为"精彩设计":
任何关键结论至少满足以下之一:
无法满足时,必须明确标注"推测/待验证",不得当作事实结论。
遇到以下想法,立刻停下,回到证据收集:
| 借口 | 现实 |
|---|---|
| "文件名看起来就是这个功能" | 命名可能误导,必须检查真实调用关系。 |
| "经验上这类代码都这么写" | 项目约定可能不同,经验不能替代证据。 |
| "先给个结论再补证据" | 先入为主会放大误判,流程必须反过来。 |
| "这块太复杂,先跳过异常流" | 很多问题正藏在异常路径,不能省略。 |
| "图画不出来先跳过" | 图表是理解的验证手段,画不出说明理解不够深。 |
references/reading-checklist.md — 阅读分析检查清单references/report-template.md — 报告模板references/diagram-guide.md — Mermaid 图表选型与生成规范© ProgrammerAnthony, 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 skills/source-reading-analyst of ProgrammerAnthony/Expert-Coding-Harness.
Open the folder on GitHubat commit ab0b827
Source Reading Analyst 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 |
|---|---|---|---|---|---|---|
| Source Reading Analyst this skillProgrammerAnthony/Expert-Coding-Harness | 235 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Archify Diagramstt-a1i/archify | 79k | — | ~2.9k | Automated safety check: Pass | MIT | |
| Diagram Designcathrynlavery/diagram-design | 44k | 1 repos | ~7.5k | Automated safety check: Pass | MIT | |
| Draw.io Diagram StudioAgents365-ai/drawio-skill | 10k | — | ~2.4k | Automated safety check: Notes | MIT | |
| Pretty Mermaid Rendererimxv/Pretty-mermaid-skills | 1.5k | — | ~2k | Automated safety check: Pass | MIT | |
| Archify Diagram BuilderUnclecheng-li/AI_Animation | 1.4k | 2 repos | ~4.1k | Automated safety check: Pass | MIT |
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.
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.
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.
imxv/Pretty-mermaid-skills
Writes and renders Mermaid diagrams as themed SVG, PNG or terminal ASCII and Unicode art with a bundled Node.js CLI that needs no browser.
Unclecheng-li/AI_Animation
Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.
WH-2099/mermaid-skill
Generate Mermaid diagrams from user requirements. An agent skill from WH-2099/mermaid-skill.
ProgrammerAnthony/Expert-Coding-Harness
A skill your agent uses when 用户需要设计新系统架构、评审或优化已有系统架构、选择技术方案时。触发场景:架构分析、架构设计、系统设计、architecture、架构优化、系统架构、架构评审、架构咨询、技术方案、技术设计、如何组织代码结构、模块划分、服务拆分、数据库选型、微服务设计。
ProgrammerAnthony/Expert-Coding-Harness
A skill your agent uses when 用户要求审查代码、评估代码质量、提交 PR 前检查、发现代码有潜在问题时。触发场景:代码审查、code review、审查代码、review、检查代码、代码检查、代码质量、代码评审、这段代码有问题吗、帮我看看代码、合并前检查。
ProgrammerAnthony/Expert-Coding-Harness
A skill your agent uses when 用户需要对代码进行安全审计、发现安全漏洞、上线前安全评估、检查代码是否存在安全风险时。触发场景:代码安全审计、安全审计、白盒审计、安全扫描、漏洞检测、漏洞挖掘、SQL注入、命令注入、XSS、SSRF、反序列化、认证绕过、越权、代码安全检查、security audit、code…
ProgrammerAnthony/Expert-Coding-Harness
A skill your agent uses when 程序出现错误、异常、崩溃,或行为与预期不符,或测试失败,或无法定位问题根因时。触发场景:调试、debug、报错、错误、异常、bug、问题排查、故障排查、不工作、崩溃、无法运行、出错了、为什么不生效、运行报错、跑不起来、程序挂了。
ProgrammerAnthony/Expert-Coding-Harness
A skill your agent uses when 用户需要审查前端代码(React/Vue/Next.js/TypeScript/Tailwind等)、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景:前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。
ProgrammerAnthony/Expert-Coding-Harness
A skill your agent uses when 用户需要优化前端性能、提升页面加载速度、减少白屏时间、优化交互流畅度、进行性能排查时。触发场景:前端性能优化、页面加载慢、白屏时间长、卡顿、LCP/FID/CLS指标优化、前端性能分析、打包体积优化。
Works with
Categories
A skill your agent uses when 用户需要理解现有源码结构、定位功能实现、梳理调用链/数据流、评估重构点时。触发场景:源码阅读、代码导读、这段代码在做什么、功能在哪里实现、调用链分析、数据流分析、架构走读、阅读报告、系统摸底、重构前分析。. Source Reading Analyst is an agent skill from ProgrammerAnthony/Expert-Coding-Harness.
Source Reading Analyst fits situations like: 用户需要理解现有源码结构、定位功能实现、梳理调用链/数据流、评估重构点时。触发场景:源码阅读、代码导读、这段代码在做什么、功能在哪里实现、调用链分析、数据流分析、架构走读、阅读报告、系统摸底、重构前分析.
Run `npx skills add ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a claude-code`. Or copy the skill folder (skills/source-reading-analyst in ProgrammerAnthony/Expert-Coding-Harness) into .claude/skills/source-reading-analyst in your project. Claude Code loads it when a task matches its description.
Run `npx skills add ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a codex`. Or copy the skill folder (skills/source-reading-analyst in ProgrammerAnthony/Expert-Coding-Harness) into .agents/skills/source-reading-analyst 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 ProgrammerAnthony/Expert-Coding-Harness --skill source-reading-analyst -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/source-reading-analyst, .gemini/skills/source-reading-analyst, .github/skills/source-reading-analyst and .opencode/skills/source-reading-analyst in your project.
SKILL.md names no scripts, command-line tools or credentials: Source Reading Analyst 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.
Source Reading Analyst is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.1k tokens (SKILL.md is roughly 4.5k 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.4k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Source Reading Analyst: Archify Diagrams (tt-a1i/archify, 79k stars), Diagram Design (cathrynlavery/diagram-design, 44k stars), Draw.io Diagram Studio (Agents365-ai/drawio-skill, 10k stars) and Pretty Mermaid Renderer (imxv/Pretty-mermaid-skills, 1.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
ProgrammerAnthony (a GitHub user) maintains it in ProgrammerAnthony/Expert-Coding-Harness, which has 235 GitHub stars. The repository holds 23 skills in this directory. The repository was last updated on May 11, 2026.
Source: ProgrammerAnthony/Expert-Coding-Harness on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.