Skill UI

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 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.

Designs normalized database schemas by analyzing requirements, mapping relationships, generating ERD diagrams, and producing SQL CREATE statements so you can build well-structured relational databases and follow best practices.

This expert skill specializes in creating comprehensive, maintainable technical documentation directly from existing codebase, configurations, and comments. It can generate various artifacts, including API specifications, system architecture diagrams, detailed user guides, and technical references, ensuring consistency and accuracy using AI-powered analysis and industry best practices. Ideal for building robust documentation pipelines and standardizing documentation across large repositories.

Generates Excalidraw diagrams from natural-language prompts, turning requests such as “make a flowchart” or “draw a system architecture” into ready-to-open .excalidraw JSON files for flows, relationships, mind maps, and architectures.

Automatically generate thorough database documentation using database-documentation-gen, covering ERD diagrams, relationships, columns, indexes, triggers, procedures, and interactive HTML reports whenever you need schema insight for onboarding, reviews, or governance.

This skill leverages Google Gemini's advanced image generation model to create high-quality, context-specific visuals. It is essential for developers needing placeholder images for UIs, generating detailed diagrams for technical documentation, or visualizing abstract concepts, logos, and assets across cross-platform projects (Windows, macOS, Linux).

Create, modify, and validate Obsidian-compatible JSON Canvas (.canvas) files to build visual boards, mind maps, flowcharts, or note-link diagrams with nodes, edges, groups, and colors.