ascii-visualizerlisted

# ASCII Visualizer Skill **🎯 SKILL ACTIVATION PROTOCOL** To use this skill, announce at the start of the response: ``` 🎯 Using ascii-visualizer skill for visual diagram generation ``` ## Purpose Create clear ASCII visualizations for ANY concept. **USER EXPLICITLY LOVES ASCII ART** - use liberally! ## When to Use - Architecture diagrams or system design - Implementation plans and workflows - Before/after comparisons or options - Progress indicators and metrics - File trees and hierarchies ## Pattern Library ### Box Diagrams ``` ┌─────────────────┐ │ Component A │ │ (Description) │ └────────┬────────┘ │ ▼ ┌─────────────────┐ │ Component B │ └─────────────────┘ ``` ### File Trees ``` test-orchestration-demo/ ├── .claude/ │ ├── skills/ ⭐ This skill! │ └── instructions/ ├── Docs/ │ └── results-implementation/ └── frontend/ ✨ 7-folder architecture ├── app/ (Next.js routes) ├─�� modules/ (Feature modules) ├── shared/ (UI components) ├── lib/ (Integrations) ├── store/ (Global state) ├── styles/ (Design system) └── types/ (TypeScript) ``` ### Flow Charts ``` User Answer │ ▼ tRPC Endpoint │ ▼ Claude AI → Evaluation │ ▼ Results Store → UI ``` ### Comparison Tables ``` ┌──────────────────────────────────────────┐ │ BEFORE (17 folders) AFTER (7 folders)│ ├──────────────────────────────