Agent skills published by Robin Gastout.
Puts one component on a throwaway page inside your app and lets you look at it three ways from a single panel:
- Variants: genuinely different designs of the component, to compare and pick one.
- States: every state its code can reach, such as loading, empty, error or a plan tier, fed with realistic mock data.
- Stress: the active variant under every hostile scenario that can reach it, such as a 320px container, an unbreakable string, zero items or ten times the usual count, stacked in one column with the breaks marked.
Every variant shares one data contract, so each state and each scenario is written once and feeds every variant. The selection lives in the URL, so every combination is a link: ?__variant=dense&__state=empty.
| Key | Action |
|---|---|
| ← → | Previous and next variant |
| ↑ ↓ | Previous and next state |
S |
Stress view |
H |
Hide the panel |
You get back two tables: the variants, with their position on the design axis, when each one is right, what it costs and how many breaks it showed; and the breaks, with what was seen and which domain owns the fix. atelier never picks a favourite and fixes nothing unless asked. The page stays up until you say you are done, then it is removed with every trace. Without a browser at hand, atelier hands you the URL and the plan, and you do the looking.
/atelier explore three takes on the pricing card
/atelier the onboarding checklist we are about to build
/atelier just check the comment composer, no new variants
atelier only runs when you call it.
With any agent skills.sh supports:
npx skills add robingst/skillsAs a Claude Code plugin:
/plugin marketplace add robingst/skills
/plugin install atelier@robin-gastout
atelier merges three skills by Jakub Krehel, variant, state-machine and break, from jakubkrehel/skills (MIT), into one workbench. Much of their wording, tables and CSS carries over under the same MIT license. Its reports name the domain that owns each fix, and the better-* skills from jakubkrehel/skills are the natural next step to fix them.
MIT, which keeps Jakub Krehel's copyright notice alongside Robin Gastout's.