Skill UI

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.

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.

An expert design system guideline for implementing modern, playful, and visually deep user interfaces using gradient principles. This guide provides engineers and designers with actionable standards covering color tokens, typography scales, component anatomy, interaction states, and WCAG accessibility criteria.

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 expert skill guides the creation of comprehensive, implementation-ready design system documentation. It establishes foundational rules, component anatomy, accessibility requirements (WCAG 2.2 AA), and brand tokens, ensuring consistency for engineering and design teams across all platforms.

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.

This comprehensive skill guides the creation of actionable, implementation-ready design system guidelines. It establishes foundational tokens, component anatomy, accessibility standards (WCAG), and strict authoring workflows for a playful, approachable UI style (Lingo). Ideal for ensuring enterprise-level design consistency and usability across engineering teams.

This skill is designed to enhance the overall feel and usability of user interfaces. Currently, this file is undergoing Japanese translation. Please refer to the original English skill file for detailed functionality and usage scenarios.

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.