Skill UI

This skill simulates an expert design system author, specializing in creating comprehensive, implementation-ready guidelines. It covers brand identity, style foundations (typography, color, spacing), accessibility standards (WCAG 2.2 AA), component anatomy, and detailed interaction rules. It ensures outputs are structured, opinionated, and directly usable by engineers 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 acts as an expert guide for creating comprehensive, implementation-ready design system documentation for enterprise applications. It mandates the generation of detailed guidelines covering style foundations, component anatomy, interaction patterns, and accessibility (WCAG 2.2 AA). It ensures the design is consistent, professional, and optimized for complex, data-driven workflows.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

An expert design system guideline for implementing modern, playful, and visually deep user interfaces using gradient principles. This guide provides engineers and designers with actionable standards covering color tokens, typography scales, component anatomy, interaction states, and WCAG accessibility criteria.

This skill guides the user to become an expert in authoring comprehensive, implementation-ready design system guidelines for an immersive, exhibit-style brand. It teaches how to structure rules covering design tokens, component anatomy, interaction states, accessibility requirements (WCAG 2.2 AA), and anti-patterns, ensuring consistency across all digital products.

This skill acts as an expert guide for creating comprehensive, implementation-ready design system documentation. It focuses on defining brand foundations, design tokens, component anatomy, interaction states (hover, focus, error), and strict accessibility criteria (WCAG 2.2 AA). Ideal for designers and engineers who need to enforce visual consistency and usability standards across product development.

This comprehensive guide provides expert, implementation-ready guidelines for creating minimal, clean, and highly functional design systems. It meticulously defines style foundations—including typography, color tokens, and spacing scales—while mandating best practices for accessibility (WCAG 2.2 AA), component states, and interaction design, ensuring maximum clarity and consistency for engineering and design teams.

This is an expert guide for creating a comprehensive design system based on the 'mono' aesthetic. It provides practical, implementation-ready rules for engineers and designers, covering visual foundations (color, typography, spacing), accessibility standards (WCAG 2.2 AA), component anatomy, and interaction behavior. The goal is to establish a consistent, high-contrast, and hacker-chic user experience.

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 skill acts as an expert guide for developing comprehensive, implementation-ready design systems with a premium, Apple-inspired aesthetic. It provides detailed guidelines covering foundational tokens (color, spacing, typography), component anatomy, interaction states, advanced accessibility standards (WCAG 2.2 AA), and structured authoring workflows, ensuring consistency and polish across all digital products.

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.