If you're going to ask the AI to design anything for you, like slides, graphics, documents, or web pages, you need to give it a detailed brand book or design system. 

The easiest way to do it is to download [this sample brand book](/files/Replit-Design-Book-Sample.zip), put it in a folder, point Claude Code or Codex to that folder, and use the following prompt:
```
Visit the (insert your website URL) website and extract their html, CSS, logo and asset files and build a design book for them using 'Sample Design System Template' as a model. Save it in this folder.
```

Then, when asking Claude or Codex to design something for you, always specify that it should use that folder as its design system. 

If you need help building a design system from scratch, you can use Claude Design, but it's expensive (in tokens), meaning you'll hit limits quickly.

If you are on Codex or want to use Claude Code to avoid Claude Design's token limits then install the GitHub app [Impeccable](https://github.com/pbakaus/impeccable) to create your design system. It's excellent. 
