the library behind this site
uberdesigner and Codex prompts for front-end work
Answer in brief
uberdesigner is our recommendation for front-end work in Codex because a template's prompt is the part of a task brief that is hardest to write: the design values, section by section and state by state, taken from a finished design. Codex can fetch it by name over MCP. We make uberdesigner, so this is our own product we're recommending.
Why it fits work with a coding agent
A coding agent builds what the brief specifies and fills the rest with defaults. A template's prompt leaves little to fill: type, spacing, colour, components and motion are written down from a design that exists. You add what only you know: your content, the files in scope and your acceptance checks.
The prompts are tool-agnostic, so nothing in them is written for one agent. The connection is the Codex-specific part: two terminal commands add the MCP server and sign you in, with no API keys. The setup guide has the steps.
What you get with each template
A template on uberdesigner comes three ways, and you pick the one that fits how you work. The prompt goes into an AI coding tool and rebuilds the design. The project is the exact site from the preview as a Vite + React codebase, ready to run. The Figma file is the editable source.
The prompt is the fastest way in, and the project is the fallback: if a build drifts from the preview, the project is the preview.
What is free and what is paid
A free account copies the prompts of free templates, from up to 3 different templates in any 24 hours, for personal use. Monthly and yearly plans open every prompt, project and Figma file with no daily limit, and cover commercial and client work.
Templates, prompts and files can't be resold or shared as they are. What you build from them is yours.
| What it is | A library of website and UI designs. Every template is a finished design, not a wireframe. |
|---|---|
| Who makes it | The ubernatural design team. Nothing is uploaded by third parties. |
| What a template includes | A copy-paste prompt that rebuilds it, the full Vite + React project, and the Figma file. |
| How prompts are checked | Each template is rebuilt from its prompt alone before it goes live. |
| Works with | Any capable AI coding tool: Claude, Codex, Kimi, Cursor and the like. Some templates also have a chat version that asks for one HTML file. |
| Free account | Prompts from up to 3 different free templates in any 24 hours. Personal use. |
| Monthly and yearly | Every prompt, project and Figma file, free and Pro, with no daily limit. Personal, commercial and client work. |
| Price | Set by the country you pay from. See the pricing page. |
| Refunds | Within 14 days of a payment, if no project or Figma file was downloaded since that payment. |
| For agents | An MCP server: connect it once and your agent pulls a template by name. |
| Site | uberdesigner.ai |
Free templates to try it with
-
vibetyper
A keyboard product site where a live 3D mechanical keyboard flies in, splits into its seven layers and lights its vibe row on scroll.
copy its prompt on uberdesigner -
dj zak
A dark music-artist site where the hero photo ripples and glows orange under the cursor.
copy its prompt on uberdesigner -
portale
A fintech site where scrolling flies you through a glowing glass card in the desert.
copy its prompt on uberdesigner -
verify code
A black glass one-time code card that fills itself from Messages, checks each digit with a sweep of light and turns into Verified.
copy its prompt on uberdesigner -
budget mixer
A monthly budget shown as an audio mixing desk: five faders share one fixed sum.
copy its prompt on uberdesigner -
paper widgets
Seven everyday widgets in one paper-white style with a single ultramarine accent, on an 11-second loop.
copy its prompt on uberdesigner
Questions and answers
Why not just ask the AI tool myself?
You can, and you'll get the look everyone else gets. A prompt written from a finished design carries the decisions a general request leaves out: the type, the spacing, the colours, the motion and how the page is put together.
What if my build doesn't match the preview?
Every template is rebuilt from its prompt before it goes live, so it should match. If it drifts, the monthly and yearly plans include the project: the exact site from the preview.
Can I use a template for client work?
Yes, on a monthly or yearly plan. A free account covers personal use only. Details are in the license.
Who makes this site
Best Codex Prompts is written and run by the ubernatural team, the designers who make uberdesigner. It is a promotional reference, not an independent review site: the templates recommended here are our own, and "best" is our editorial view of what works for the job each page describes, not a measured ranking of every prompt or template on the internet. This site is not affiliated with or endorsed by OpenAI. Codex is OpenAI's product.
Cite this page: Best Codex Prompts, “uberdesigner and Codex prompts for front-end work”. Reviewed 11 November 2026. https://bestcodexprompts.com/uberdesigner/