想让 Codex 具备设计师级别的审美？分享3个我实测有效的design skills：

1、impeccable 综合表现比 uiuxpromax 那些热门设计 skill 实用得多 🔗：https://t.co/ayImTiDhYQ

2、taste skill 仓库里有很多skill，但核心用法下载两个就足够: imagegen-frontend-web skill 配合image2生成高质量设计参考图 https://t.co/6ZaSBAeo9r

Impeccable: Design skills for AI harnesses

Source: https://impeccable.style/ 01### Respects your design system.

Inherits your tokens, components, and conventions instead of overwriting them. New work fits the system, not the model’s defaults.

/impeccable polish : scanning codebase

›Walking src/…

✓src/styles/tokens.css14 colors, 6 font sizes, 7 spacing steps

✓tailwind.config.tstheme.extend merged

✓src/components/34 components

· Button: primary, secondary, ghost, destructive

· Card: 3 variants, 8px / 16px radii

· Input, Select, Dialog, Toast, Table…

✓DESIGN.mdbrand rules loaded

→Matching your system. Not inventing one.

02### Real product context.

Captures the brief once, inPRODUCT\.md. Every command reads it before designing.

PRODUCT.mdLoaded on every command

UsersSREs on call, reading fast, often in the dark.

RegisterProduct. Design serves the task.

Brand voiceCalm, clinical, no hype.

Anti-referencesPurple gradients. Glassmorphism. “Boost your productivity.”

03### Travels as DESIGN.md.

/impeccable documentwrites one in theGoogle Stitch format. Your visual system becomes portable.

DESIGN.mdGoogle Stitch spec

WordmarkSpaced 400

IM

Avenir Next

BodyRegular 400

Aa

Avenir Next

Components34

PrimaryGhost

Email address

Readable by every DESIGN.md-aware tool.

04### Tuned to the agent you actually use.

Plays to each agent’s strengths and around its weaknesses. Below: Codex used image generation to draft Neo Mirai before/impeccable craftturned it into shipped code.

Read the case →·Open the live build →

05### Brand work is not product UI.

A landing page and a dashboard play by different rules. Impeccable runs in two registers,brandorproduct, and every command knows which.

Product mode

Users12,482

Active now1,207

Conversion4.8%

06### Block slop before it ships.

A detector you can wire into PR checks. 41 deterministic rules, no LLM, exit codes the build can read.

feat/pricing-page✗ failing

$npx impeccable detect src/

✗src/Hero\.tsx:42gradient-text

✗src/Card\.tsx:8side-stripe-border

✗src/Button\.tsx:17ai-color-palette

3 anti-patterns · exit 1

07### Iterate in your live app.BETA

Pick any element in your running dev server, leave a comment or a stroke, hit Go. Three production-quality variants swap in via your framework’s HMR.

localhost:3000

section.heromore elegant

See how Live Mode works →

08### Accept writes to source.

Variants land in your real file as an ordinary edit, not a throwaway mock. A diff you can review, commit, or undo.

✓Wrotesrc/Hero.astro

- “Welcome to Our Hotel”

+ “Where the coast forgets time”

- “Book Now”

+ “Reserve your stay”