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.

A comprehensive design system guide for building modern, high-density, and data-rich dashboards. It establishes foundational rules covering dark-themed aesthetics, modular grids, typography, color tokens, and rigorous accessibility standards (WCAG 2.2 AA). Ideal for engineers and designers building complex cloud-platform interfaces for optimal productivity and data analysis.

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 provides expert guidance for authoring comprehensive, implementation-ready design systems tailored for enterprise cloud platforms. It covers foundational constraints, style tokens (color, typography, spacing), accessibility standards (WCAG 2.2 AA), and structured workflows required to build complex, data-intensive, and highly productive user interfaces.

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.

A comprehensive guide for building a playful, cartoonesque digital interface. It defines brand foundations, style tokens (typography, color, spacing), accessibility requirements (WCAG 2.2 AA), and component-level rules to ensure a consistent, energetic, and user-friendly experience.

A comprehensive guideline for building modern, high-performance, and accessible UI/UX components using a flat, minimalist design philosophy. It defines foundational tokens (colors, spacing, typography), strict rules for component states (hover, focus, error), and adherence to WCAG 2.2 AA standards for engineers and designers.

Acts as an expert guide to create comprehensive, implementation-ready design systems using a futuristic aesthetic. It defines foundational elements—including colors, typography, and spacing—and dictates component rules, accessibility standards (WCAG 2.2 AA), and structured documentation workflows. Ideal for UX designers and engineers building modern, sleek, and highly functional user interfaces.