Skill UI

This skill acts as an expert guide for authoring comprehensive, implementation-ready design system documentation. It structures guidelines covering foundational design tokens (color, spacing, typography), detailed component anatomy, interaction states, and WCAG accessibility standards. Ideal for product designers and engineers needing to define a cohesive and scalable UI language.

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.

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.

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).

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 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.

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.

Generate unique, 16:9 hand-drawn illustrations for articles, blog posts, and technical documentation. This skill translates abstract cognitive anchor points into clean, absurd, and memorable whiteboard sketches. It features a consistent, recurring character, 'Grav,' who actively drives the narrative, ensuring a unique and professional visual language across all your content.

This skill provides a comprehensive, structured audit of any design system. It assesses component coverage gaps against production UI, monitors design token consistency (color, spacing, typography), evaluates documentation quality, and checks for accessibility compliance. The output includes an overall health score and a prioritized remediation roadmap, making it essential for design leadership and engineering teams maintaining shared component libraries.

This skill transforms you into an expert design system guideline author, specializing in creating structured, implementation-ready documentation for the Power brand. It provides a comprehensive workflow covering style foundations (color, typography, spacing), component anatomy, accessibility standards (keyboard-first, high contrast), and quality gates. Use it to ensure all digital products maintain superior aesthetic consistency, usability, and accessibility.

This expert skill generates comprehensive, implementation-ready documentation for the Stitch design system. It covers style foundations, semantic tokens, component anatomy, accessibility requirements (WCAG 2.2 AA), and content standards. Ideal for ensuring visual consistency and creating robust, enterprise-grade user experiences across data-driven applications and AI workflows.