The Claude Code Website Design Kit
AI Systems

The Claude Code Website Design Kit

18 min read

What's in here

Every prompt from the video, in the order you run them. Copy each one into a fresh chat and hand its output to the next step.

The chain is short: work out your brand, pick a look and build the design system from it, then build the site. Each step takes exactly one thing from the step before, so nothing gets re-litigated halfway through.

If Claude Code has never run on your computer, do the git section first, then come back here.

Login or Sign-up

Create or sign into a free account to access this page and copy/paste resources.

This site is not a part of the Facebook website or Facebook Inc. Additionally, This site is NOT endorsed by Facebook in any way. FACEBOOK is a trademark of FACEBOOK, Inc.

©2026 Ai Foundations. All Rights Reserved.