/boring-ui skill

Gives your coding agent the components and the craft behind them, then puts both to work on your project.

Installation

One prompt for your coding agent: it installs the skill, then audits your project with it.

What it does

  1. Read your stack

    To understand your project.

  2. Suggest 2 to 5 upgrades

    Ranked by what your users will notice.

  3. Align your UI

    Installs what fits, matches the rest.

What it knows

The craft behind every component, distilled from its implementation and code comments: exact values, interaction rules, edge cases, and why each detail matters. Once the BoringUI components are in place, your agent uses this knowledge to apply the final layer of craft to your interface, from spacing and alignment to motion and feedback.

Examples

What your agent writes on its own, next to what it writes with the skill.

Tabs

Active labels get heavier without shifting neighboring tabs.

Generic AI output
With the skill

Menu

One highlight follows your pointer smoothly between menu items.

Generic AI output
With the skill

Copy field

Hover and click anywhere on the text to copy.

npx skills add https://github.com/MaybeMonad/vaexu/tree/main/apps/boring-ui/skills/boring-ui --skill boring-ui -g -y
Generic AI output
With the skill

Button press

Button surfaces inset by 1px per side without scaling the label.

Generic AI output
With the skill