ulk-zed-designlisted

# ulk-zed-design > "Un éditeur de code transposé en site doc. La page est un canvas blanc cassé, l'orange est le seul signal qui tape." — Stark (58) ## When to invoke Use this skill whenever you need to generate, edit, or audit UI for the **ulk** project (open-source AI dev toolkit). Specifically: - Editing files in `site/src/` (Astro) - Generating new components for the ulk dashboard or registry - Writing documentation pages that should match ulk's visual identity - Auditing existing UI for compliance (no shadows, single accent, sharp radii) - Producing screenshots, diagrams, or visual references for ulk **Skip this skill** when working on third-party project UI, agent definition Markdown (which has no UI), or pure backend code. ## Philosophy (3 falsifiable principles) ### 1. Single saturated color — orange. The system has **exactly one** saturated color: `#FF6B1F` (orange). Everything else lives in the neutral grayscale. - ✅ Linear violates this with indigo + violet + cyan in feature pills. - ✅ Vercel violates this with green + blue + purple gradients. - The ulk system never does. If you find yourself wanting another saturated color, use a neutral text-3 or surface-2 instead. ### 2. No shadows. Depth via 1px border + surface change. Cards stand out because their `surface_1` is 1px-bordered against the page's `bg`. Modals stand out because they sit on `surface_1` over a dim overlay. Never `box-shadow: 0 4px 12px rgba(0,0,0,.1)`. - ✅ Apple/macOS violates this with cas