Skill UI

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.

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.

A specialized reverse-engineering skill designed to extract comprehensive functional and non-functional specifications from existing, undocumented, or legacy codebases. It operates by analyzing code structure, tracing data flows, and identifying observable behaviors. The output is structured using EARS (Easy Approach to Requirements Syntax), providing clearer requirements documentation, architectural diagrams, and dependency maps for onboarding or system modernization.

This skill simulates a senior documentation engineer, generating highly structured, evidence-based technical documentation. It processes codebases to create comprehensive wiki pages, mandating deep structural analysis, citing specific code paths (file:line), and incorporating mandatory architectural diagrams (Mermaid). Ideal for creating deep-dive system manuals, component guides, and technical deep dives with verifiable sources.

This skill transforms generated wiki Markdown files into a polished, professional VitePress static documentation site. It automatically integrates a dark theme, enhances interactivity, and supports complex Mermaid diagrams with careful CSS and JavaScript fixes. Use this when the goal is to build a fully browsable, deployed documentation website from raw wiki content.

Render Mermaid diagrams to SVG or terminal-friendly ASCII with beautiful-mermaid, covering flowcharts, sequence, state, class, and ER diagrams with theme support and stdin/file input.

Creates and validates Mermaid diagrams across 20+ types, renders SVG/PNG/ASCII, enforces curated styling, and supports batch rendering with themes; ideal for architecture, flow, and ERD visualization requests.

This powerful tool helps translate natural language requirements into robust, normalized relational database schemas. It can generate comprehensive schema designs, complete with relationships, constraints, and advanced architectural concerns like multi-tenancy, soft deletes, and audit trails. Furthermore, it automates the generation of database migrations (supporting Prisma, TypeORM, Alembic, etc.), corresponding type definitions (TypeScript/Python), seed data, and Entity-Relationship Diagrams (ERD) using Mermaid.

Programmatic canvas toolkit for creating, editing, and syncing Excalidraw diagrams via MCP or REST, with import/export, snapshots, and fine-grained element control.

OWASP Threat Dragon is an open-source tool designed for security professionals and developers. It guides users through creating detailed data flow diagrams (DFD) to map system architecture. The framework enables the systematic identification of vulnerabilities by applying established methodologies like STRIDE and LINDDUN, culminating in comprehensive, compliance-ready threat model reports.