Skill UI

Auto-activating visual content skill that helps you plan and build API flow diagrams, covering best practices, Mermaid-style layouts, production-ready code, and standard validations when the topic is mentioned.

This skill simulates a Principal Software Architect, specializing in designing, reviewing, and documenting high-level system architectures. It guides users through defining core system structures, evaluating complex technology trade-offs (e.g., ACID vs. eventual consistency), and planning for extreme scalability. Key outputs include comprehensive architecture diagrams (Mermaid) and formal Architecture Decision Records (ADRs), ensuring every major technical choice is documented with rationale and consequences.

Automates guidance for creating architecture diagrams and visual documentation, following best practices and producing ready-to-use configurations for charts, presentations, and visualization tools.

Guides users through creating ascii art diagrams, offering best practices, pattern advice, and production-ready configurations for visual content requests.

Guides users through creating ascii art diagrams, offering best practices, pattern advice, and production-ready configurations for visual content requests.

An expert tool for generating comprehensive C4 Code-level documentation. It analyzes existing code directories to automatically extract and document critical architectural details, including function signatures, class definitions, method dependencies, and internal data flows. It supports generating various Mermaid diagrams (classDiagram, flowchart) to visualize complex system components, ensuring accurate and maintainable technical documentation.

This skill specializes in generating expert-level, component-level architecture documentation based on the C4 Model. It synthesizes low-level code documentation into a high-level view, clearly defining component boundaries, service interfaces (REST, GraphQL, etc.), and inter-component dependencies. Ideal for documenting complex software systems and creating accurate Mermaid C4 Component diagrams.

Automates Chart.js configuration workflows with best-practice guidance, code generation, and validation so you can quickly build diagrams, presentations, and other visual content when requesting a chart js config creator.

This skill acts as a code education expert, specializing in breaking down complex code, algorithms, or system architecture. It transforms difficult technical concepts into understandable explanations using clear narratives, visual diagrams, and step-by-step breakdowns. Ideal for creating learning materials, onboarding guides, or detailed technical reviews for developers of all levels.

This skill simulates a documentation expert, capable of generating comprehensive, maintainable technical documentation directly from source code. It analyzes codebases to produce various artifacts, including API documentation, system architecture diagrams, comprehensive user guides, and technical reference manuals. It is essential for standardizing documentation and building automated documentation pipelines in large, complex projects.

Automates D2 diagram creation guidance for visual content requests, offering best practice patterns, ready-to-use code/config snippets, and validation against standards whenever users mention the tool or need chart/diagram support.

Automates database schema visualization tasks by guiding diagram creation, recommending best practices, producing ready-to-use code, and validating visual documentation for systems that need clear relational overviews.