Skill UI

This skill guides the creation of world-class, immersive web designs, aiming for Awwwards-level quality. It emphasizes intentional typography, purposeful motion, and sophisticated visual composition. Users can leverage the detailed scoring rubric (Typography, Composition, Motion, etc.) to review and elevate existing designs, ensuring every pixel is deliberate and performance-optimized.

Guides frontend designer-engineers to deliver memorable, production-ready interfaces by defining an aesthetic stance, scoring feasibility with DFII, and translating every intentional decision into code, typography, motion, and texture.

Generates publication-quality academic figures through a multi-stage workflow: Claude plans and reviews, while a local Codex app-server bridge renders images with native image generation. Iterates with strict scoring until the figure is paper-ready.

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.