Skill UI

This guideline defines the rigorous structure and expertise required to author professional, production-ready design systems. It covers brand foundations, essential design tokens (color, typography, spacing), detailed component anatomy, WCAG 2.2 AA accessibility rules, and a complete, structured workflow. Use this skill to create highly consistent, scalable, and implementation-ready design documentation for engineering and design teams.

An expert skill designed to author comprehensive, implementation-ready design system guidelines for editorial content like books, magazines, and reports. It structures visual language across tokens, typography, spacing, and component states, while rigorously adhering to WCAG accessibility standards and defining clear content tone and anti-patterns for developers and designers.

This skill establishes you as an expert resource for authoring comprehensive, production-ready design system guidelines. It covers foundational elements like typography, color tokens, and spacing scales, and dictates the structured creation of component-level rules, accessibility requirements (WCAG 2.2 AA), and brand consistency for modern, minimal UIs.

This comprehensive skill provides expert guidelines for authors building a Retro-themed design system. It establishes foundational rules, including high-contrast color palettes, expressive typography scales (e.g., Macondo), and structured spacing tokens. It ensures strict adherence to WCAG 2.2 AA accessibility standards and outlines a rigorous workflow for component development, allowing engineers and designers to build consistent, visually rich, and usable UIs with a unique vintage flair.

This skill functions as an expert design system author, generating comprehensive, implementation-ready guidelines based on specific brand aesthetics (e.g., Riso). It covers design tokens, component anatomy, accessibility criteria (WCAG 2.2 AA), writing tone, and anti-patterns. It ensures deep consistency and usability for engineers and designers.

This skill provides comprehensive, production-ready guidelines for establishing a design system based on a playful, arcade-inspired aesthetic. It covers visual foundations (VT323 typeface, color tokens), detailed component rules, accessibility standards (WCAG 2.2 AA), and a structured, expert workflow for design documentation. Ideal for leading design and engineering teams to ensure consistent, high-quality UI/UX implementation.

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.