Skill UI

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.

Automates guidance for mindmap generator requests, offering best practices, production-ready configurations, and validation for diagrams, charts, and visual documentation workflows in the Visual Content domain.

Automates guidance and code generation for delivering network diagrams, following best practices and validation checks whenever you request help with diagramming or visualization tasks.

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.

Provides automated guidance for creating org charts, including best practices, visual documentation workflows, and ready-to-use diagrams when discussing organizational visuals.

Automates Plotly chart creation by offering step-by-step guidance, best-practice patterns, and production-ready code or configuration whenever visual content, diagrams, or presentations need charts.

Auto-activating skill that delivers step-by-step guidance, best-practice validation, and production-ready code for crafting process flow visuals, diagrams, and documentation whenever you invoke the process flow generator.

This skill provides comprehensive patterns and templates for developing custom, reusable node components within the React Flow library. It ensures adherence to best practices by integrating proper TypeScript types and facilitating connection with global application state stores. Ideal for building complex, interactive workflow diagrams and visual programming interfaces.

Walks through Trail of Bits’ five-step secure smart-contract workflow, running Slither and special feature checks, generating visual diagrams, documenting security properties, and flagging manual risks with an action plan.

Senior Architect orchestrates architecture decision workflows, generates Mermaid/PlantUML/ASCII diagrams, analyzes dependencies, and evaluates tech stacks to help teams choose scalable systems and document design choices.