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.

StyleSeed is a comprehensive design judgment engine designed to elevate the aesthetic quality of AI-generated user interfaces. It codifies 69 visual rules covering color discipline, spatial rhythm, information hierarchy, and motion feedback. By integrating these principles, developers can ensure that AI output looks professionally designed and polished, rather than simply generated. Includes React components, Tailwind CSS implementation, and actionable design guidelines.

This skill acts as an expert guideline author for creating comprehensive, implementation-ready design systems, specifically tailored for the Codex brand. It enforces principles of radical minimalism, defining foundational constraints, component rules, and accessibility standards to ensure consistent and high-quality UI development.

This skill guides the creation of comprehensive, implementation-ready design system guidelines based on contemporary, minimalist, and high-performance principles. It teaches authors to structure documentation covering design tokens, component anatomy, interaction states, and crucially, adhering to WCAG 2.2 AA accessibility standards, ensuring consistency and usability for both designers and engineers.

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.

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 comprehensive guide acts as an expert framework for developing a complete, accessible design system using Neumorphism principles. It provides structured instructions covering visual foundations, design tokens, component states (default, hover, error, etc.), accessibility requirements (WCAG 2.2 AA), and content standards, ensuring engineers and designers build consistent and highly usable interfaces.

This skill converts a structured markdown file containing multiple slides into a single, self-contained, interactive HTML presentation. It supports advanced presentation features such as Presenter Mode (with speaker notes, clock, and next slide preview), URL-hash deep linking, and print-to-PDF functionality. Ideal for creating professional, browser-based slide decks directly from simple markdown source.

This tool concatenates multiple numbered MP4 segments (e.g., 1_*.mp4, 2_*.mp4) into a single cohesive video file. It provides advanced features like optional fade transitions and automatic normalization of resolution, frame rate, and codecs. Use it when a workflow generates several short clips that need to be seamlessly stitched together into a final, polished reel.

A sophisticated automated loop that uses vision or video models to evaluate subjective aesthetic quality (e.g., timing, color grade, layout). Instead of relying on numeric metrics, the system renders multiple parameterized variants into one artifact, asks the AI to rate them, and suggests optimal values, repeating the process until convergence. Ideal for design iteration where human judgment is the primary success criteria.

A powerful utility that queries multiple free APIs (Pexels, Pixabay, Internet Archive, etc.) in a single query. It retrieves normalized, license-tagged results for real-world, historical, or archival images, videos, and GIFs, making it a peer to local semantic search and generative media tools. Includes specialized scripts for fetching and judging audio.

This advanced skill provides highly structured and actionable feedback on any digital or physical design. It applies professional UX frameworks, including Nielsen's Heuristics, Gestalt principles, and Jobs-to-be-Done (JTBD), to evaluate usability, identify critical issues, and provide prioritized, specific recommendations. Ideal for reviewing wireframes, UI screens, user flows, and assessing product completeness.