Skill UI

Automates D2 diagram creation guidance for visual content requests, offering best practice patterns, ready-to-use code/config snippets, and validation against standards whenever users mention the tool or need chart/diagram support.

Automates guidance for technical diagram analysis, offering best practices for diagrams, charts, presentations, and validating code or visuals to meet visual documentation standards.

This advanced skill is designed to generate high-quality, publication-ready academic illustrations and diagrams. It utilizes a sophisticated, multi-stage iterative workflow involving Claude for planning, layout optimization, and strict visual review, combined with a dedicated local Codex app-server bridge for native image rendering. The process ensures that generated figures meet the rigorous aesthetic and structural standards required for top-tier conferences and journals (e.g., CVPR, NeurIPS).

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.