Skill UI

This skill generates expert, implementation-ready design system guidelines based on the Brutalism aesthetic. It covers foundational elements like color, typography, and spacing, while enforcing rigorous rules for accessibility (WCAG 2.2 AA) and component consistency, providing actionable standards for engineers and designers.

This skill provides comprehensive, production-ready guidelines for building a consistent design system. It covers the brand's authoritative, research-journal aesthetic, defining typography, color tokens, component anatomy, and mandatory accessibility criteria (WCAG 2.2 AA). It ensures all UI elements adhere to technical and aesthetic standards.

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.

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.

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

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.

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.

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