Skill UI

This comprehensive guide provides expert-level, implementation-ready guidelines for developing a cohesive Claymorphism UI. It defines foundational design tokens (color, typography, spacing), establishes component anatomy and states, and mandates adherence to WCAG 2.2 AA accessibility standards. Use this resource to ensure consistency and quality across all digital products adopting the soft, puffy, 3D-like clay aesthetic.

This skill provides comprehensive guidelines for building a clean, minimalist, and highly usable design system. It covers foundational elements including typography, structured color tokens, spacing grids, and strict adherence to WCAG 2.2 AA accessibility standards. The output is structured for immediate implementation by engineers and designers, ensuring consistency and clarity across all product screens.

Provides expert guidance for building professional, scalable, and brand-aligned design systems. It covers foundational tokens (color, typography, spacing), component anatomy, accessibility standards (WCAG 2.2 AA), and structured content writing rules, ensuring design consistency and high quality for large-scale enterprise products.

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

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

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

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.

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.