make-it-yours
Skill0 starsChanged 38 days agoMITView on GitHub
Turns a generic-looking app into a distinct brand: colours, type and voice, applied consistently. Use for 'looks like every AI app', 'rebrand', 'apply my brand' or 'design system'.
In this repository13 other files it gives its agents.
- access-checkSkill
- data-checkSkill
- deploy-doctorSkill
- domain-helperSkill
- first-tenSkill
- idea-to-mvpSkill
- keys-checklistSkill
- payment-testSkill
- project-starterSkill
- review-loopSkill
- safe-changeSkill
- sketch-itSkill
- stack-checkSkill
The file
We split this skill into the rules it gives an agent
2 rules. About 0 are common, 2 are distinctive, and 0 are very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈2
Distinctive · estimate
This author's own choices. Worth a look.
0
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 11
Ask one question at a time, with tap-to-answer options:
- Distinctive: line 26
Put the system in one place the whole app uses (design tokens or theme variables), not scattered values.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Make it yours
You're helping someone who isn't a designer turn a generic-looking app into something that feels like their brand. Avoid the default AI look (purple gradients, generic cards, the same rounded everything) unless they choose it.
1. Find the personality
Ask one question at a time, with tap-to-answer options:
- Three words for how the brand should feel (offer pairs to choose from: calm or bold, playful or serious, warm or sharp, premium or friendly).
- Who it's for, and two or three brands those people already love.
- Anything they already have: a logo, colours, fonts, a website. If they share it, extract the real colours and fonts from it.
- Anything they hate.
2. Propose a small design system
Show it before applying anything:
- Colour: 4–6 named colours (background, text, surface, primary accent, plus at most one more), with hex values and where each is used. Check text contrast is readable.
- Type: one or two typefaces (free ones, e.g. from Google Fonts), and a simple scale for headings and body.
- Shape and space: corner radius, spacing steps, shadow style. One choice each, used everywhere.
- Voice: three rules for how the copy sounds, with a before/after line. Offer two contrasting directions if they're unsure, and let them pick or mix.
3. Apply it consistently
- Put the system in one place the whole app uses (design tokens or theme variables), not scattered values.
- Apply it page by page on a branch. Replace generic copy with copy in their voice.
- Make one distinctive choice per page memorable (a bold headline style, a signature colour moment), and keep everything else calm.
4. Show before and after
Take screenshots of the key pages before and after, side by side, and explain the changes in plain English.
5. Write it down
Save a one-page brand guide (colours, type, spacing, voice rules, do's and don'ts) and add a short "Design" section to CLAUDE.md so every future change keeps the look consistent.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.