One more thing:
want Codex to build good-looking pages without having to keep saying โmake it look betterโ? Try these 3 design Skills together:
๐ญ. ๐๐บ๐ฝ๐ฒ๐ฐ๐ฐ๐ฎ๐ฏ๐น๐ฒ
Use it when the page is built, but something still feels off.
Too bland? Use bolder. Too cluttered? Use distill. Almost finished? Use polish to refine the details. It turns โmake it look betterโ into specific design changes Codex can make.
๐ฎ. ๐ฎ๐ญ๐๐ ๐๐ฒ๐๐ถ๐ด๐ป
This is a Skill I put together that gets Codex to look for components and interaction references on before building a page.
Iโd suggest packaging your own go-to component library into a Skill, too. It doesnโt have to be
Focus on the one or two sections that carry the page: a hero, a set of pricing cards, or a product showcase. Pick what fits, then adapt it to your brand, content, and existing project.
๐ฏ. ๐จ๐ซ ๐๐๐ฑ๐ถ๐
A good-looking screenshot isnโt enough. Have Codex open the browser and actually use the page.
Click buttons, fill out forms, switch to a mobile viewport, and complete the user journey. Find buttons that do nothing, confusing error messages, and steps where itโs unclear what to do next. Get reproduction steps and specific fixes.
If you canโt be bothered setting up Skills, start by adding this line to the end of your task:
โMake the best decision to improve UX, DX, and AXโwithout breaking existing functionality.โ
Ask it to weigh the user experience, developer experience, and how easily the next agent can pick up the work.