architecture
Build an Architecture Map
Create an interactive architecture map for $ARGUMENTS.
The map must be self-contained HTML with inline CSS, Google Fonts only, Mermaid.js loaded from CDN (https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs), no build step. Target 800-1200 lines. Focus on clarity and navigability over exhaustive detail.
Subjects
Architecture maps can cover three types of subjects:
- Organizations (VA OIT, DoD, IRS, a bank) — org structure, major systems, integrations, data flows, modernization status
- Open source projects (Kubernetes, PostgreSQL, Linux kernel) — component architecture, module breakdown, data/control flow, extension points
- Tech platforms/stacks (Supabase, Vercel, AWS) — service architecture, API layers, infrastructure, how services compose
Phase 0 — Plan (interactive)
More from ggprompts/htmlstyleguides
techguide
Build a complete tech guide for a developer tool or language
22story
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.
2