techguide
Installation
SKILL.md
Build a Tech Guide
Create a comprehensive tech guide for $ARGUMENTS.
Follow the full conventions in techguides/CLAUDE.md. The guide must be self-contained HTML with inline CSS, Google Fonts only, 1500-4000+ lines, 8-12 numbered sections, sticky jump nav, and responsive design.
Phase 0 — Plan (interactive)
- Parse the argument: the first word is the topic (e.g., "xterm.js"), optional second word is the style name (e.g., "celtic").
- If no style was specified:
- Read the Style Guide Catalog table in
README.mdto see which styles are available (empty Tech Guide column) vs already used - Suggest 3-4 unused styles that thematically fit the topic
- Ask the user to pick one
- Read the Style Guide Catalog table in
- Read the chosen style's HTML file from
styles/{name}.htmlto extract the design system (CSS variables, fonts, color palette, component patterns). - Read
techguides/CLAUDE.mdfor the template and conventions. - Read 1-2 existing tech guides (like
python.htmlordocker.html) to match structure and depth — just skim the first ~100 lines for structure reference. - Propose a section outline (8-12 sections) and discuss with the user before proceeding.