brand a project from its own parts
brand-it-seven.vercel.app

A skill for coding agents that brands a project the way hex and commonplace were made: name, wordmark, palette, type, site, link preview, README header, launch post and launch video, all built as code from the product's own parts.

The rules are what was actually said to agents while those were built, and the mistakes they kept making. It points at those projects' folders and saves, so read it as a worked method, or fork it and point it at yours.

npx skills add AVGVSTVS96/brand-it

Then open a project in Claude Code and say "brand it".

SKILL.md        the method: the bar, the steps, words, fidelity, checks
refs.md         saved references, and how an agent pulls more
video.md        launch videos: HTML scenes on one clock, rendered frame by frame,
                sound built from the same clock
scripts/
  shoot.mjs     a page at 45 widths from 320 to 1920 in light and dark,
                flagging overflow and colors that fight; screen-high tiles
                to read at real size; exact renders for OG images and icons
  video.mjs     any page with window.seek(t): stills, contact sheets,
                a -14 LUFS soundtrack, a BT.709 mp4 in 5 s parts that resume

The scripts need Bun, Chrome and ffmpeg. Bun installs puppeteer-core on first run.

Made this way

hex	Claude Code as your personal assistant	hex-sand.vercel.app
commonplace	your personal data kit for agents	commonplace-eight-sable.vercel.app
brand-it	this skill, branded with itself	brand-it-seven.vercel.app

MIT