Skill UI

This skill performs a rigorous, 5-dimension expert critique on any digital artifact, such as landing pages, presentations, or prototypes. It systematically evaluates five critical areas—Philosophy, Visual Hierarchy, Detail Execution, Functionality, and Innovation—scoring each 0-10. The output is a comprehensive, evidence-backed HTML report providing actionable insights, a radar chart, and prioritized lists (Keep/Fix/Quick-wins) to guide systemic design improvements.

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.

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 is an expert guideline for creating a modern, Vercel/GitHub-inspired application design system. It provides comprehensive, implementation-ready rules, design tokens, and best practices for building a developer-first dashboard. It covers typography, layout, component states, accessibility (WCAG 2.2 AA), and includes a structured workflow for maintaining visual consistency across the entire application.

An expert guide for creating comprehensive, implementation-ready design systems based on an expressive, high-contrast artistic style. It covers design tokens, component anatomy, advanced accessibility standards (WCAG 2.2 AA), and structured content guidelines for engineers and designers.

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.

This skill provides comprehensive, production-ready guidelines for building a consistent design system. It covers the brand's authoritative, research-journal aesthetic, defining typography, color tokens, component anatomy, and mandatory accessibility criteria (WCAG 2.2 AA). It ensures all UI elements adhere to technical and aesthetic standards.

This comprehensive guide provides expert-level, implementation-ready guidelines for developing a cohesive Claymorphism UI. It defines foundational design tokens (color, typography, spacing), establishes component anatomy and states, and mandates adherence to WCAG 2.2 AA accessibility standards. Use this resource to ensure consistency and quality across all digital products adopting the soft, puffy, 3D-like clay aesthetic.

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.

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.