Skill UI

A modern, dark-themed UI component library built with React, Tailwind CSS, and Framer Motion. It provides a comprehensive set of components and styles ideal for developing professional dashboards, admin panels, and data-rich applications. Features include advanced glassmorphism effects and tasteful, smooth animations to enhance user experience.

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.

A comprehensive design system guide for building modern, high-density, and data-rich dashboards. It establishes foundational rules covering dark-themed aesthetics, modular grids, typography, color tokens, and rigorous accessibility standards (WCAG 2.2 AA). Ideal for engineers and designers building complex cloud-platform interfaces for optimal productivity and data analysis.

A comprehensive style guide for building mission control, NOC dashboards, and global monitoring systems. This theme utilizes dark mode, glowing accents (cyan, amber, red), and complex data visualization elements to simulate a high-stakes, real-time operational environment across web, iOS, and Flutter platforms.

A comprehensive design guide for creating ultra-compact, high-utility user interfaces. Ideal for professional tools, financial dashboards, or IDEs where information density is paramount. Principles include compact layouts, monospace typography, high contrast dark themes, and maximizing functional pixels while minimizing whitespace.

A comprehensive skill for building beautiful, accessible, and production-ready user interfaces. It combines the modularity of shadcn/ui components (built on Radix UI), the utility-first flexibility of Tailwind CSS, and the visual power of canvas-based design systems. Use this skill for implementing complete design systems, creating responsive layouts, managing themes (including dark mode), and generating polished visual assets across multiple applications.

A sophisticated, dark-themed presentation template designed for AI-native projects, knowledge graphs, or deep technical deep dives. It features a gradient cover with floating orbs and an interactive SVG force-directed graph, complemented by JetBrains Mono code highlighting and modern glassmorphism elements for section slides. Perfect for tech talks and product launches.

A specialized presentation deck template designed for internal engineering talks, technical conferences, and deep-dive knowledge sharing. It features a professional GitHub-dark theme, JetBrains Mono coding font, and a structured layout including Cover, Agenda, main content slides (with code blocks), demo slides (terminal screenshots), and Q&A sections.

A comprehensive style guide for building mission control, NOC dashboards, and global monitoring systems. This theme utilizes dark mode, glowing accents (cyan, amber, red), and complex data visualization elements to simulate a high-stakes, real-time operational environment across web, iOS, and Flutter platforms.

A comprehensive design guide for creating ultra-compact, high-utility user interfaces. Ideal for professional tools, financial dashboards, or IDEs where information density is paramount. Principles include compact layouts, monospace typography, high contrast dark themes, and maximizing functional pixels while minimizing whitespace.

Modern dark-themed React UI system using Tailwind CSS and Framer Motion for dashboards, admin panels, and data-rich apps with glassmorphism and subtle animations.

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.