The make-it-designed skill: polish the page, don't rebuild it
TL;DR
The make-it-designed skill runs a polish pass on a page you already built. It removes at least three things before it adds anything, fixes the type and spacing and color, then adds exactly one signature touch so the page has a point of view. Your content and structure and links stay where they are.
You built something, it works, and it looks like a form. The instinct now is to add: another color, another section, a row of icons, a hero video. That instinct is what made it look cheap in the first place.
The make-it-designed skill runs the opposite pass. It reads the page you already have, finds at least three things to delete, and only then adds one deliberate detail. Your words, your structure, and your links all stay exactly where they are. It's only changing how the thing looks, and it says that out loud before it touches anything.
That one added detail is the part people notice. The skill picks whichever of three fits your page: a hand-drawn underline that draws itself once under three or four words of your headline, an editorial headline treatment with a small kicker line above it, or a single row of real numbers with labels. One of those, once, in your accent color. The skill is one of the free ones in our public freeskills repo.
Cuts three things, fixes the type and spacing, adds one signature touch.
Install the make-it-designed skill
Clone the repo, then copy this folder into your Claude Code skills directory.
bashgit clone https://github.com/duncan-buildroom/freeskills.git
mkdir -p ~/.claude/skills
cp -r freeskills/make-it-designed ~/.claude/skills/Open a new Claude Code session and the skill is live. Nothing to configure, no API keys.
Run it the first time
Type /make-it-designed. It asks for the file path of the page, reads the whole file, then tells you the rule it's working under: refine, not rebuild. It also reminds you that /rewind puts everything back, so you can't break this. If you've already run the design-taste skill from the same repo, it reads your saved design file and uses your palette and fonts instead of picking new ones.
First it shows you the list of what it cut and why, one line each. Then it makes the changes in place at your original path, adds the one signature touch, and writes a change log to ~/design-notes/<page-name>-polish.md. A good first result is a page that looks emptier and reads clearer, with one thing on it that surprises you. Open it, then give it one reaction in plain English. It makes one round of edits from that and stops.
Polish the page you already have
The straight run. Tell it what the page is for and what you want people to do on it, because that decides what stays loudest.
/make-it-designed
My page is at [~/sites/your-folder/index.html].
It's a [what it is, e.g. sales page for my $200 photography package].
The one thing I want someone to do is [e.g. tap Book a shoot].
It currently looks [describe it, e.g. like a 2009 form].
Refine it. Don't rebuild it.React in plain English and let it fix it
After you open the page, describe the feeling, not the code. One word is enough to redirect the whole thing.
I opened it. Here's my honest reaction: [e.g. the headline still feels small, and the whole page feels cold].
Make one round of changes from that and tell me what you changed.Get the change log so the next page matches
The change log is what stops your next build from looking unrelated to this one. Ask it to hand you the reusable version.
Show me ~/design-notes/[page-name]-polish.md.
Then write me one short paragraph I can paste at the start of any future build prompt so my next page uses the same fonts, sizes, spacing, and colors as this one.The 60-second version
The out-loud version of what this skill does and why the fix is removal, not more stuff. About 60 seconds.
- 1Hook: there's a brand new free Claude skill that takes you from a page that looks like a default template to a page that looks like somebody designed it, without rebuilding anything.
- 2Mechanism: you point it at a page that already works, and it deletes three things before it adds one, the extra colors, the shadows doing nothing, the second button competing with the first. Then it fixes the four that decide how a page reads, the two fonts, the spacing scale, the palette, and what's loudest on the screen. Last it adds exactly one signature touch so the page has a point of view.
- 3Transformation: you stop being the person whose stuff obviously came out of a generator. Your page has a look, and you've got the change log to reuse it on the next one.
- 4Close: the skill is free, like the other 54 in the repo. Making everything you build look like it came from the same person is the longer job, and we run that inside Claude Code Club. $9 a month, link's below.
Tonight: run it on the last page you built, open the result, and give it one honest sentence about what still feels wrong.
Common questions
Do I need to know how to code?
No. Claude edits the file in place. You describe what you see in plain words and it makes one round of changes from that.
Will it rewrite my content?
No. Your content, your structure, and your links stay exactly where they are. It only changes how the page looks.
What if I hate the result?
Type /rewind and it goes back. The skill tells you that before it edits anything, for exactly this reason.
Can I have more than one signature touch?
No, and the skill will say so once. The touch works because it's the only surprise on the page. Two of them cancel each other out.
What if my page is actually broken, not just plain?
Then this is the wrong skill and it'll tell you. Fix the structure first. If the problem only shows up on phones, run mobile-check from the same repo.
Keep going
Want a look that's yours on everything you build?
Get 650+ plug-and-play skills, MCPs & prompts, plus 7,000+ members - $9/mo, cancel anytime.
Join the Club