# interface-kit

> Claude/Codex skill by [@juliusbrussee](https://omgskills.com/library/juliusbrussee/index.md) · 166 stars · Updated 2026-08-07

Authoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principles, spatial design, typography, color systems, and component craft into a single actionable reference. Complements the design-system skill (which covers DESIGN.md spec writing) by covering the HOW of implementation. Trigger phrases: "build UI", "create component", "landing page", "make it look good", "frontend", "design", "polish UI", "implement design", "make it beautiful", "UI implementation", "component styling", "animation", "accessibility"

## Install

```sh
git clone https://github.com/JuliusBrussee/skills /tmp/skills && ln -s /tmp/skills/skills/interface-kit ~/.claude/skills/interface-kit
```

## From README

Interface Kit: Implementation Guide for Exceptional Interfaces If a DESIGN.md exists at the project root, its tokens and specifications override all defaults in this skill. This skill provides sensible defaults for when no design system exists, and implementation guidance that applies regardless. For deep dives on any section, see the reference files in this skill's references/ directory. --- Core Philosophy Taste is trained, not innate. Study why great interfaces feel right. Deconstruct apps you admire — the spacing, the timing, the weight of a shadow. The gap between "fine" and "exceptional" is built from hundreds of micro-decisions that users feel but never consciously notice. Unseen details compound. A single rounded corner, a single eased transition, a single well-chosen shadow — none of these matter alone. Together they become "a thousand barely audible voices singing in tune." The cumulative effect is what separates craft from output. Beauty is leverage. Polish is not vanity.

## Links

- HTML page: https://omgskills.com/library/juliusbrussee/skills/interface-kit/
- GitHub: https://github.com/JuliusBrussee/skills
- Author: [@juliusbrussee](https://omgskills.com/library/juliusbrussee/index.md)

## More from this repo

- [caveman](https://omgskills.com/library/juliusbrussee/skills/caveman/index.md) — Ultra-compressed communication mode.
   - [@juliusbrussee](https://omgskills.com/library/juliusbrussee/index.md) · 166 stars
- [context-canary](https://omgskills.com/library/juliusbrussee/skills/context-canary/index.md) — Used to install a per-turn canary signal (e.g.
   - [@juliusbrussee](https://omgskills.com/library/juliusbrussee/index.md) · 166 stars
- [grill-me](https://omgskills.com/library/juliusbrussee/skills/grill-me/index.md) — Calibrated grilling session for stress-testing a plan, design, idea, or decision.
   - [@juliusbrussee](https://omgskills.com/library/juliusbrussee/index.md) · 166 stars