/coleoni-interface

The whole interface, reviewed. One list, one order of work.

One page, every angle: the finish, the type, the colors, the grid, the words and whether everyone can use it. The skill runs the Coleoni specialists on the same page, merges what they find into one list ordered by severity, groups it by cause, and fixes it in an order that doesn’t redo work.

npx skills add c0le0ni/skills --skill coleoni-interface
View on GitHub
Claude Code, Codex, Cursor, Gemini CLI and more 6 areas One list by severity Tokens first, then components
The interface review of a cake order page: findings by area and severity The cake order page before the review The same page after one pass of tokens and components Every finding in one list, tagged with the skill that found it
Example

Twenty-nine findings. One cause.

The bakery’s cake page, built section by section. Seven radii, thirteen font sizes, three greens, three edges, a fake button and a font nobody loaded: most of it one missing thing, tokens. After one pass, the only thing left is a dark mode nobody asked for.

review
$ /coleoni-interface cakes.html

  polish   1 · 7 · 0
  type     1 · 2 · 4
  color    4 · 2 · 1
  layout   1 · 2 · 0
  copy     0 · 0 · 0
  a11y     0 · 3 · 1

  7 fix first · 16 to fix · 6 worth a look
29 → 1findings
6areas in one pass
1cause behind most of it
0findings to fix first after
How it works

Specialists, then a lead.

Each area runs its own skill, with its own crops and full report. The review reads them all like a lead would.

  1. Runs the family

    Polish, type, color and layout, plus copy and accessibility when installed, all on the same page.

  2. Merges the findings

    One list by severity, each tagged with its skill. A problem two skills find is reported once, by the specialist.

  3. Groups by cause

    Seven radii, seventeen spacings and three button styles are one cause: no tokens.

  4. Orders the work

    Blockers first, then tokens, then components, then copy, so nothing is done twice.

  5. Leaves things on purpose

    Some findings are choices; it names the ones it would keep.

  6. Fixes, if you ask

    Following each skill’s own playbook, then runs the review again.

Install

Install the family together.

The review runs the skills installed next to it. Missing ones show in the report with the command to add them.

AgentClaude Code, Codex, Cursor…
Node.js18 or newer
Chrome or Edgealready on the machine
01Install
npx skills add c0le0ni/skills --skill coleoni-interface
02Use it in your agent
/coleoni-interface https://yoursite.com
For your whole user, not just the project-g
Claude Code only-a claude-code
Codex only-a codex
Every Coleoni skillnpx skills add c0le0ni/skills
Examples

Before a launch, a pitch or a redesign.

It shows the review first.

Install the whole family at once.

npx skills add c0le0ni/skills --skill coleoni-interface --skill coleoni-polish --skill coleoni-type --skill coleoni-color --skill coleoni-layout --skill coleoni-copy --skill coleoni-a11y

Review a page.

/coleoni-interface https://yoursite.com

Review and fix in order.

/coleoni-interface the checkout, fix it in order

Only some areas.

/coleoni-interface the dashboard --only polish,color
Options

The engine, from the terminal.

node interface.mjs https://yoursite.com --out interface-report

OptionWhat it does
--only a,bOnly these areas: polish, type, color, layout, copy, a11y
--lang en|ptLanguage of the reports

One review instead of six opinions.

npx skills add c0le0ni/skills --skill coleoni-interface