UI Filosphy — Design skill for Claude Code

UI-Filosphy

**The frontend design skill that sees its own work.** Grounded in HCI research, timeless craft canons, clarity grilling, and automated visual verification. Compatible natively with **Open Design**, **Claude Code**, and **OMP**.

[](https://opensource.org/licenses/MIT) [](https://www.python.org/downloads/) [](https://playwright.dev/) [](https://github.com/nexu-io/open-design)

---

The Problem: Why AI-Generated UIs Look Like Slop

The market has solved code generation and MCP connectivity, but **completely neglected taste and process**.

When coding agents generate frontends in one shot without structured reference or visual feedback, they succumb to severe **design fixation**:

• Empirical Evidence: A controlled CHI 2024 study (Wadinambiarachchi et al., N=60) proved that raw generative prompting causally worsens design fixation (Bayes Factor 124 — "extreme evidence"), drastically collapsing variety and originality.
• The Slop Convergence: Without grounding, every model converges to the same sterile visual defaults: warm cream background (#F4F1EA), terracotta serif accent (#D97757), identical SaaS cards with rgba(0,0,0,0.1) shadows, Inter-only typography, and ALL-CAPS spaced eyebrows.

**UI-Filosphy** breaks this convergence. It turns your coding agent from an unguided code generator into a disciplined senior design engineer that interrogates your requirements, pulls measured references, explores three distinct structural directions, and visually verifies its own rendering before you ever see it.

---

Core Philosophy: The Three Laws

         ┌─────────────────────────────────────────────────────────┐
         │ A good i