Hand-Built Look

Purple gradients, three equal cards, a label above every heading, copy that says nothing. This skill scores an existing page against 21 fingerprints of generated design, then fixes them in order of impact while your URLs, nav and forms stay put.

Audit firstScreenshots at 1280px and 375px, then a keep list: brand colour, URLs, nav labels, form fields, analytics ids.

21-point scoreVisual, layout, copy and motion fingerprints. 0 to 4 looks cared for, 10+ looks generated.

Fix in orderCopy, then type, colour, rhythm, visuals, motion. It stops when the score drops under 5.

NeverChanges URLs or form names without asking, lowers contrast, or swaps one cliche for another.

Self-checkBefore/after screenshots side by side, the new score, every link clicked, page works with JavaScript off.

Read it before you run it.

A real excerpt from the file you download.

Pairs well with Landing Page Builder, Premium Motion, Launch Check.

hand-built-look/SKILL.md

### Fingerprint checklist
Layout
- (x2) A row of three identical cards, each an icon,
  a title and two lines.
- An uppercase, letter-spaced label above nearly
  every section heading.
Copy
- (x2) Invented testimonials, logos of companies that
  are not customers, or made-up stats.

Questions

What is a skill?

A folder with a SKILL.md file of instructions. Claude reads it when your request matches, so it follows the same tested process every time instead of improvising.

Where does it work?

Claude Code (unzip into ~/.claude/skills/) and Claude.ai on web and desktop (Settings, Capabilities, Skills, upload). Skills need a plan with code execution turned on; Claude Code covers most people building sites.

Which frameworks?

Plain HTML and CSS, React and Next.js. The skills read your project first and match what is there.

Can I use them on client work?

Yes, on unlimited personal and client projects. Please don't resell or share the files.

What if it doesn't work?

If a skill is faulty or doesn't do what its page describes, email us within 14 days and we fix it or refund you. Details in the refund policy. Refund policy.