Skill UI

This skill provides comprehensive, expert-level guidelines for authoring robust design systems. It covers foundational style tokens, strict accessibility requirements (WCAG 2.2 AA), and detailed component anatomy (states, variants, interaction behavior). Use this to create implementation-ready documentation that ensures visual consistency and optimal user experience across all digital platforms.

A comprehensive technical and aesthetic guide for building a modern, high-contrast user interface. This system defines foundational constraints, including color tokens, typography scales, and spacing grids, while rigorously ensuring WCAG 2.2 AA accessibility standards. It provides structured rules for component states, interactions, and development workflow to ensure consistency and superior user experience.

An expert guide for creating comprehensive, implementation-ready design system documentation. This skill generates structured guidelines covering design tokens, typography, spacing, component anatomy, interaction states, and WCAG accessibility criteria, ensuring consistency and quality for developers and designers.

This skill functions as an expert guide for creating comprehensive, implementation-ready design systems. It covers foundational elements like color tokens, typography, and spacing, while strictly adhering to accessibility standards (WCAG 2.2 AA) and defining structured workflows for designers and engineers. Ideal for establishing robust, scalable, and aesthetically premium UI guidelines.

Act as an expert guide for architecting comprehensive, implementation-ready design systems tailored for luxury brands. This skill generates structured guidelines covering style foundations, design tokens, component anatomy, state management, and rigorous accessibility criteria (WCAG). It ensures consistency, adherence to a high-end visual aesthetic, and provides actionable, code-review-ready documentation.

This expert skill guides the creation of comprehensive, highly structured, and implementation-ready design system guidelines based on Material Design principles. It ensures consistency across visual style, accessibility (WCAG 2.2 AA), and component behavior. The output is actionable documentation covering tokens, states, variants, and anti-patterns, suitable for guiding both engineers and designers.

This skill guides the user to act as an expert author of comprehensive, implementation-ready design system guidelines for a cyber-slick, dark, Matrix-inspired interface. It covers foundational constraints, color tokens, typography scales, component anatomy, accessibility requirements (WCAG 2.2 AA), and content standards, ensuring technical rigor and visual consistency for engineering and design teams.

This skill provides expert-level, comprehensive guidelines for building a modern, minimal, and editorial design system. It covers foundational tokens (color, typography, spacing), accessibility standards (WCAG 2.2 AA), and detailed component rules, enabling engineers and designers to build polished, consistent digital products.

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

A comprehensive skill for generating new design screens from text prompts or images, and iteratively editing existing designs. It incorporates advanced prompt enhancement, design tokens, and professional UI/UX terminology to ensure professional, structured, and context-aware design output for web and mobile platforms.