techguide
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.
Phase 1 — Research (parallel Sonnet subagents)
More from ggprompts/htmlstyleguides
story
Build an interactive educational story with a style guide aesthetic
2news
Research and publish a daily AI news edition (The AI Dispatch)
2styleguide
Build a complete CSS design system style guide
2chiptune-composer
Compose full-length (~1.5 minute) chiptune songs in the audio tracker's compact JSON format. Supports RPG battle themes, town music, overworld adventures, classical arrangements, ambient dungeon tracks, and more. This skill should be used when creating songs for the audio tracker, composing game music, or generating .json song files.
2architecture
Build an interactive architecture map for an organization, open source project, or tech platform
1