Skill UI

Create high-fidelity prototypes, interaction demos, slides, and motion concepts in HTML. Use it for UX mockups, design exploration, animated presentations, and polished video-ready visuals with iterative review and export workflows.

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.

This skill acts as an expert guide for creating comprehensive, implementation-ready design system documentation for enterprise applications. It mandates the generation of detailed guidelines covering style foundations, component anatomy, interaction patterns, and accessibility (WCAG 2.2 AA). It ensures the design is consistent, professional, and optimized for complex, data-driven workflows.

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.

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