budge
the tiny design companion for your agent
“add space above X” or “make Y less subtle” gets you 90% of the way there. budge is for the last 10.
budge appears when your agent makes a change to your UI. Tweak the value (padding, margin, color) then copy the result back to your agent to lock it in. It works just like the budge feature in your favourite design tool.
Best viewed on desktop
budge
font size
00px
Reset
Copy
PromptSet font-size to 00px
Usage
Install the skill, then type /budge to invoke it. Ask your agent to make a visual change and budge will appear.
$
npx skills add https://github.com/ben-million/skills --skill budge
Use ↑↓ to nudge the value, ←→ to switch between properties. Press Enter to copy a prompt to your clipboard, then paste it back to your agent. Press Escape to dismiss.
Slide options
PropertyTypeDescription
labelstringDisplay name shown above bar
propertystringCSS property to apply
minnumberMinimum numeric value
maxnumberMaximum numeric value
valuenumberCurrent value
originalnumberValue before the change
unitstring"px", "%", "em", etc.
type"color"?Only set for color properties