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 tool transforms natural language requirements into high-quality, structured Mermaid diagrams. It supports over 20 diagram types, including Flowcharts, Sequence Diagrams, Class Diagrams, ER Diagrams, and Gantt Charts. The process includes parsing requirements, generating raw Mermaid code, and verifying syntax using industry-standard tools, ensuring accurate and professional visualizations for technical documentation.

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 setup wizard, part of StyleSeed, guides users through establishing a structured, branded workspace. It systematically collects essential context—including app type, brand colors, visual references, and typography—to generate a coherent design system and scaffold the first page, ensuring the UI remains focused and avoids generic design pitfalls.