Stop shipping UI that looks generated

What changes

Your agent decides the look before it writes the code

1. 01

   A direction first

   Five lines on the product, its character and the world it belongs to, plus one detail only it has. The defaults every model reaches for are named and refused.

2. 02

   Then nine passes

   Spacing, colour, icons, copy, type, layout, details, visuals, motion, each across the whole screen, with values that come from one owner instead of three opinions.

3. 03

   Then it measures

   Scripts catch the tells, motion loops and French spacing. Contrast and target sizes are checked against WCAG, and the story video shows every ratio change.

In Claude Code

Commands, review agents and a check on every edit

The plugin adds four commands and two read-only agents to the eleven skills, and a hook that checks each file the agent edits.

MCP server

The same checks, as tools for any MCP client

Five read-only tools, with no dependencies and no network. In Claude Code the plugin starts the server for you; other clients run it from npm.

{
  "mcpServers": {
    "molveau-skills": {
      "command": "npx",
      "args": ["-y", "@molveau/skills"]
    }
  }
}

Credits

Built on other people’s best work

The domain skills route to these authors’ open skills, kept as unedited copies with their licences. Thank them first.

• Damir Sokolovskyunslop · CC BY 4.0
• Leonxlnxtaste-skill · MIT
• Emil Kowalskiskills · MIT
• Jakub Krehelskills · MIT
• Paul BakausImpeccable · Apache 2.0
• GreenSockGSAP skills · MIT
• Raphael Salaja12 principles · MIT
• LottieFilesmotion design · MIT
• Benji TaylorStageshow · MIT
• ibelickui-skills · MIT