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.

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 mermaid class diagram generation by offering best-practice guidance, production-ready code, and validation steps within the visual content domain whenever you mention mermaid class diagrams or ask about related patterns.

Automates Mermaid ER diagram creation by guiding users through best practices, generating production-ready code, and validating diagrams for visual content tasks triggered by ER diagram requests.

This skill acts as a specialized expert for generating professional and complex diagrams using Mermaid syntax. It specializes in creating flowcharts, sequence diagrams, ERDs, state charts, Gantt charts, and various system architectures. It adheres to best practices, ensuring readability, consistent styling, and providing complete, ready-to-use code for multiple diagram types.

Automates mermaid flowchart generator guidance, producing code, configuration, and validation for visual content scenarios such as diagrams, charts, and presentations with best-practice recommendations.

Automates Mermaid Gantt chart creation and guidance for diagrams, best practices, and production-ready outputs, ensuring clear visual documentation for presentations and project planning.

Guides the creation of Mermaid sequence diagrams by offering best-practice patterns, code generation, and validation suited for visual documentation or presentation workflows.

Offers automated guidance for building Mermaid state diagrams, covering best practices, code generation, and validation to streamline visual documentation requests.

This skill generates Mermaid diagrams to create visual organizational tools specifically designed for neurodivergent individuals, particularly those with ADHD. It helps externalize executive functions, reducing cognitive overwhelm by breaking down complex tasks into compassionate, manageable micro-steps. The tool auto-detects signs of distress and supports multiple accessibility modes (e.g., colorblind-safe, monochrome), making it useful for project planning, decision mapping, and personal productivity tracking.