Skill UI

This skill provides comprehensive guidelines for building a clean, minimalist, and highly usable design system. It covers foundational elements including typography, structured color tokens, spacing grids, and strict adherence to WCAG 2.2 AA accessibility standards. The output is structured for immediate implementation by engineers and designers, ensuring consistency and clarity across all product screens.

A comprehensive technical and aesthetic guide for building a modern, high-contrast user interface. This system defines foundational constraints, including color tokens, typography scales, and spacing grids, while rigorously ensuring WCAG 2.2 AA accessibility standards. It provides structured rules for component states, interactions, and development workflow to ensure consistency and superior user experience.

This skill guides the creation of comprehensive, implementation-ready design system guidelines based on contemporary, minimalist, and high-performance principles. It teaches authors to structure documentation covering design tokens, component anatomy, interaction states, and crucially, adhering to WCAG 2.2 AA accessibility standards, ensuring consistency and usability for both designers and engineers.

Provides expert guidance for building professional, scalable, and brand-aligned design systems. It covers foundational tokens (color, typography, spacing), component anatomy, accessibility standards (WCAG 2.2 AA), and structured content writing rules, ensuring design consistency and high quality for large-scale enterprise products.

This comprehensive skill provides expert, implementation-ready guidelines for creating a futuristic, sci-fi-inspired UI/UX design system. It details foundational tokens (color, spacing, typography), establishes strict component rules (states, interactions), and mandates adherence to WCAG 2.2 AA accessibility. It ensures that all designs are visually consistent, highly structured, and premium in feel.

This skill analyzes and reports on the token usage, expenditure, and budget for AI models (like Claude Code) by querying a local SQLite database. It is essential for users who need detailed financial accountability, tracking costs by project, tool, or date, and managing operational budgets.

This skill provides expert-level, comprehensive guidelines for building a cohesive and playful design system, optimized for landing pages and creative projects. It defines foundational elements using semantic tokens, covering typography, color palettes, and spacing. The system mandates WCAG 2.2 AA accessibility, defining rigorous component anatomy, interaction states, and detailed authoring workflows to ensure both aesthetic appeal and cross-platform usability.

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.

An expert guide for creating comprehensive, implementation-ready design system documentation. This skill generates structured guidelines covering design tokens, typography, spacing, component anatomy, interaction states, and WCAG accessibility criteria, ensuring consistency and quality for developers and designers.

An expert guide for creating comprehensive, implementation-ready design systems based on the Dramatic style. It provides strict rules on foundational tokens, component anatomy, interaction states, accessibility compliance (WCAG 2.2 AA), and documentation workflow, ensuring consistency and visual rigor for engineers and designers.

This skill provides comprehensive, expert-level guidelines for building an "Energetic" design system. It defines a bold, geometric, and high-contrast aesthetic using thick borders, specific color tokens, and expressive typography. It covers foundational constraints, component anatomy, accessibility (WCAG 2.2 AA), and a rigorous authoring workflow, ensuring all outputs are implementation-ready for engineers and designers.

This skill provides expert guidance for authoring comprehensive, implementation-ready design systems tailored for enterprise cloud platforms. It covers foundational constraints, style tokens (color, typography, spacing), accessibility standards (WCAG 2.2 AA), and structured workflows required to build complex, data-intensive, and highly productive user interfaces.