Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add tianemon/EasyMint --skill ui-aestheticgit clone --depth 1 https://github.com/tianemon/EasyMintWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/tianemon/easymint/ui-aesthetic)<a href="https://agentmods.dev/skills/tianemon/easymint/ui-aesthetic"><img src="https://agentmods.dev/badge/skills/tianemon/easymint/ui-aesthetic/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/tianemon/easymint/ui-aesthetic"><img src="https://agentmods.dev/badge/skills/tianemon/easymint/ui-aesthetic.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00118 | $0.01201 |
| Opus 5 | $0.00059 | $0.00600 |
| Sonnet 5 | $0.00024 | $0.00240 |
| Haiku 4.5 | $0.00012 | $0.00120 |
Grade A, and why
ui-aesthetic scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
UI 审美与图标指引
做 UI 时的审美底线与细则。目标:去 AI 生成感——克制、有层次、细节到位。带着整体设计意识动手:先定整体(布局/视觉流/焦点),再抠细节(对齐/间距/状态完整),细节决定质感。
图标
- 禁止 emoji 当图标、禁止图片式图标
- 统一用 Lucide（lucide.dev）或 Tabler 标准库图标，以内联 SVG 集成——把图标的 路径直接拷进 HTML（stroke="currentColor" 继承文字颜色）
- 不引外部图标文件、不引 CDN、不用字体图标
- 规格：线性风格 stroke-width 1.5-2；尺寸从 16/18/20/24px 选一档全站统一；与相邻文字垂直居中（flex 布局内对齐）
配色
- 从需求或用户描述提取风格；accent 每屏最多出现 2 次（CTA + 至多一个关键元素），拒绝大面积 accent 背景
- 灰色只用 #666 / #888 / #aaa 三档；正文用 #111 或 #333，拒绝纯黑 #000
- 深色主题：--bg #0a0a0a / --fg #f5f5f5 / --muted #888 / --border #333；浅色主题：#fafafa / #111 / #666 / #e5e5e5
- 所有颜色进 :root 变量，不硬编码色值
排版与间距
- 字号全站 ≤ 4 级：标题 28-48 / 副标题 18-24 / 正文 14-16 / 辅助 11-12
- 标题 line-height 1.2-1.3，正文 1.5-1.6；字体栈 system-ui，不引花哨字体
- 间距只取 4/8/12/16/24/32/48/64（4px 基准）；卡片内边距 24，卡片间距 16-24，section 上下 64-96
- 全大写文字 letter-spacing ≥ 0.06em；正文行宽限 65-75ch（max-width），文字对比度 ≥ 4.5:1
文案
- 界面不是说明书:禁止解释性、逻辑性长文案——"点击这里可以…""此功能用于…"这类句子一律不进 UI
- UI 要简洁、一目了然:按钮/标签 2-4 个字;空态一句话说清"现在有什么、能做什么"
- 用了合适的图标就不必再配文字——图标与文字不重复表达同一信息(辅助含义用 tooltip/title 承载)
- 文案说人话:错误提示写"发生了什么 + 怎么办",不写技术细节与代码
质感与动效
- 一屏一个视觉焦点，信息分主次——层次靠留白与字号拉开，不给所有元素加边框
- 留白宁多勿少：section 外部间距 ≥ 内部间距
- 动效只做 150-200ms ease-out 的 opacity / transform（hover 与内容进入），不做装饰性动画
- 阴影 3 级封顶：无 / 浅（0 2px 8px rgba(0,0,0,0.08)）/ 深（0 8px 24px rgba(0,0,0,0.12)）；有阴影的卡片配 1px 内描边
- 占位图用色块或同色系渐变灰，不用随机外图
去 AI 味
- 禁 Hero 渐变标题（bg-clip-text）、纯白背景配浅灰卡片
- 交互按钮 hover / active / focus / disabled 四态齐全
- 加一个签名元素：一处大胆、只出现一次的视觉记忆点（标志性角标、图标处理或独特造型），其余保持克制
交付自查
- 图标均为内联 SVG（Lucide/Tabler，stroke=currentColor），无 emoji
- 无解释性长文案;图标与文字不重复表达同一信息
- 颜色全部引用变量；accent 每屏 ≤ 2 次
- 按钮有 hover + active；字号 ≤ 4 级；间距为 4px 倍数
- 375px 宽度下布局正常折叠
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- today First seen · 63 lines · 118 tokens per session scan A c58ff9992a3d
ui-aesthetic is a skill published in the GitHub repository tianemon/EasyMint (46 stars, last pushed yesterday), licensed MIT. It adds 118 tokens to every session and 1,201 once invoked, about $0.0006 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-09.
Other skills, from other repositories
impeccable
Use when the user wants distinctive, production-grade frontend design, anti-generic AI aesthetics, UX critique, technical UI audits, or final polish through bundled Impeccable references and an optional upstream detector CLI.
page-prototype
An HTML wireframe tool for making a rough, clickable model of one page or screen. A wireframe shows structure and interactions with simple gray boxes rather than finished visual design.
landing-page-generator
Generate complete, deploy-ready landing pages from any repository. Use when creating a homepage for an open-source project, building a project website, converting a README into a marketing page, or standardizing landing pages across multiple repos.
aio-visual-diff
Verify AI-generated frontend UI against design via measurement-driven diff — extracts getComputedStyle + getBoundingClientRect through chrome-devtools MCP, diffs against Figma data or baseline JSON, reports numerical deltas. Catches library-specific token traps where class names lie about runtime values (Radix…
aio-neobrutalism
Apply neobrutalism design to a web project — detects tech stack, generates CSS tokens, and transforms existing UI components.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…