Content & CreativeDone with Codex
Design a personal website from a markdown spec
The author had Codex CLI read a design spec and iterated on it to design his personal site, and he can reuse the spec on other projects.
- What They Did
- The author copied the long design prompt from Anthropic's frontend-design plugin for Claude Code and pasted it into a local markdown file in his project. In a Codex CLI session he first had Codex read that file and treat it as the design spec for his personal site. Then it generated the UI, and he steered it through a few rounds of iteration.
- How It Went
- Codex nearly got the design right in one shot, and the follow-up iterations were fast and accurate. He shipped a site he's happy with, replacing a very basic earlier version. The source gives no metrics.
- Worth Knowing
- The spec is just a markdown file, so you can reuse it across projects and swap in different design prompts. Expect a few iterations and keep your own taste in the loop.
Try it yourself with Codex
Read the design spec in [path to your markdown spec file] and use it to design a [personal site / landing page] for [your name or project] in this folder. Build a first version, then show me how to preview it and wait for my feedback before changing anything big. Once I approve a version, list any rules from the spec that should be updated so I can reuse it on other projects.
Do this with a skill.
These SkillShop playbooks do this exact job.