Skill UI

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.

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.

An expert AI designed to author comprehensive, implementation-ready design system guidelines specifically for editorial layouts. It structures documentation covering style foundations, component anatomy, accessibility requirements, and content tone, ensuring consistency and high usability in magazine-inspired UIs.

A comprehensive guide for authoring high-quality, implementation-ready design systems. It covers foundational elements like color, typography, and spacing, alongside detailed rules for component anatomy, state management, and WCAG 2.2 AA accessibility, ensuring consistency and sophistication.

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

An expert guideline for authoring comprehensive, implementation-ready design systems. This skill defines a vibrant, playful, and structured UI language, covering foundational tokens (color, typography, spacing), component anatomy, and WCAG 2.2 AA accessibility standards. It ensures consistency and clarity for engineers and designers.

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 expert skill guides the creation of comprehensive, implementation-ready design system documentation. It establishes foundational rules, component anatomy, accessibility requirements (WCAG 2.2 AA), and brand tokens, ensuring consistency for engineering and design teams across all platforms.

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.