Skill UI

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

This skill provides expert, implementation-ready guidelines for developing a Neobrutalism design system. It covers all foundational elements, including color tokens, spacing scales, and typography, while enforcing WCAG 2.2 AA accessibility standards. Use it to ensure consistency and clarity in creating high-contrast, modern UIs for both designers and engineers.

This comprehensive guide teaches how to author rigorous, implementation-ready design system documentation. It establishes foundational tokens (colors, spacing, typography) and defines component anatomy across all states (e.g., default, focus-visible, error). The focus is on creating accessible, high-contrast, bold interfaces that comply with WCAG 2.2 AA standards.

This comprehensive guide acts as an expert framework for developing a complete, accessible design system using Neumorphism principles. It provides structured instructions covering visual foundations, design tokens, component states (default, hover, error, etc.), accessibility requirements (WCAG 2.2 AA), and content standards, ensuring engineers and designers build consistent and highly usable interfaces.

A comprehensive design system guide built around the retro, high-contrast, 8-bit aesthetic of Pac-Man. This document provides implementation-ready rules, defining foundational tokens (color, spacing, typography), accessibility standards (WCAG 2.2 AA), and detailed component anatomy. It serves as the single source of truth for engineers and designers to ensure consistency and quality across all product touchpoints.

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.

A comprehensive guide for creating a robust design system based on perspective techniques. It details foundational tokens (color, typography, spacing), component rules (states, variants), and accessibility criteria (WCAG 2.2 AA). Use this skill to ensure scalable, realistic, and highly usable UI components with structured implementation.

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.

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.