Give the coding agent a design spec before it builds
Founder Wilbert Liu built his personal site with Codex CLI. He copied the long design prompt from the Anthropic frontend design plugin into a local markdown file, and asked Codex to read it as the design spec before writing any code. The result was nearly right on the first try, and a few rounds fixed the rest. He can reuse the file in other projects, but he still has to supply the taste and direction himself.
Done with CodexModerate
What was done
Founder Wilbert Liu built his personal site with Codex CLI. He copied the long design prompt from the Anthropic frontend design plugin into a local markdown file, and asked Codex to read it as the design spec before writing any code. The result was nearly right on the first try, and a few rounds fixed the rest. He can reuse the file in other projects, but he still has to supply the taste and direction himself.
How to do it
- Paste the prompt into the tool, and replace the text in brackets with your own.
- Read the answer through. Do not send, delete or publish anything until you have seen it yourself.
- Check the original before you trust a figure, a name or a date.
Try it with Codex
Read [design file] and use it as the design spec for [website]. Summarise the rules for typography, spacing, colour and structure in your own words. Then build the front page and [pages] in [framework] following those rules. Show me the summary before you write code. You are done when the pages run locally, follow the spec and you have listed the places where you had to make your own choices.
Replace text in brackets with your own.
wilbertliu.com ·