Skill UI

A structured skill for creating single-file, horizontal-swipe HTML decks. Ideal for product overviews, pitch decks, and study materials when a clean, minimalist aesthetic is required. The workflow emphasizes mastering slide rhythm and adhering to design tokens for professional results.

This minimal example demonstrates the structure of an MDA source file, including advanced frontmatter fields (metadata) and how to properly implement relationship-graph footnotes. It serves as a crucial reference fixture for users learning the MDA source format.

This skill addresses vague or ambiguous user requests by initiating a structured, multi-round questioning process. Instead of making assumptions, it systematically clarifies dimensions like audience, scope, tone, and format across several rounds (up to three). This structured approach ensures the resulting output is highly accurate and requires minimal revision cycles.

A comprehensive, expert-level guideline for building Agentic User Interfaces (UIs). This system emphasizes conversational interactions, clear outcomes, and minimal user controls, allowing users to delegate complex tasks to AI. It provides structured rules covering color tokens, typography, accessibility (WCAG 2.2 AA), and component anatomy for professional developers and designers.

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.

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.

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.

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 skill provides expert-level, comprehensive guidelines for building a modern, minimal, and editorial design system. It covers foundational tokens (color, typography, spacing), accessibility standards (WCAG 2.2 AA), and detailed component rules, enabling engineers and designers to build polished, consistent digital products.

This skill establishes you as an expert resource for authoring comprehensive, production-ready design system guidelines. It covers foundational elements like typography, color tokens, and spacing scales, and dictates the structured creation of component-level rules, accessibility requirements (WCAG 2.2 AA), and brand consistency for modern, minimal UIs.