Skills
Claude Code skills that came out of real builds. Each one was written after doing the work by hand, then tested by giving the same task to a fresh agent with and without the skill. Install one and Claude Code loads it on its own whenever a task matches its trigger.
🧰Skills
Each name opens its SKILL.md. Copy a row’s install command to add just that skill.
| Skill | What it does | Files | Install |
|---|---|---|---|
🃏 Building a flip-card hero building-flip-card-hero | A left/right hero whose right side is a card that flips between the user's document and the data your product makes from it, on click and on a timer. Loads when a landing page hero needs a left/right split (headline and CTAs on the left, a main image or visual on the right), or when asked for a hero image or card that flips, turns over or animates between two states on click and on its own. | ||
🏢 Adding a corporate footer adding-corporate-footer | A large multi-column footer in the site's own design language, with only real links, an honest disclaimer, and a shared structure across sibling sites. Loads when asked to give a website a larger, corporate-looking, "real company" or multi-column footer, especially across several sibling sites or brands that share a product family. | ||
✉️ Adding email link sign-in adding-email-link-sign-in | Passwordless email-link sign-in for a Next.js 16 site, with users upserted into Neon Postgres. Ships the working Auth.js, Drizzle and SES files and a way to test the whole flow without an inbox. Loads when a Next.js App Router site needs passwordless email sign-in ("magic link", "email link login", "sign in with email") with users stored in Postgres or Neon, especially on Next.js 16 with Cache Components. | ||
📰 Building a keyword-driven blog building-keyword-driven-blog | A blog for each of several sibling Next.js sites, planned from Google Ads keyword data, with uneven category sizes, posts stored in each site's own Neon database, and a content check that fails the build. Ships the whole engine and the planner, writer and reviewer briefs. Loads when asked to add a blog to one or more Next.js sites from Google Ads keyword data ("make a blog like moneyos.cc/blog", "fetch keywords and write posts", a blog per sibling site), with posts stored in each site's own Neon Postgres database and category sizes that should look hand-made rather than generated. |
|