Skill UI

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

This skill establishes you as an expert resource for authoring comprehensive, production-ready design system guidelines. It covers foundational elements like typography, color tokens, and spacing scales, and dictates the structured creation of component-level rules, accessibility requirements (WCAG 2.2 AA), and brand consistency for modern, minimal UIs.

This comprehensive skill provides expert guidelines for authors building a Retro-themed design system. It establishes foundational rules, including high-contrast color palettes, expressive typography scales (e.g., Macondo), and structured spacing tokens. It ensures strict adherence to WCAG 2.2 AA accessibility standards and outlines a rigorous workflow for component development, allowing engineers and designers to build consistent, visually rich, and usable UIs with a unique vintage flair.

This skill provides comprehensive, production-ready guidelines for establishing a design system based on a playful, arcade-inspired aesthetic. It covers visual foundations (VT323 typeface, color tokens), detailed component rules, accessibility standards (WCAG 2.2 AA), and a structured, expert workflow for design documentation. Ideal for leading design and engineering teams to ensure consistent, high-quality UI/UX implementation.