Finn MartenEvery rule states a value, cites whether that value is spec, measured or convention, and says where it stops applying. Reads your project's own tokens before it quotes a default, so a 7px radius in a 7px system is correct rather than a finding.
In the author’s words
Evidence-graded UI constraints with concrete numbers: contrast, type scale, line length, spacing and grids, hit areas, component states, animation duration and easing, surfaces and radius, tokens, icons, empty/loading/error states, and interface copy. Use when choosing a UI value (how much padding, which line-height, what contrast, how big a tap target, how long an animation, what radius on a nested card), when auditing a screen, component, CSS, or JSX for design and WCAG 2.2 problems, when building or reviewing a design system, tokens, or component states, and when someone asks whether a UI "looks right" and the answer needs to be defensible instead of taste. Reference values only. design-engineering and frontend-design own aesthetic direction, sad-paths owns the state-audit workflow.
The description field from SKILL.md, quoted as written.
Read it before you install it
SKILL.md · 188 lines
Install on its own
Or add it to your stack above and install everything at once.
npx skills add https://github.com/Board-ly/ordinary-interfacesClaude Code marketplace
/plugin marketplace add Board-ly/ordinary-interfacesTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Resolves · 1 star, passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- Checked automatically and confirmed.
- Last updated 19 days ago, passed
- Checked automatically and confirmed.
- Credited to Finn Marten, passed
Goes well with
emil-design-eng
The design-engineering house style behind Sonner and Vaul.
Emil's main skill. Mostly animation, with the UI-polish and component judgement that surrounds it: what to build, how far to push it, and when to stop.
npx skills add https://github.com/emilkowalski/skills
review-animations
Reviews your motion strictly, against Emil's rules.
A production-critical pass over animation quality, timing and consistency in a diff. Pairs with improve-animations, which does the same for a whole codebase.
npx skills add https://github.com/emilkowalski/skills --skill review-animations
improve-animations
Audits every animation in a codebase and hands back prioritised plans.
Read-only on source. Surveys the motion you already ship and produces self-contained implementation plans any agent can execute, ordered by what actually matters.
npx skills add https://github.com/emilkowalski/skills --skill improve-animations
Emil Kowalski