Skill UI

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.

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 provides comprehensive guidance on leveraging d3.js (Data-Driven Documents) to create sophisticated, interactive, and publication-quality data visualizations. It covers core concepts like data binding, implementing various chart types (network graphs, geo-maps, etc.), handling complex transitions, and ensuring responsiveness across modern JavaScript frameworks (React, Vue, Vanilla JS). Learn the standard workflow for scale definition, axis creation, and drawing custom visual elements with fine-grained control.

A comprehensive guide detailing Apple's Human Interface Guidelines (HIG) for designing and implementing core content components (e.g., Charts, Collections, Image Views, Web Views). It provides best practices for cross-platform adaptation, accessibility, visual hierarchy, and performance optimization across iOS, macOS, tvOS, and visionOS.

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.

This elite workflow simulates the comprehensive process of a Senior Software Engineer and Product Designer. It enforces a rigorous development pipeline: starting with planning, solid architecture, and TDD implementation, through clean code practices, and technical auditing. Crucially, it includes mandatory, pixel-perfect UX visual validation to ensure the output is flawless, consistent, and production-grade.

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.

Cartography is a CNCF project designed to perform comprehensive cloud asset inventory across AWS, GCP, and Azure. It queries cloud APIs to aggregate infrastructure resources, map complex relationships (like IAM permissions and network paths), and store them in a Neo4j graph database. This allows security teams to visualize potential attack paths, conduct deep security audits, and identify cross-cloud misconfigurations.

This comprehensive tool generates high-quality Mermaid diagram code (including flowcharts, sequence diagrams, ER diagrams, etc.) directly from natural language user requirements. It handles complex structured output, mandatory syntax validation using dedicated CLI tools, and detailed visual review to ensure the accuracy of all components and connections.

Guides zero-to-live Star Office visualization for Aion/OpenClaw by installing, starting, connecting, and troubleshooting the local UI service, checking ports/auth, and offering alternative open-source monitors when needed.

A powerful tool that converts complex Unified Modeling Language (UML) diagrams—such as Sequence, Class, Activity, and State diagrams—into plain text ASCII art. This is crucial for documentation in environments that do not support image embedding, such as terminal sessions, README files, or Git commit messages. Supports both standard ASCII and enhanced Unicode ASCII formats for better visual fidelity.

This skill deploys a containerized integration service to programmatically manage and manipulate Lucidchart diagram documents. It handles sophisticated tasks like manipulating shapes, updating connectors, and synchronizing visual collaboration data using the Lucid API. Ideal for integrating automated diagram generation and maintenance into CI/CD pipelines and enterprise workflows.