AI Inspiration World10 UI polish prompts for coding agents
Ten interface rules to hand an AI coding agent so it tidies the copy, colour, type sizes and alignment of your web or app UI.
- Author
- Zayn Hao ↗ (@ZaynHao)
- Models / tools
- Codex · Claude Code
- License
- 未声明 · Excerpt
- Original language
- zh
- Purpose
- Web & Apps
1. 不要使用中点 “·”作为文案的分隔符。如果有，移除它。 2. 不要在界面添加冗余的解释性描述文本，这会弄脏 UI 界面，还会浪费用户的注意力。 3. review 界面文案，尽量使其描述符合当前界面面相的人群，容易理解但不要过于口语化，长短适合其功能场景，不要冗余和随意造词。Read the full prompt in the author’s original post ↗
Only an excerpt is shown here; full-text republication permission has not been verified.
Attribution required — keep the author’s name and original source when reusing this prompt. Author: Zayn Hao ｜ Original source ↗
How to use it
Models / tools: Codex · Claude Code
- Send all ten to your coding agent and have it check and revise your current interface rule by rule.
What it can do
This is a set of ten interface prompts Zayn Hao shared on X, which he says you can send to Codex or Claude Code to improve a UI. Each one covers a single point. The first three remove the middle-dot separator, cut redundant explanatory text and rewrite interface copy for the people who use the screen. The other seven deal with colour, alignment, borders, animation, type sizes, interactions, and corners and shadows. For example, they ask the agent to switch to Radix UI Colors and follow its usage rules, use 0.5px borders, start any animation from ease-out at 250ms, and keep to no more than four type sizes with 12px as the smallest. The author says some of them reflect his own experience. What sets these apart is that each rule is a single instruction an agent can act on, and many come with concrete values it can check against. Send all ten to your coding agent and have it check and revise your current interface rule by rule.
Who it is for
Developers and solo product builders who use an AI coding agent such as Codex or Claude Code for web or app work and want a cleaner interface.
Before you use it
The author names Codex and Claude Code, and the agent will edit the code in your project directly, so commit or back up first. Rule 4 relies on the open-source Radix UI Colors palette, which you'll need to add if your project doesn't have it. The rules reflect the author's own preferences, such as 0.5px borders and a 12px minimum type size, so judge them against your users and screens. The author has not stated a reuse licence, so we show only the first three as an excerpt; see the author's post for all ten.
Follow the stated license. Do not use the output to replicate someone else’s work or a real person’s likeness.
Author examples
Based on the author's public posts. Not tested by AI Inspiration World.