Skill UI

Generate comprehensive onboarding documentation for software engineers ranging from newcomers to principals. This skill creates two complementary guides: a principal-level overview covering architecture, design principles, and decision logs, and a zero-to-hero contributor guide with setup instructions and workflows. It automatically detects programming languages and includes Mermaid diagrams for clarity.

Generates comprehensive technical documentation pages with evidence-based depth, including Mermaid diagrams, citations, and VitePress frontmatter. Ideal for documenting components, systems, or features with traceable code paths.

This skill transforms generated wiki Markdown files into a polished VitePress static site featuring a dark theme and interactive Mermaid diagrams. It handles complex configuration for Mermaid rendering, including CSS overrides and inline style fixes to ensure diagrams display correctly in dark mode. Additionally, it adds click-to-zoom functionality for diagrams and performs necessary post-processing on Markdown files before building. Use this when packaging wiki content as a browsable HTML site.