Diagram Design
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.
在 zero2Agent 项目中创建新的学习文章。当用户说"写一篇新文章"、"创建文章"、"新建文章"、"在某模块下添加一篇关于X的文章"、"帮我起草一篇讲XX的内容"、"整理面经"时触发。适用于所有模块下新建内容，包括面试维度拆解文章和面经实录。即使用户没有明确说"文章"，只要涉及给 zero2Agent 项目增加教学内容，也应当触发此技能。
Install New Article
$ npx skills add ranxi2001/zero2Agent --skill new-article -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ranxi2001/zero2Agent new-article --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/ranxi2001/zero2Agent.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/new-article .claude/skills/new-article && 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 "new-article" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-article into .claude/skills/new-article/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-article", 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/ranxi2001/zero2Agent/tree/main/.agents/skills/new-articleType 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 ranxi2001/zero2Agent --skill new-article -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ranxi2001/zero2Agent new-article --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ranxi2001/zero2Agent.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/new-article .agents/skills/new-article && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "new-article" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-article into .agents/skills/new-article/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-article", 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 ranxi2001/zero2Agent --skill new-article -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ranxi2001/zero2Agent new-article --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ranxi2001/zero2Agent.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/new-article .cursor/skills/new-article && 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 "new-article" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-article into .cursor/skills/new-article/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-article", 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/ranxi2001/zero2Agent.git --path .agents/skills/new-article--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 ranxi2001/zero2Agent --skill new-article -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ranxi2001/zero2Agent new-article --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ranxi2001/zero2Agent.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/new-article .gemini/skills/new-article && 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 "new-article" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-article into .gemini/skills/new-article/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-article", 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 ranxi2001/zero2Agent new-articleInstalls 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 ranxi2001/zero2Agent --skill new-article -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ranxi2001/zero2Agent.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/new-article .github/skills/new-article && 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 "new-article" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-article into .github/skills/new-article/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-article", 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 ranxi2001/zero2Agent --skill new-article -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ranxi2001/zero2Agent new-article --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ranxi2001/zero2Agent.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/new-article .opencode/skills/new-article && 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 "new-article" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-article into .opencode/skills/new-article/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-article", 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.
Facts
- Skill name
new-article- GitHub stars
- 677
- Token cost
- ~693 tokens
- SKILL.md length
- 141 words
- Files
- 1
- Skills in repo
- 8
- Repo updated
- First seen
- Licence
- MIT
At a glance
在 zero2Agent 项目中创建新的学习文章。当用户说"写一篇新文章"、"创建文章"、"新建文章"、"在某模块下添加一篇关于X的文章"、"帮我起草一篇讲XX的内容"、"整理面经"时触发。适用于所有模块下新建内容，包括面试维度拆解文章和面经实录。即使用户没有明确说"文章"，只要涉及给 zero2Agent 项目增加教学内容，也应当触发此技能。
- Works in 7 steps: 问题优先：先说“为什么要关心这个问题”，再讲概念和方案。不要一上来就定义。 → 工程视角：解释概念时，要说清楚它在系统里扮演什么角色，而不是给出教科书定义。 → 避免框架崇拜：不要把某个框架讲成“最佳答案”，要讲清楚它解决什么问题、有什么代价。 → …
- AI & LLM Engineering work in your project
- SKILL.md covers 项目约定, 文章写作风格（必须遵守）, 文章结构模板 and 面试模块特殊格式（learn-agent-interview）, plus 1 more section
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
New Article is an agent skill from ranxi2001/zero2Agent. 在 zero2Agent 项目中创建新的学习文章。当用户说"写一篇新文章"、"创建文章"、"新建文章"、"在某模块下添加一篇关于X的文章"、"帮我起草一篇讲XX的内容"、"整理面经"时触发。适用于所有模块下新建内容，包括面试维度拆解文章和面经实录。即使用户没有明确说"文章"，只要涉及给 zero2Agent 项目增加教学内容，也应当触发此技能。
Its SKILL.md is about 690 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in AI & LLM Engineering. It works with draw.io, LangGraph and Mermaid. The repository describes itself as: 面向大厂Agent研发岗位求职的agent教程网站，涵盖技术路线与面试八股文. The licence is MIT.
When your agent uses it
- AI & LLM Engineering work in your project
Example prompts
- “写一篇新文章”
- “在某模块下添加一篇关于X的文章”
- “帮我起草一篇讲XX的内容”
- “/new-article”
Workflow steps
7 steps, taken from the first numbered list in SKILL.md.
- 问题优先：先说“为什么要关心这个问题”，再讲概念和方案。不要一上来就定义。
- 工程视角：解释概念时，要说清楚它在系统里扮演什么角色，而不是给出教科书定义。
- 避免框架崇拜：不要把某个框架讲成“最佳答案”，要讲清楚它解决什么问题、有什么代价。
- 暴露真实复杂度：要主动提到“这里容易踩坑”、“Demo 能跑但生产不行”。
- 精炼、不废话：不加不必要的修饰语，每个段落有实际内容。
- 使用代码块和图表：需要展示执行流程时优先用 text 代码块而不是大段描述。需要正式图表时默认使用 mermaid ，包括多阶段管线、对比关系、架构分层和复杂流程，并按 mermaid-check 验证兼容性。仅当 Mermaid 无法可靠表达所需布局，或用户明确要求可编辑…
- 文末导航：在最后用 下一篇建议继续看： + 链接收尾（或说明尚无后续）。
What it can do on your machine
Read from SKILL.md and the folder at commit 472ce78. It shows what the files ask for, not the result of running them.
Tool permissions
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.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown, yaml and bash).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
New Article loads about 693 tokens when it runs. Until then it costs about 46 tokens; SKILL.md has 141 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.
Safety
Auto-check passed
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.
SKILL.md
The full file from ranxi2001/zero2Agent at commit 472ce78, republished under its MIT licence (© ranxi2001). 141 words, ~693 tokens.
Download SKILL.mdSave it as
.claude/skills/new-article/SKILL.md (or your agent's skills folder).- name
- new-article
- description
- 在 zero2Agent 项目中创建新的学习文章。当用户说"写一篇新文章"、"创建文章"、"新建文章"、"在某模块下添加一篇关于X的文章"、"帮我起草一篇讲XX的内容"、"整理面经"时触发。适用于所有模块下新建内容，包括面试维度拆解文章和面经实录。即使用户没有明确说"文章"，只要涉及给 zero2Agent 项目增加教学内容，也应当触发此技能。
new-article：创建新文章
本技能用于在 zero2Agent 项目中创建符合项目风格的新学习文章。
项目约定
目录结构
{module-dir}/
└── {NN}-{slug}/
└── index.md{NN}是两位数编号，如01、09、10{slug}是英文小写、用连字符连接，如tool-calling-basics- 每篇文章独占一个子目录，主文件统一命名为
index.md
已有模块目录
| 模块 | 目录 | 已有文章数 |
|---|---|---|
| Agent Basic | learn-agent-basic/ | 08 篇 (01–08) |
| Agent Survey | learn-agent-survey/ | 13 篇 (01–13) |
| Agent Training | learn-agent-training/ | 06 篇 (01–06) |
| Agent Interview | learn-agent-interview/ | 08 篇 (01–08)，含面经实录 |
| LangGraph | learn-langgraph/ | 07 篇 (01–07) |
| Claude Code | learn-claude-code/ | 12 篇 (01–12) |
| SDK Frameworks | learn-sdk-frameworks/ | 04 篇 (01–04) |
| OpenClaw | learn-openclaw/ | 09 篇 (01–09) |
| Final Project | final-project/ | 0 篇 (占位符) |
Frontmatter 格式
---
layout: default
title: {文章标题（中文）}
description: {一句话描述，10–25 字}
eyebrow: {Module Name} / {NN}
---eyebrow 示例：Agent Basic / 09、LangGraph / 01
文章写作风格（必须遵守）
zero2Agent 的读者是懂代码、懂深度学习基础的开发者，但对 Agent 工程实践还不熟悉。写作时：
- 问题优先：先说“为什么要关心这个问题”，再讲概念和方案。不要一上来就定义。
- 工程视角：解释概念时，要说清楚它在系统里扮演什么角色，而不是给出教科书定义。
- 避免框架崇拜：不要把某个框架讲成“最佳答案”，要讲清楚它解决什么问题、有什么代价。
- 暴露真实复杂度：要主动提到“这里容易踩坑”、“Demo 能跑但生产不行”。
- 精炼、不废话：不加不必要的修饰语，每个段落有实际内容。
- 使用代码块和图表：需要展示执行流程时优先用
```text代码块而不是大段描述。需要正式图表时默认使用```mermaid，包括多阶段管线、对比关系、架构分层和复杂流程，并按mermaid-check验证兼容性。仅当 Mermaid 无法可靠表达所需布局，或用户明确要求可编辑 Draw.io 画布时，才使用drawio-skill生成.drawio源文件和渲染资产。 - 文末导航：在最后用
下一篇建议继续看：+ 链接收尾（或说明尚无后续）。
文章结构模板
---
layout: default
title: {标题}
description: {一句话描述}
eyebrow: {Module} / {NN}
---
# {标题}
{开篇：1–3 句话，说明这个话题在实际工程中为什么重要 / 常见误解是什么}
## {核心概念或问题拆解}
{正文……}
## {深入一层：机制 / 设计原则 / 常见坑}
{正文……}
## {实践建议 或 典型误区}
{正文……}
## 小结
{用 3–5 个 bullet 提炼核心观点，不重复正文措辞}
下一篇建议继续看：
- [{下一篇标题}]({相对路径}/index.html)面试模块特殊格式（learn-agent-interview）
该模块有两类文章，格式不同：
维度拆解文章（01–07）
按考察维度分类，每道题用“新手答 vs 高手答”对比格式：
## Q：{面试题}
> 来源：{公司/岗位}
**新手答**："{浅层回答}"
**高手答**：
{深度回答，分层递进，带具体方案}
**差距在哪**：{分析新手和高手答案的差距，点出面试官真正在考什么}面经实录文章（08+）
完整还原一场真实面试，保留题目顺序。每道题格式：
## Q{N}：{面试题}
**新手答**："{浅层回答}"
**高手答**：
{深度回答}
**考察点**：{一句话说明面试官在考什么}文末附面试整体分析（考察逻辑、技术栈覆盖范围）。
执行步骤
收集信息：如果用户没有提供以下信息，先确认：
- 目标模块（哪个目录）
- 文章编号（
NN） - 文章主题和标题
- 是否需要参考已有文章风格（默认：是）
创建目录和文件：
bash mkdir -p {module-dir}/{NN}-{slug}/然后写入
index.md。更新模块 index.md：在对应模块的
index.md中，把新文章加入“建议阅读顺序”和文章列表表格。输出确认：告知用户创建了哪个文件，以及文章在模块中的位置。
© ranxi2001, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .agents/skills/new-article of ranxi2001/zero2Agent.
Open the folder on GitHubat commit 472ce78
Compare with similar skills
New Article 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 |
|---|---|---|---|---|---|---|
| New Article this skillranxi2001/zero2Agent | 677 | — | ~693 | 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 | |
| Documd Visualsmarkdown-viewer/skills | 3.4k | — | ~3.3k | Automated safety check: Pass | CC-BY-4.0 | |
| Drawio Skillyuanchen-home/cumcm-step-review | 319 | — | ~11k | Automated safety check: Pass | MIT | |
| Drawiobahayonghang/drawio-skills | 286 | — | ~4.1k | Automated safety check: Notes | MIT |
Similar skills
Draw.io Diagram Studio
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.
Documd Visuals
markdown-viewer/skills
Create text-driven visuals in Markdown: charts, diagrams, cards, architecture and page layouts.
Drawio Skill
yuanchen-home/cumcm-step-review
A skill your agent uses when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition, internal block…
Drawio
bahayonghang/drawio-skills
Create, edit, replicate, import, and export draw.io diagrams with an offline YAML-first workflow: architecture, network topologies, flowcharts, UML/ER, org charts, Mermaid/CSV conversion, existing…
SVG Technical Infographic Author
modu-ai/moai-adk
Builds hand-editable SVG diagrams from computed layout coordinates, lints the source and renders a 2x PNG, with rules for when mermaid is the better choice.
More from ranxi2001/zero2Agent
All 8 skills in this repoDrawio Skill
ranxi2001/zero2Agent
A skill your agent uses when user requests diagrams, flowcharts, architecture charts, or visualizations.
Classify Interview Questions
ranxi2001/zero2Agent
将批量面经或零散面试题逐题去重并分发：Agent/LLM/AI工程题写入 zero2Agent 的 learn-agent-interview，传统后端八股写入相邻 zero2Leetcode 的夏季八股。大批量输入使用 gpt-5.6-luna API 逐篇并发抽题和语义召回，再审查、去重和写答案；不新建面经实录文章。
Chinese Quotes Fix
ranxi2001/zero2Agent
Check and fix Chinese quote pairing in Markdown files generated by ClaudeCode or other agents, while preserving Markdown syntax and protected blocks.
New Module
ranxi2001/zero2Agent
在 zero2Agent 项目中创建新的学习模块。当用户说"新建模块"、"添加模块"、"创建一个新的学习章节"、"我想增加一个关于X的模块"时触发。负责创建模块目录结构、index.md，并同步更新主页 index.html 和 layouts/default.html 的导航。即使用户只是说"我想增加一个讲XX的章节"，也应当触发此技能。
Scrape Nowcoder
ranxi2001/zero2Agent
基于 CDP 原生 WebSocket 抓取牛客网面经文章。当用户说"抓牛客"、"爬牛客面经"、"nowcoder 抓取"、"抓取面经列表"时触发。通过 Chrome 调试端口直接连接已登录的浏览器会话，支持首页、话题、搜索分页和详情全文抓取，输出 Markdown。
Content Review
ranxi2001/zero2Agent
审查 zero2Agent 项目中的文章内容质量。当用户说"审查文章"、"review内容"、"检查这篇文章写得怎么样"、"看看这篇符不符合项目风格"、"帮我看看内容质量"时触发。负责对照项目风格标准进行结构化评审，输出具体的改进建议。即使用户只是说"帮我看看写得怎么样"，只要涉及 zero2Agent 的 Markdown 文章，也应当触发此技能。
Related
Categories
Questions about New Article
What does New Article do?
在 zero2Agent 项目中创建新的学习文章。当用户说"写一篇新文章"、"创建文章"、"新建文章"、"在某模块下添加一篇关于X的文章"、"帮我起草一篇讲XX的内容"、"整理面经"时触发。适用于所有模块下新建内容，包括面试维度拆解文章和面经实录。即使用户没有明确说"文章"，只要涉及给 zero2Agent 项目增加教学内容，也应当触发此技能。. New Article is an agent skill from ranxi2001/zero2Agent.
When should I use New Article?
New Article fits situations like: AI & LLM Engineering work in your project.
How do I install New Article in Claude Code?
Run `npx skills add ranxi2001/zero2Agent --skill new-article -a claude-code`. Or copy the skill folder (.agents/skills/new-article in ranxi2001/zero2Agent) into .claude/skills/new-article in your project. Claude Code loads it when a task matches its description.
How do I install New Article in Codex?
Run `npx skills add ranxi2001/zero2Agent --skill new-article -a codex`. Or copy the skill folder (.agents/skills/new-article in ranxi2001/zero2Agent) into .agents/skills/new-article in your project. Codex loads it when a task matches its description.
Can I use New Article in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ranxi2001/zero2Agent --skill new-article -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/new-article, .gemini/skills/new-article, .github/skills/new-article and .opencode/skills/new-article in your project.
What does New Article need to run?
SKILL.md names no scripts, command-line tools or credentials: New Article is instructions for the agent only.
Does New Article access the network?
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.
Is New Article safe to install?
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.
What licence does New Article use?
New Article is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does New Article use?
About 693 tokens (SKILL.md is roughly 2.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to New Article?
Skills that share tags, products or a category with New Article: Diagram Design (cathrynlavery/diagram-design, 44k stars), Draw.io Diagram Studio (Agents365-ai/drawio-skill, 10k stars), Documd Visuals (markdown-viewer/skills, 3.4k stars) and Drawio Skill (yuanchen-home/cumcm-step-review, 319 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains New Article?
ranxi2001 (a GitHub user) maintains it in ranxi2001/zero2Agent, which has 677 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 7, 2026.
Source: ranxi2001/zero2Agent on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.