Es Modules
thedaviddias/Front-End-Checklist
A skill your agent uses when reviewing scripts, client components, bundles, or runtime behavior related to Use ES modules (import/export).
在 zero2Agent 项目中创建新的学习模块。当用户说"新建模块"、"添加模块"、"创建一个新的学习章节"、"我想增加一个关于X的模块"时触发。负责创建模块目录结构、index.md，并同步更新主页 index.html 和 layouts/default.html 的导航。即使用户只是说"我想增加一个讲XX的章节"，也应当触发此技能。
MITAuto-check passed
Install New Module
$ npx skills add ranxi2001/zero2Agent --skill new-module -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ranxi2001/zero2Agent new-module --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-module .claude/skills/new-module && 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-module" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-module into .claude/skills/new-module/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-module", 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-moduleType 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-module -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ranxi2001/zero2Agent new-module --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-module .agents/skills/new-module && 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-module" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-module into .agents/skills/new-module/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-module", 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-module -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ranxi2001/zero2Agent new-module --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-module .cursor/skills/new-module && 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-module" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-module into .cursor/skills/new-module/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-module", 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-module--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-module -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ranxi2001/zero2Agent new-module --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-module .gemini/skills/new-module && 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-module" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-module into .gemini/skills/new-module/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-module", 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-moduleInstalls 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-module -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-module .github/skills/new-module && 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-module" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-module into .github/skills/new-module/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-module", 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-module -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-module --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-module .opencode/skills/new-module && 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-module" agent skill from https://github.com/ranxi2001/zero2Agent/tree/main/.agents/skills/new-module into .opencode/skills/new-module/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-module", 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-module- GitHub stars
- 690
- Token cost
- ~489 tokens
- SKILL.md length
- 68 words
- Files
- 1
- Skills in repo
- 8
- Repo updated
- First seen
- Licence
- MIT
At a glance
在 zero2Agent 项目中创建新的学习模块。当用户说"新建模块"、"添加模块"、"创建一个新的学习章节"、"我想增加一个关于X的模块"时触发。负责创建模块目录结构、index.md，并同步更新主页 index.html 和 layouts/default.html 的导航。即使用户只是说"我想增加一个讲XX的章节"，也应当触发此技能。
- Works in 3 steps: _layouts/default.html — 顶部导航 → _layouts/default.html — 侧边栏 → index.html 主页 — 模块卡片
- SKILL.md covers 现有模块结构（参考）, 模块 index.md 结构, 需要同步更新的位置 and 执行步骤
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
New Module is an agent skill from ranxi2001/zero2Agent. 在 zero2Agent 项目中创建新的学习模块。当用户说"新建模块"、"添加模块"、"创建一个新的学习章节"、"我想增加一个关于X的模块"时触发。负责创建模块目录结构、index.md，并同步更新主页 index.html 和 layouts/default.html 的导航。即使用户只是说"我想增加一个讲XX的章节"，也应当触发此技能。
Its SKILL.md is about 490 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
The repository describes itself as: 面向大厂Agent研发岗位求职的agent教程网站，涵盖技术路线与面试八股文. The licence is MIT.
Example prompts
- “创建一个新的学习章节”
- “我想增加一个关于X的模块”
- “我想增加一个讲XX的章节”
- “/new-module”
Workflow steps
3 steps, taken from the step headings in SKILL.md.
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 html, markdown 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 Module loads about 489 tokens when it runs. Until then it costs about 46 tokens; SKILL.md has 68 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). 68 words, ~489 tokens.
Download SKILL.mdSave it as
.claude/skills/new-module/SKILL.md (or your agent's skills folder).- name
- new-module
- description
- 在 zero2Agent 项目中创建新的学习模块。当用户说"新建模块"、"添加模块"、"创建一个新的学习章节"、"我想增加一个关于X的模块"时触发。负责创建模块目录结构、index.md，并同步更新主页 index.html 和 _layouts/default.html 的导航。即使用户只是说"我想增加一个讲XX的章节"，也应当触发此技能。
new-module：创建新学习模块
本技能用于在 zero2Agent 项目中新建一个学习模块，并同步更新所有相关导航。
现有模块结构（参考）
zero2Agent/
├── learn-agent-basic/ # Module 01 — 08 篇文章
├── learn-agent-survey/ # Module 02 — 13 篇文章
├── learn-agent-training/ # Module 03 — 06 篇文章
├── learn-langgraph/ # Module 04 — 07 篇文章
├── learn-claude-code/ # Module 05 — 12 篇文章
├── learn-sdk-frameworks/ # Module 06 — 04 篇文章
├── learn-openclaw/ # Module 07 — 09 篇文章
├── learn-agent-interview/ # Module 09 — 08 篇（维度拆解 + 面经实录）
└── final-project/ # Module 10 — 占位符每个模块是根目录下的一个子目录，包含 index.md 作为模块入口。
模块 index.md 结构
---
layout: default
title: {module-dir-name}
description: {模块一句话描述，15–30 字}
eyebrow: Module {NN}
---
# {module-dir-name}
{2–3 句话：这个模块解决什么问题，适合什么阶段的读者}
## 这部分的主线
{3–5 个 bullet，说明核心学习路径}
## 建议阅读顺序
{初始为空，随文章增加而补充}
## 后续可补充的文章
- [ ] {建议文章1}
- [ ] {建议文章2}
- [ ] {建议文章3}需要同步更新的位置
创建新模块时，必须更新以下 3 处：
1. _layouts/default.html — 顶部导航
在 <nav class="doc-nav"> 中添加链接：
<a href="{module-dir}/index.html">{显示名称}</a>2. _layouts/default.html — 侧边栏
在 <aside class="doc-sidebar"> 中添加链接（按编号顺序）：
<a href="{module-dir}/index.html">{NN}. {module-dir-name}</a>3. index.html 主页 — 模块卡片
在主页的模块列表区域添加新卡片。参考现有卡片的 HTML 结构，保持格式一致。
执行步骤
收集信息：如果用户没有提供，先确认：
- 模块编号（
NN，当前最大为 10） - 模块目录名（如
learn-mcp） - 模块显示名（如
MCP） - 模块描述（一句话）
- 模块主线（预期涵盖哪些主题）
- 模块编号（
创建目录和文件：
bash mkdir -p {module-dir}/写入
{module-dir}/index.md。更新
_layouts/default.html：- 在
<nav class="doc-nav">中添加导航链接 - 在
<aside class="doc-sidebar">中添加侧边栏链接
- 在
更新
index.html：在主页模块卡片区域追加新模块的卡片 HTML。输出确认：列出创建/修改的所有文件，说明模块编号和导航位置。
© 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-module of ranxi2001/zero2Agent.
Open the folder on GitHubat commit 472ce78
Compare with similar skills
New Module 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 Module this skillranxi2001/zero2Agent | 690 | — | ~489 | Automated safety check: Pass | MIT | |
| Es Modulesthedaviddias/Front-End-Checklist | 74k | — | ~482 | Automated safety check: Pass | MIT | |
| Splitting Oversized ModulesPostHog/posthog | 40k | — | ~2.2k | Automated safety check: Pass | Custom licence | |
| Abp Moduleabpframework/abp | 14k | — | ~1.6k | Automated safety check: Pass | LGPL-3.0 | |
| Extract ModuleJetBrains/intellij-community | 21k | — | ~5.2k | Automated safety check: Pass | Custom licence | |
| Module DependenciesJetBrains/intellij-community | 21k | — | ~2.3k | Automated safety check: Pass | Custom licence |
Similar skills
- Official
Splitting Oversized Modules
PostHog/posthog
Split an oversized Python module (a thousand-plus-line logic.py, models.py, api.py, or its test file) into a package of one module per concern, mechanically and provably without changing behavior.
Abp Module
abpframework/abp
ABP reusable Module solution template - EF Core + MongoDB dual support, virtual methods for extensibility, DbTablePrefix, module options pattern, entity extension, separate connection string.
- Official
Extract Module
JetBrains/intellij-community
Extract optional plugin dependencies into IntelliJ content modules.
- Official
Module Dependencies
JetBrains/intellij-community
Add or modify IntelliJ module dependencies in .iml files. An agent skill from JetBrains/intellij-community.
HTML Ppt Course Module
nexu-io/open-design
A first-30-days onboarding module for new hospitality hires — the behaviors, the practice, the checks, and the manager follow-up.
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 Article
ranxi2001/zero2Agent
在 zero2Agent 项目中创建新的学习文章。当用户说"写一篇新文章"、"创建文章"、"新建文章"、"在某模块下添加一篇关于X的文章"、"帮我起草一篇讲XX的内容"、"整理面经"时触发。适用于所有模块下新建内容，包括面试维度拆解文章和面经实录。即使用户没有明确说"文章"，只要涉及给 zero2Agent 项目增加教学内容，也应当触发此技能。
Scrape Nowcoder
ranxi2001/zero2Agent
基于 CDP 原生 WebSocket 抓取牛客网面经文章。当用户说"抓牛客"、"爬牛客面经"、"nowcoder 抓取"、"抓取面经列表"时触发。通过 Chrome 调试端口直接连接已登录的浏览器会话，支持首页、话题、搜索分页和详情全文抓取，输出 Markdown。
Content Review
ranxi2001/zero2Agent
审查 zero2Agent 项目中的文章内容质量。当用户说"审查文章"、"review内容"、"检查这篇文章写得怎么样"、"看看这篇符不符合项目风格"、"帮我看看内容质量"时触发。负责对照项目风格标准进行结构化评审，输出具体的改进建议。即使用户只是说"帮我看看写得怎么样"，只要涉及 zero2Agent 的 Markdown 文章，也应当触发此技能。
Questions about New Module
What does New Module do?
在 zero2Agent 项目中创建新的学习模块。当用户说"新建模块"、"添加模块"、"创建一个新的学习章节"、"我想增加一个关于X的模块"时触发。负责创建模块目录结构、index.md，并同步更新主页 index.html 和 layouts/default.html 的导航。即使用户只是说"我想增加一个讲XX的章节"，也应当触发此技能。. New Module is an agent skill from ranxi2001/zero2Agent.
How do I install New Module in Claude Code?
Run `npx skills add ranxi2001/zero2Agent --skill new-module -a claude-code`. Or copy the skill folder (.agents/skills/new-module in ranxi2001/zero2Agent) into .claude/skills/new-module in your project. Claude Code loads it when a task matches its description.
How do I install New Module in Codex?
Run `npx skills add ranxi2001/zero2Agent --skill new-module -a codex`. Or copy the skill folder (.agents/skills/new-module in ranxi2001/zero2Agent) into .agents/skills/new-module in your project. Codex loads it when a task matches its description.
Can I use New Module 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-module -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-module, .gemini/skills/new-module, .github/skills/new-module and .opencode/skills/new-module in your project.
What does New Module need to run?
SKILL.md names no scripts, command-line tools or credentials: New Module is instructions for the agent only.
Does New Module 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 Module 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 Module use?
New Module 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 Module use?
About 489 tokens (SKILL.md is roughly 2k 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 Module?
Skills that share tags, products or a category with New Module: Es Modules (thedaviddias/Front-End-Checklist, 74k stars), Splitting Oversized Modules (PostHog/posthog, 40k stars), Abp Module (abpframework/abp, 14k stars) and Extract Module (JetBrains/intellij-community, 21k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains New Module?
ranxi2001 (a GitHub user) maintains it in ranxi2001/zero2Agent, which has 690 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.