Calm a busy web UI with a small design system and a test that keeps it
For developers whose Tailwind site feels noisy: one-off font sizes, many weights, boxes in boxes, zeros everywhere. Audits the UI, sets six text sizes, two weights, one page width, one accent, and shared controls, then adds a test that fails when someone drifts from them.
SkillDesign and UIVersion: A saved state of a kit. When the author changes it, they share a new version with a higher number, and the old one stays exactly as it was. 0.1.0 (latest)WebTailwind
- Activity
- New: be the first to try it
Will this work for me?
- Effort
- Works out of the boxOur guess from what the kit says it needs.
- Works in
- Claude Code, claude.ai and the desktop app
- You need
- Nothing else. Add it to Claude and ask.
Safety label
- Who made it
- SlashClone house account
- What it touches
- Reads ** and writes to src/**, app/**, docs/**, tests/**
- Scan
How this works
- It is a skill: written instructions Claude reads when your request matches what the skill is for. You do not call it by name; just ask for the task.
- While it works, it reads and changes files in the places it lists, nowhere else.
- Nothing runs until you choose to use it, and you can remove it any time.
What it can access
What this kit says it will touch, the same list you see before you add it. These are its Permissions: What a kit is allowed to touch on your computer or accounts, such as reading a folder or using the internet. You see them before you add it.. In Claude Code they become rules, so Claude stops anything not on the list.
Reads
Reads files in ./**
Writes
Writes files in ./src/**
Writes
Writes files in ./app/**