Claude Code Club
Skills

Site Kit: The Free Claude Code Skill That Builds an Animated Website From One Prompt

3 minute readUpdated October 2026Explore more

TL;DR

Site Kit is a free Claude Code plugin from the club that builds a $10k-class animated website for any brand. We install it with two lines, run /build-site, and Claude interviews us, fills the config, renders the assets and ships the site. It is already built, so we just grab it.

Learn Claude Code. Earn income. Only $9.

👉 https://www.skool.com/claudecodeclub

Install Site Kit and Build Your Animated Site

We did not want a plain template, so we packaged the whole thing for you. Site Kit gives you the quality floor, and you bring one config and your assets. Install it, run /build-site, and Claude walks you through the rest. Every site ships as a self-contained folder with the HTML, the engine, and every video and image, so it deploys like any static site.

We checked every link and star count live on October 1, 2026. Star counts move every day.

1. Site Kit: Build a $10k-class animated website from one prompt

iyography/site-kit

1 stars · Build a $10k-class animated website from one prompt

Site Kit is the Claude Code Club plugin for building a $10k-class animated website for any brand. The engine holds the quality floor, and you supply one config (site.config.mjs) and your assets. Run /build-site and it interviews you, fills the config, renders your assets, and ships the site. Every site uses 2 videos and 3 images, each used exactly once, with a living scrub, a legibility halo, a mesh background, and an animated footer.

How to set up Site Kit (copied from its README):

bash/plugin marketplace add iyography/ccc-plugins
/plugin install site-kit@claudecodeclub
  1. 1Run the two install lines above inside Claude Code.
  2. 2Open Claude Code in the Site Kit folder and run /build-site.
  3. 3Answer the interview. Claude fills site.config.mjs for you.
  4. 4Let it render your assets and build the site into dist/<slug>/.
  5. 5Ship it live with ./deploy.sh, or drag the folder onto Netlify Drop.

Rendering your 2 videos and 3 images needs a fal.ai key. No key? Use the stock set with ./use-stock.sh warm <your-slug>.

Quick start

  1. 1Run /plugin marketplace add iyography/ccc-plugins in Claude Code.
  2. 2Run /plugin install site-kit@claudecodeclub.
  3. 3Run /build-site and answer the interview.
  4. 4Preview the built site from the dist folder.
  5. 5Ship it with ./deploy.sh, or drag the folder onto Netlify Drop.
  6. 6Want changes? Tell Claude things like darker, exploded style, or new headline, and it edits the config and rebuilds.
Learn Claude Code. Earn income. Only $9.

👉 https://www.skool.com/claudecodeclub

Common questions

  • What does Site Kit actually build?

    A $10k-class animated website for any brand. Every site uses 2 videos and 3 images, each used exactly once, with a living scrub, a legibility halo, a mesh background, and an animated footer.

  • Do I need an API key?

    To render your own 2 videos and 3 images you need a fal.ai key. If you do not have one, use the included stock set with ./use-stock.sh warm <your-slug>.

  • Which scroll styles can I pick?

    Seven: loop, scrub, cursor, horizontal, exploded, push-through, and scrollytelling. Running /build-site helps you pick one.

  • Where does the finished site live, and how do I host it?

    In dist/<slug>/, fully self-contained with the HTML, the engine, and every video and image. No Cloudinary or third-party media host. ./deploy.sh pushes it to Vercel, or you can drag the folder onto Netlify Drop.

  • How do I change the copy or style later?

    Just tell Claude what you want, like darker, exploded style, or new headline. It edits the config and rebuilds. Copy changes never need a re-render.

Keep going

Want Site Kit? Comment SITEKIT and we will send it over

Get 650+ plug-and-play skills, MCPs & prompts, plus 8,000+ members - $9/mo, cancel anytime.

Join the Club