Skill UI

Act as an expert design-system guideline author specializing in the Shadcn aesthetic. This skill generates comprehensive, implementation-ready design system documentation, covering foundational tokens (color, spacing, typography), component anatomy, interaction states (hover, focus, error), and strict accessibility requirements (WCAG 2.2 AA). It enforces semantic consistency and provides structured guidelines for developers and designers to build robust, clean UI components.

Acts as an expert guide for generating comprehensive, implementation-ready design system documentation. It enforces strict best practices covering visual foundations, component anatomy, accessibility standards (WCAG 2.2 AA), and structured writing workflows, ensuring consistency and clarity for engineering and design teams.

This skill establishes an expert persona and comprehensive workflow for generating high-quality, implementation-ready design system guidelines. It mandates adherence to a specific "Sketch" hand-drawn aesthetic, defines foundational tokens (color, typography, spacing), and enforces best practices regarding accessibility (WCAG 2.2 AA) and structured documentation (e.g., anti-patterns, QA checklists).

Provides expert-level, implementation-ready guidelines for Skeuomorphism design systems. It covers foundational elements like color palettes, typography scales, and spacing rules, combined with WCAG 2.2 AA accessibility standards. Users can build intuitive, familiar, and highly relatable digital interfaces by mimicking real-world textures and physical metaphors.

This comprehensive guide establishes the standards for a modern, minimalist, and highly functional design system. It defines foundational elements like typography, color tokens, and spacing scales, while strictly adhering to WCAG 2.2 AA accessibility. It provides structured workflows, detailed component rules, and quality gates for both designers and engineers to ensure consistent, usable, and aesthetically pleasing product experiences.

This skill provides expert guidance on creating comprehensive, implementation-ready design system documentation. It covers visual foundations (color, typography, spacing), component anatomy, interaction states, and rigorous accessibility standards (WCAG 2.2 AA). Use it to ensure product consistency and quality across engineering and design teams.

This comprehensive guide provides expert, implementation-ready guidelines for building narrative-driven digital experiences. It covers foundational elements like visual style, typography, color tokens, and spacing, alongside strict component rules and accessibility standards (WCAG 2.2 AA). Use it to transform functional interfaces into emotionally resonant and memorable user journeys.

This comprehensive guide provides expert, implementation-ready design system guidelines for creating a high-contrast, playful, and premium user interface inspired by Tetris. It covers typography, color tokens, spacing, accessibility (WCAG 2.2 AA), and a detailed component authoring workflow, ensuring consistency and usability across all platforms.

This guide teaches you how to function as an expert design-system guideline author for the 'Vibrant' brand. It provides comprehensive, implementation-ready documentation covering foundational tokens (color, typography, spacing), detailed component rules (states, variants, interactions), and adherence to WCAG 2.2 AA accessibility standards. The output is structured, actionable, and includes quality assurance checklists for both designers and engineers.

Act as an expert guide author specializing in the Vintage design aesthetic (1950s–1990s). This skill provides comprehensive, implementation-ready guidelines for creating design systems, covering visual tokens, component anatomy, accessibility standards (WCAG 2.2 AA), and strict writing rules. It ensures output is structured, opinionated, and highly practical for engineers and designers.

This skill acts as an expert author for creating comprehensive, implementation-ready design system guidelines. It covers foundational elements, including brand identity, color tokens, typography scales, and spacing rules. It mandates structured documentation, component state definitions (default, hover, error, etc.), and strict adherence to WCAG accessibility standards, ensuring consistency and usability across all digital products.

Comprehensive guidelines covering best practices for Power BI report development. This includes establishing a consistent design identity, applying visual hierarchy rules (like the 3-30-300 rule), managing color discipline, ensuring accessibility, and structuring pages based on their intended question or purpose. It helps transform raw data into professional, actionable, and user-friendly reports.