Skill UI

Generates structured DESIGN.md files that serve as a single source of truth for AI-powered screen generation (Google Stitch). This skill translates complex, anti-generic design directives into precise semantic rules, covering typography, color calibration, motion physics, and layout principles to enforce a premium, high-agency UI/UX standard. It ensures outputs are sophisticated and avoid common AI design clichés.

Generate a comprehensive, multi-screen mobile onboarding prototype displayed in a side-by-side HTML format. This tool is perfect for designing the initial user experience (UX) flow, covering splash screens, value proposition details, and final sign-in steps. Ideal for apps needing a polished debut experience.

A powerful, provider-agnostic skill dedicated to generating high-quality, single-image assets such as posters, key art, and editorial illustrations. This tool utilizes a structured, multi-step prompt composition workflow (Subject, Lighting, Palette, Camera) to ensure cinematic and artistic consistency, regardless of the underlying AI model (Flux, Imagen, Midjourney). Ideal for designers needing professional-grade visual concepts.

This skill serves as an expert design-system guideline author, providing comprehensive, implementation-ready guidance for the Bento grid layout. It defines design tokens (color, spacing, typography), component anatomy, state management, and strict accessibility standards (WCAG 2.2 AA). Use this to create highly structured, scalable, and consistent UI/UX documentation for engineers and designers.

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 comprehensive skill provides expert, implementation-ready guidelines for creating a futuristic, sci-fi-inspired UI/UX design system. It details foundational tokens (color, spacing, typography), establishes strict component rules (states, interactions), and mandates adherence to WCAG 2.2 AA accessibility. It ensures that all designs are visually consistent, highly structured, and premium in feel.

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.

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 skill provides comprehensive, production-ready guidelines for establishing a design system based on a playful, arcade-inspired aesthetic. It covers visual foundations (VT323 typeface, color tokens), detailed component rules, accessibility standards (WCAG 2.2 AA), and a structured, expert workflow for design documentation. Ideal for leading design and engineering teams to ensure consistent, high-quality UI/UX implementation.

This skill provides expert guidance on creating comprehensive, implementation-ready design system documentation. It covers visual foundations (color, typography, spacing), component anatomy, interaction states, and rigorous accessibility standards (WCAG 2.2 AA). Use it to ensure product consistency and quality across engineering and design teams.

This comprehensive guide provides expert, implementation-ready design system guidelines for creating a high-contrast, playful, and premium user interface inspired by Tetris. It covers typography, color tokens, spacing, accessibility (WCAG 2.2 AA), and a detailed component authoring workflow, ensuring consistency and usability across all platforms.

Act as an expert guide author specializing in the Vintage design aesthetic (1950s–1990s). This skill provides comprehensive, implementation-ready guidelines for creating design systems, covering visual tokens, component anatomy, accessibility standards (WCAG 2.2 AA), and strict writing rules. It ensures output is structured, opinionated, and highly practical for engineers and designers.