Free Claude Code kit

The Design Genius Kit

The folder that turns Claude from generic, templated design into a designer with taste. Three levels: kill the text slop, feed it a real design reference, then let it generate its own assets. Works on any site or app you ask Claude to build, and the skills run on other models too.

A dark 3D render of the Claude Code mascot pushing a coral sweep across a floating browser window, turning a generic purple template page into a premium dark landing page, captioned MAKE CLAUDE A DESIGN GENIUS with DESIGN GENIUS in coral
Get it free →

Taste as files, not vibes

Your voice, your design tokens, and your brand rules live in the folder. Claude reads them before every page, so the second page looks like the first and nothing drifts back to purple gradients.

Three levels, each one a prompt

Humanize the copy, freeze a reference into a design system, generate your own images and animation. Every level is one thing you say to Claude, and the exact words are on this page.

Model agnostic and yours to keep

The skills and the brand kit are plain markdown. They run in Claude Code, Grok, Codex, or whatever you use next. Clone the folder once and it is yours.

What's inside

  • The kit folder from GitHub: voice file, design folder, three skills, and the kie connector already wired
  • voice.md, the brand voice template that stops the AI copy, plus the humanizer skill that filters it
  • The /design loop: paste a reference, iterate the mockup, freeze it into tokens.css and brand.md
  • The design-intelligence skill: curated palettes, type pairings, and the anti-slop checklist Claude reads before it builds
  • The scroll-hero skill: storyboard, stills, and a Seedance clip, gated so you approve every spend
  • The exact prompts from the video, copy and paste, for each level

Questions

Do I need to be technical?

No. You clone a folder and talk to Claude in plain English. The skills do the technical part. If you only want better copy and design, you never touch a terminal beyond opening the folder.

Do I have to pay for anything?

The kit is completely free.

Is this the same as the 3D Webpage Kit?

No. The 3D kit builds one type of page, the scroll-animated product page. This kit is the method underneath: how to give Claude taste so anything it designs looks made by a person. It includes the scroll-hero skill, so you can do both.

Does it only work with Claude?

The skills and the brand kit are markdown files, so any agent that reads a folder can use them. The /design mockup step is a Claude feature. Everything else runs in Codex and other tools too.

Get it free. Where should we send it?