Skill UI

This is an expert guideline for creating a modern, Vercel/GitHub-inspired application design system. It provides comprehensive, implementation-ready rules, design tokens, and best practices for building a developer-first dashboard. It covers typography, layout, component states, accessibility (WCAG 2.2 AA), and includes a structured workflow for maintaining visual consistency across the entire application.

Provides comprehensive, expert-level guidelines for building a cozy, cafe-inspired UI design system. It covers style foundations (color, typography, spacing), component anatomy, accessibility (WCAG 2.2 AA), and content tone. Ideal for engineers and designers collaborating on a cohesive, user-centric product experience.

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

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.

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.

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

A comprehensive guide for building a playful, cartoonesque digital interface. It defines brand foundations, style tokens (typography, color, spacing), accessibility requirements (WCAG 2.2 AA), and component-level rules to ensure a consistent, energetic, and user-friendly experience.

A comprehensive guideline for building modern, high-performance, and accessible UI/UX components using a flat, minimalist design philosophy. It defines foundational tokens (colors, spacing, typography), strict rules for component states (hover, focus, error), and adherence to WCAG 2.2 AA standards for engineers and designers.