ascii-diagram-creator
ASCII Diagram Creator
Overview
This skill is a visual generator agent that creates clear, terminal-compatible ASCII diagrams to communicate system changes, migrations, and architectural decisions. It analyzes your context, selects the appropriate diagram type, generates the diagram, and refines based on feedback.
Key Capabilities:
- Codebase auto-discovery: Automatically scan project structure, detect architecture patterns, and populate diagrams
- Project-type templates: Pre-built templates for Bulletproof React, Next.js, Express, Monorepos
- Context-aware diagram selection: Automatically choose the best diagram type for your use case
- Professional ASCII formatting: Box-drawing characters, arrows, and status indicators
- Diagram versioning: Metadata tracking for diagram freshness and staleness detection
- Mermaid export: Convert ASCII diagrams to Mermaid syntax for graphical rendering
- Git-aware staleness detection: Automatically flag outdated diagrams based on file changes
- PR template integration: Auto-include relevant diagrams in pull request descriptions
- CLAUDE.md directive setup: Optionally configure proactive diagram suggestions
- Iterative refinement: Adjust width, alignment, and content based on feedback
- Five diagram types: Architecture, Before/After, Phased Migration, Data Flow, Relationship/Synergy
- Terminal-compatible: 80-character max width, works in any terminal/markdown
More from cskiro/claudex
bulletproof-react-auditor
Use PROACTIVELY when users ask about React project structure, Bulletproof React patterns, or need architecture guidance. Covers structure setup, codebase auditing, anti-pattern detection, and feature-based migration planning. Triggers on "bulletproof react", "React structure help", "organize React app", or "audit my architecture".
10codebase-auditor
Use PROACTIVELY when auditing code quality, running security scans, assessing technical debt, reviewing code for production readiness, setting up CI quality gates, or tracking DORA metrics. Analyzes codebases against OWASP Top 10, SOLID principles, Testing Trophy, and 2024-25 SDLC standards. Supports incremental audits for large codebases. Not for runtime profiling or real-time monitoring.
3skill-creator
Use PROACTIVELY when creating new Claude Code skills from scratch. Automated generation tool following Claudex marketplace standards with intelligent templates, pattern detection, and quality validation. Supports guided creation, quick start templates, clone-and-modify, and validation-only modes. Not for modifying existing skills or non-skill Claude Code configurations.
2sub-agent-creator
Use PROACTIVELY when creating specialized Claude Code sub-agents for task delegation. Automates agent creation following Anthropic's official patterns with proper frontmatter, tool configuration, and system prompts. Generates domain-specific agents, proactive auto-triggering agents, and security-sensitive agents with limited tools. Not for modifying existing agents or general prompt engineering.
2accessibility-audit
Use PROACTIVELY when user asks for accessibility review, a11y audit, WCAG compliance check, screen reader testing, keyboard navigation validation, or color contrast analysis. Audits React/TypeScript applications for WCAG 2.2 Level AA compliance with risk-based severity scoring. Includes MUI framework awareness to avoid false positives. Not for runtime accessibility testing in production, automated remediation, or non-React frameworks.
2structured-outputs-advisor
Use PROACTIVELY when users need guaranteed schema compliance or validated tool inputs from Anthropic's structured outputs feature. Expert advisor for choosing between JSON outputs (data extraction/formatting) and strict tool use (agentic workflows). Analyzes requirements, explains trade-offs, and delegates to specialized implementation skills. Not for simple text responses or unstructured outputs.
2