diagram
Diagram Driven Development (DDD) Skill
Maintain the ai/diagrams directory as the single source of truth for system understanding. All diagrams follow DDD principles, connecting Front-Stage (user experience) to Back-Stage (technical implementation) with clear impact annotations.
Capabilities
- Create Diagrams - Generate new diagrams for features, architectures, journeys, tests, and refactorings
- Update Diagrams - Synchronize existing diagrams with code changes
- Audit Diagrams - Identify outdated, missing, or low-quality diagrams
- Organize Diagrams - Maintain consistent structure and naming conventions
- Index Management - Keep README.md index up-to-date with all diagrams
- Quality Validation - Ensure all diagrams follow DDD principles
Quick Reference
For detailed instructions on each operation, see:
More from johnlindquist/claude-workshop-skills
chrome-devtools
Control and inspect Chrome browser using Chrome DevTools Protocol - navigate pages, debug network requests, analyze performance, take screenshots, interact with elements, and automate browser tasks.
34frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
17github
Manage GitHub issues using gh CLI - create, list, view, update, close, and assign issues. Use when working with GitHub issues, bug tracking, or project management tasks.
16review
Centralizes persona-driven code reviews (Fowler, Torvalds, Carmack, React core, etc.) so Claude can pick or combine expert viewpoints when the user asks for a code review or perspective-specific critique.
16ts-testing
Design, implement, and maintain high‑value TypeScript test suites using popular JS/TS testing libraries. Use this skill whenever the user is adding tests, debugging failing tests, or refactoring code that should be covered by tests.
15