Skip to content
agentusehub

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.

Time saved
Not reported
Setup time
Not reported
Running cost
Not reported
Cost range
Not reported

Use case overview

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.

Reported experience

  1. 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.

  2. 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.

  3. 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.

Example prompts

Try 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.
Content & Creative

Turn AI newsletters into a daily podcast

An agent runs overnight, collects the author's AI newsletter subscriptions and produces a daily podcast to listen to on walks.

Other or custom