JavaScript Concept Fact Checker
leonardomso/33-js-concepts
Verifies the technical accuracy of JavaScript concept pages by checking code examples, MDN and ECMAScript claims and external links through a five-phase method.
Generates complete technical tutorials from prerequisites and environment setup to core steps, troubleshooting, and a final cheatsheet.
$ npx skills add zebbern/claude-code-guide --skill dev-guide-generator -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install zebbern/claude-code-guide dev-guide-generator --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/zebbern/claude-code-guide.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/dev-guide-generator .claude/skills/dev-guide-generator && 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 "dev-guide-generator" agent skill from https://github.com/zebbern/claude-code-guide/tree/main/skills/dev-guide-generator into .claude/skills/dev-guide-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dev-guide-generator", 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/zebbern/claude-code-guide/tree/main/skills/dev-guide-generatorType 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 zebbern/claude-code-guide --skill dev-guide-generator -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install zebbern/claude-code-guide dev-guide-generator --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/zebbern/claude-code-guide.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/dev-guide-generator .agents/skills/dev-guide-generator && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "dev-guide-generator" agent skill from https://github.com/zebbern/claude-code-guide/tree/main/skills/dev-guide-generator into .agents/skills/dev-guide-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dev-guide-generator", 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 zebbern/claude-code-guide --skill dev-guide-generator -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install zebbern/claude-code-guide dev-guide-generator --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/zebbern/claude-code-guide.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/dev-guide-generator .cursor/skills/dev-guide-generator && 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 "dev-guide-generator" agent skill from https://github.com/zebbern/claude-code-guide/tree/main/skills/dev-guide-generator into .cursor/skills/dev-guide-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dev-guide-generator", 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/zebbern/claude-code-guide.git --path skills/dev-guide-generator--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 zebbern/claude-code-guide --skill dev-guide-generator -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install zebbern/claude-code-guide dev-guide-generator --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/zebbern/claude-code-guide.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/dev-guide-generator .gemini/skills/dev-guide-generator && 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 "dev-guide-generator" agent skill from https://github.com/zebbern/claude-code-guide/tree/main/skills/dev-guide-generator into .gemini/skills/dev-guide-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dev-guide-generator", 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 zebbern/claude-code-guide dev-guide-generatorInstalls 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 zebbern/claude-code-guide --skill dev-guide-generator -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/zebbern/claude-code-guide.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/dev-guide-generator .github/skills/dev-guide-generator && 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 "dev-guide-generator" agent skill from https://github.com/zebbern/claude-code-guide/tree/main/skills/dev-guide-generator into .github/skills/dev-guide-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dev-guide-generator", 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 zebbern/claude-code-guide --skill dev-guide-generator -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install zebbern/claude-code-guide dev-guide-generator --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/zebbern/claude-code-guide.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/dev-guide-generator .opencode/skills/dev-guide-generator && 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 "dev-guide-generator" agent skill from https://github.com/zebbern/claude-code-guide/tree/main/skills/dev-guide-generator into .opencode/skills/dev-guide-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dev-guide-generator", 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.
dev-guide-generatorGenerates complete technical tutorials from prerequisites and environment setup to core steps, troubleshooting, and a final cheatsheet.
Dev Guide Generator is an agent skill from zebbern/claude-code-guide. Generates complete technical tutorials from prerequisites and environment setup to core steps, troubleshooting, and a final cheatsheet. Trigger on requests to write a tutorial, create a setup guide, organize steps for beginners, or keywords like step-by-step, quickstart, or how-to guide.
Its SKILL.md is about 3.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file.
It sits in Writing & Content, covering Technical writing. The repository describes itself as: Claude Code Guide - Setup, Commands, workflows, agents, skills & tips-n-tricks from beginner to power user! The licence is MIT.
8 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 4698e3b. 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 (its code samples are markdown).
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.
Dev Guide Generator loads about 3.4k tokens when it runs. Until then it costs about 77 tokens; SKILL.md has 1,407 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 noted patterns worth knowing about, such as sudo or a known installer.
sudo apt update && sudo apt install -y xxxAutomated 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 zebbern/claude-code-guide at commit 4698e3b, republished under its MIT licence (© zebbern). 1,407 words, ~3,399 tokens.
.claude/skills/dev-guide-generator/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.One topic → complete technical tutorial: Through a structured SOP workflow, transform a technical topic into a comprehensive tutorial covering prerequisites, environment setup, core steps, common error troubleshooting, and advanced topics — all accompanied by a cheatsheet.
The user simply provides a technical topic or operational goal, and the Agent automatically generates a complete tutorial following this workflow:
User: Help me write a Docker beginner's tutorial
Agent: [Outputs complete technical tutorial + Cheatsheet following the SOP workflow]Goal: Define the tutorial's technical subject, target audience, and scope boundaries.
Steps:
Output: Tutorial metadata summary (topic, audience, objective, scope — no more than 150 words)
Goal: List all knowledge and tools the reader needs before starting this tutorial, ensuring there are no knowledge gaps.
Steps:
Dependency analysis:
Prerequisites checklist:
Categorize into "Must know" and "Nice to know" tiers
Attach a one-line explanation for each: "why you need it"
Format:
**Must know**:
- [Concept]: [Why you need it] (Recommended resource)
**Nice to know**:
- [Concept]: [What aspects of the tutorial it relates to]Self-check rules:
Output: Tiered prerequisites checklist
Goal: Provide a reproducible environment configuration path so the reader is fully set up before starting the core steps.
Steps:
Environment inventory: List all tools to install/configure with recommended versions
Tool name Version requirement (e.g., >= x.y) | PurposeInstallation steps: Provide commands for each operating system
Precede each command with a one-line explanation of what it does
Use only officially recommended methods or mainstream package managers
Format:
**macOS**:
# Install xxx (via Homebrew)
brew install xxx
**Linux (Ubuntu/Debian)**:
# Install xxx (via apt)
sudo apt update && sudo apt install -y xxxEnvironment verification: Provide a verification command and expected output after each tool installation
Format:
# Verify installation
xxx --version
# Expected output: xxx x.y.zSelf-check rules:
YOUR_API_KEY) and explain how to obtain the real valueOutput: OS-specific installation and configuration guide + verification commands
Goal: Walk the reader through the core operations in a progressive structure, where each step can be independently verified.
Steps:
Step planning:
Step writing format:
#### Step N: [Step Title]
**Objective**: [What state is achieved after this step]
**Actions**:
[Code block or operational instructions]
**Explanation**:
- [Line-by-line or section-by-section explanation of key parts]
**Verification**:
[What command to run / what result to check to confirm success]
Expected output: [Specific expected result]Writing guidelines:
bash, python)YOUR_PROJECT_NAME) and are explained on first occurrenceProgressive complexity:
Output: Numbered step list, each containing actions + explanation + verification
Goal: Anticipate problems the reader may encounter and provide a direct path from error message to solution.
Steps:
Error collection: Based on the technical topic, list the 5–8 most common error scenarios
Error entry format:
**Error N: [Error message summary]**
Full error message:
[Actual error output]
Cause: [One-sentence explanation of why this error occurs]
Solution:
[Specific fix commands or steps]
Verify the fix:
[What to run to confirm the issue is resolved]Writing guidelines:
sudo or chmod 777Self-check rules:
chmod 777, disabling firewalls)Output: Structured troubleshooting table
Goal: Point readers who have completed the basics toward next steps, providing a learning path from beginner to advanced.
Steps:
Advanced topic recommendations (3–5 directions):
For each direction, write a short paragraph: what it is, why it's worth learning, and what scenarios it applies to
Tag the difficulty level: Intermediate / Advanced
Format:
**Direction N: [Topic Name]** | Difficulty: [Intermediate/Advanced]
[Short paragraph]
Recommended resources:
- [Resource name] ([Type: documentation/book/course])Hands-on project suggestions:
Best practice tips (3–5 items):
Output: Advanced learning roadmap + hands-on project suggestions + best practices
Goal: Distill the tutorial's essentials into a one-page quick reference for everyday use.
Steps:
Cheatsheet structure:
# [Technology Name] Cheatsheet
## Environment Info
| Item | Command/Path |
|------|--------------|
| Install | `command` |
| Version check | `command` |
| Config file location | `path` |
## Common Commands
| Action | Command | Description |
|--------|---------|-------------|
| xxx | `xxx` | xxx |
## Common Code Snippets
[Up to 5 frequently used code snippets, each no more than 10 lines]
## Quick Troubleshooting
| Symptom | Possible Cause | Quick Fix |
|---------|---------------|-----------|
| xxx | xxx | `xxx` |Writing guidelines:
Output: One-page cheatsheet
Goal: Assemble the outputs from the previous seven phases into a complete tutorial document.
Tutorial document template:
# [Technical Topic] Complete Tutorial
> Last updated: [Current date] | Applicable version: [Version number]
> Difficulty: [Beginner/Intermediate/Advanced] | Estimated time: [N hours/minutes]
## Tutorial Overview
[Phase 1 metadata summary — what the reader will be able to do after completion]
## 1. Prerequisites
[Phase 2 prerequisites checklist]
## 2. Environment Setup
[Phase 3 installation and configuration guide]
## 3. Core Steps
[Phase 4 numbered step list]
## 4. Troubleshooting
[Phase 5 troubleshooting table]
## 5. Advanced Topics
[Phase 6 advanced roadmap and hands-on projects]
## 6. Cheatsheet
[Phase 7 cheatsheet]
## Appendix
- Glossary (if domain-specific terminology is used, list in a table: Term | Definition)
- Reference links (official documentation, community resources, etc.)Document output requirements:
YOUR_XXX format and are explained on first occurrenceChoose the mode based on the level of detail in the user's input:
| User Input | Mode | Behavior |
|---|---|---|
| Just a technology name (e.g., "Docker tutorial") | Guided mode | Execute Phase 1 questions, wait for answers before continuing |
| Specific goal (e.g., "Deploy a Node.js app with Docker") | Semi-auto mode | Ask 1–2 key questions while simultaneously planning the steps |
| Detailed description (includes audience, environment, goal) | Full-auto mode | Start output directly from Phase 2 |
| User says "just write it / don't ask" | Quick mode | Output the complete tutorial based on default assumptions |
Before outputting the final tutorial, check each item:
chmod 777)If the user provides feedback on the tutorial:
This tutorial generator is suitable for the following types of technical tutorials:
© zebbern, 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 1 other file in skills/dev-guide-generator of zebbern/claude-code-guide.
Open the folder on GitHubat commit 4698e3b
Dev Guide Generator 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 |
|---|---|---|---|---|---|---|
| Dev Guide Generator this skillzebbern/claude-code-guide | 4.6k | — | ~3.4k | Automated safety check: Notes | MIT | |
| JavaScript Concept Fact Checkerleonardomso/33-js-concepts | 67k | 1 repos | ~5k | Automated safety check: Pass | MIT | |
| Beads Documentation Style Guidegastownhall/beads | 28k | — | ~3.2k | Automated safety check: Pass | MIT | |
| JavaScript Concept Page Workflowleonardomso/33-js-concepts | 67k | — | ~3.9k | Automated safety check: Pass | MIT | |
| JS Concept Resource Curatorleonardomso/33-js-concepts | 67k | — | ~4.9k | Automated safety check: Pass | MIT | |
| Technical Writing Standardcursor/plugins | 10k | 10 repos | ~2.4k | Automated safety check: Pass | None |
leonardomso/33-js-concepts
Verifies the technical accuracy of JavaScript concept pages by checking code examples, MDN and ECMAScript claims and external links through a five-phase method.
gastownhall/beads
Sets the house style for the beads user docs: the canonical concept model, required terminology, prose and diagram conventions, and checks before docs work is done.
leonardomso/33-js-concepts
Orchestrates five skills to produce a complete JavaScript concept documentation page, from resource curation through writing, tests, fact-checking and SEO.
leonardomso/33-js-concepts
Finds, vets, writes up and maintains external articles, videos and courses for JavaScript concept pages, including audits for broken and outdated links.
cursor/plugins
Applies four layers of technical-writing rules to docs, RFCs, readmes, PR descriptions and commit messages so a tired engineer follows them on the first read.
nukeop/nuclear
A skill your agent uses when writing or editing documentation in packages/docs.
zebbern/claude-code-guide
This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON locales), including installing/configuring the…
zebbern/claude-code-guide
Interactive system flow tracing across CODE, API, AUTH, DATA, NETWORK layers with SQLite persistence and Mermaid export.
zebbern/claude-code-guide
Generate publication-quality PNG chart images from data, supporting line, bar, area, candlestick, pie, and heatmap charts.
zebbern/claude-code-guide
Analyze codebases and automatically generate architecture diagrams, flowcharts, and org charts.
zebbern/claude-code-guide
Scan code for security issues: dependency vulnerabilities (npm/pip audit), secret leaks (regex and entropy analysis), and OWASP anti-patterns like SQL injection, XSS, or command injection.
zebbern/claude-code-guide
Generate self-contained HTML/SVG infographics from JSON data, including stat cards, bar charts, flow diagrams, and mixed dashboards.
Categories
Generates complete technical tutorials from prerequisites and environment setup to core steps, troubleshooting, and a final cheatsheet. Dev Guide Generator is an agent skill from zebbern/claude-code-guide. Generates complete technical tutorials from prerequisites and environment setup to core steps, troubleshooting, and a final cheatsheet.
Dev Guide Generator fits situations like: requests to write a tutorial; create a setup guide; organize steps for beginners; keywords like step-by-step.
Run `npx skills add zebbern/claude-code-guide --skill dev-guide-generator -a claude-code`. Or copy the skill folder (skills/dev-guide-generator in zebbern/claude-code-guide) into .claude/skills/dev-guide-generator in your project. Claude Code loads it when a task matches its description.
Run `npx skills add zebbern/claude-code-guide --skill dev-guide-generator -a codex`. Or copy the skill folder (skills/dev-guide-generator in zebbern/claude-code-guide) into .agents/skills/dev-guide-generator 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 zebbern/claude-code-guide --skill dev-guide-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/dev-guide-generator, .gemini/skills/dev-guide-generator, .github/skills/dev-guide-generator and .opencode/skills/dev-guide-generator in your project.
SKILL.md names no scripts, command-line tools or credentials: Dev Guide Generator is instructions for the agent only. Our summary lists: Node.js; Docker; A credential in YOUR_API_KEY.
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 notes only (runs commands with sudo), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
Dev Guide Generator is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 3.4k tokens (SKILL.md is roughly 14k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Dev Guide Generator: JavaScript Concept Fact Checker (leonardomso/33-js-concepts, 67k stars), Beads Documentation Style Guide (gastownhall/beads, 28k stars), JavaScript Concept Page Workflow (leonardomso/33-js-concepts, 67k stars) and JS Concept Resource Curator (leonardomso/33-js-concepts, 67k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
zebbern (a GitHub user) maintains it in zebbern/claude-code-guide, which has 4,648 GitHub stars. The repository holds 46 skills in this directory. The repository was last updated on October 7, 2026.
Source: zebbern/claude-code-guide on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.