aesthete-agent turns five colors into a complete front-end color system: an evidence library matched by register, OKLCH role derivation, and mechanical gates that catch contrast failures, color-blindness collisions and AI-slop signatures before anything ships.
aesthete-agent 把五个颜色变成一套完整的前端配色系统：按语域匹配的实证色板库、OKLCH 角色派生，以及一组机械闸门——在交付之前就抓住对比度不足、色盲碰撞和 AI 味签名。
Every page below was produced end-to-end by the engine — layout, roles, text levels and contrast included. No hand-picked colors.
下面每个页面都由引擎端到端产出——版式、角色、文字阶梯、对比度全部内建。没有一张是手工挑色的。
Thirty real front-end scenes — landing, dashboard, editor, commerce — rendered across curated palettes, light and dark.
三十个真实前端场景——落地页、仪表盘、编辑页、电商——横跨精选色板，明亮与暗色。
Open →进入 → Live tool在线工具Paste any five colors and get a full scene back: derived surface, ink, accents, and a text ladder that stays readable.
输入任意五个颜色，得到完整场景：派生的底色、墨色、强调口，以及始终可读的文字阶梯。
Open →进入 → Live tool在线工具The same engine on a dark surface: roles lifted, saturation trimmed, contrast held — no muddy, glowing mess.
同一引擎的暗色表现：角色抬亮、降饱和、对比度守住——不发闷、不刺眼。
Open →进入 → Artifact交付件One palette as a printable card: hex values, derived roles and the actual contrast numbers next to each pairing.
一块色板的可打印卡片：hex 值、派生角色，以及每对组合的实测对比度数字。
Open →进入 →Four steps, all mechanical. The point is that taste is encoded as rules, so the output is defensible — every number can be checked.
四步，全部机械化。核心是把品味编码成规则，让产出可辩护——每个数字都能复核。
Pick a register — calm, vivid, elegant, dark — and the engine selects from an evidence library of curated palettes.
给定语域——沉静、鲜艳、典雅、暗色——引擎从实证色板库中排序选板。
Five colors become a working system: surface, ink, accents and weak text levels, derived in OKLCH for perceptual evenness.
五个颜色长成一套可用系统：底色、墨色、强调口与弱文字层级，在 OKLCH 里派生，感知均匀。
Contrast (WCAG + APCA), three color-blind simulations, an AI-slop signature check and a five-axis score. Failures are named, not guessed.
对比度（WCAG + APCA）、三重色盲模拟、AI 味签名检查、五维评分。失败有名有姓，不靠猜。
CSS custom properties, SVG slot lists, scene renderings or an image-generation prompt block — ready to paste into real work.
CSS 变量、SVG 槽位清单、场景渲染图或图像生成提示词块——直接粘进真实工程。
One engine, four doors — pick the channel you already use.
一个引擎，四条通道——用你顺手的那条。
npx skills add docsor1212/aesthete-agent
Claude Code, ZCode, Codex, Cursor, Gemini CLI
Claude Code、ZCode、Codex、Cursor、Gemini CLI
skillhub install aesthete-agent --dir ~/.claude/skills
skillhub.cn · fastest in China, primary release channel
skillhub.cn · 国内最快，主力更新通道
npx clawhub install aesthete-agent
clawhub.ai · international registry
clawhub.ai · 国际注册表