全部技能 / 设计 / minimalist-ui
设计 · leonxlnx/taste-skill

minimalist-ui

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

风险提醒:绿色 · 放心使用AI 侦查报告
作者 leonxlnxGitHub leonxlnx/taste-skill ↗Stars 85698许可 MIT(仓库根 LICENSE 文件;GitHub API spdx MIT;Copyright (c) 2026 Leonxlnx)commit 3cca18b368
agent 宿主通常会约束 skill 执行权限;风险提醒为 AI 侦查观点,不构成质量或安全保证。第三方 skill 仅作拆解与展示,安装使用风险自负,版权归原作者。

1实现原理 · 为什么它能做到

纯 prompt 协议文件(85 行单文件,无脚本),以『Premium Utilitarian Minimalism & Editorial UI』命名协议并先立总纲:暖单色、编辑式层级、bento、ultra-flat、muted pastel。

skills/minimalist-skill/SKILL.md
This protocol strictly enforces a high-contrast warm monochrome palette, bespoke typographic hierarchies, meticulous structural macro-whitespace, bento-grid layouts, and an ultra-flat component architecture with deliberate muted pastel accents.
注:总纲把『要什么』先定死,后面各节给『怎么做』的具体规格。

负向约束清单把会破坏极简的默认值全部禁掉:Inter/Roboto、Lucide/Feather/Heroicons、Tailwind 重阴影、大面积彩色背景、渐变/霓虹/3D glass、大容器圆角胶囊、emoji、占位名、AI 套话。

skills/minimalist-skill/SKILL.md
DO NOT use gradients, neon colors, or 3D glassmorphism (beyond subtle navbar blurs).
注:禁令精确到具体库名与 Tailwind 类名,为模型提供可判定的边界;『beyond subtle navbar blurs』留了一个有界例外。

三轨字体系统(UI sans / 编辑 serif / 等宽 meta)各自给出目标字体族、字距与行高参数,靠极端字体对比撑编辑感。

skills/minimalist-skill/SKILL.md
Editorial Serif (Hero Headings & Quotes): Target: `font-family: 'Lyon Text', 'Newsreader', 'Playfair Display', 'Instrument Serif', serif`.
注:『字体即界面』:极简风没有装饰,层级全靠字体性格与尺度;同一 bullet 续文给出 tracking (-0.02em 至 -0.04em) 与 line-height (1.1) 参数。

色板用数值锁死:暖单色(白/骨白/炭黑)+ 结构线 #EAEAEA + 四个水洗粉彩 accent(含各自前景文字色),颜色成稀缺资源只用于语义。

skills/minimalist-skill/SKILL.md
Canvas / Background: Pure White `#FFFFFF` or Warm Bone/Off-White `#F7F6F3` / `#FBFBFA`.
注:直接给 hex 而非『低饱和』描述,避免模型自由发挥跑偏;同节还定义结构线 #EAEAEA 与四组水洗粉彩 accent(各配前景文字色)。

组件规格逐一定死:bento 卡片 1px #EAEAEA 边框+8/12px 圆角上限、主按钮 #111 实底 4-6px 圆角无阴影、无框手风琴、kbd 键帽、伪 macOS 窗口。

skills/minimalist-skill/SKILL.md
Cards must have exactly `border: 1px solid #EAEAEA`.
注:该 bullet 属 Section 5 Bento Box Feature Grids 子项(同语境另有 8/12px 圆角上限、24-40px 内边距等规格),把『Notion/Linear 感』翻译成可照抄的原子规范。

动效走『不可见的精致』:600ms 入场淡入、卡片 0→2px 8px 超柔阴影过渡、stagger cascade、可选超慢速环境光斑(≤0.04 透明度),且一律 transform/opacity-only + IntersectionObserver。

skills/minimalist-skill/SKILL.md
Scroll Entry: Elements fade in gently as they enter the viewport. Use `translateY(12px)` + `opacity: 0` resolving over `600ms` with `cubic-bezier(0.16, 1, 0.3, 1)`. Use `IntersectionObserver`, never `window.addEventListener('scroll')`.
注:极简不等于无动效:作者给的是『安静但存在』的动效语法,兼顾性能纪律。

七步执行协议从留白/宽度约束/字体色板/边框/入场动效/视觉深度依次落地,最后要求『不需要手动调整』的成品。

skills/minimalist-skill/SKILL.md
Provide code that reflects this high-end, uncluttered, editorial aesthetic natively without requiring manual adjustments.
注:协议末尾的自足性要求把『还得人工微调』这个常见失败模式提前堵死。

2核心能力

01编辑式极简设计语言总控(warm mono + 双字体对比 + bento + flat)
02绝对负向约束:默认字体/图标库/重阴影/渐变/胶囊大容器/emoji/AI 套话全禁
03三轨字体系统(sans/serif/mono)带字体族与字距行高参数
04数值化暖单色色板 + 语义化水洗粉彩(各含前景文字色)
05组件级规格:bento、实底按钮、无框 FAQ、kbd、伪窗口 chrome
06安静动效语法:600ms 入场/stagger/超柔阴影/低透明环境光,性能纪律同步
07『无空荡平面』的深度补全:低透明度背景图/径向光斑/几何线纹

3外部依赖

类型依赖
networkpicsum.photos(占位图服务)
packagePhosphor Icons / Radix UI Icons

4风险提醒 风险提醒:绿色 · 放心使用

风险提醒:绿色 · 放心使用
  • 纯文本命令,遵从度依赖宿主模型 — 无执行校验;模型可能漏掉某条 DO NOT(如仍输出 emoji 或阴影)而文件无强制手段。
  • 『禁渐变』与低透明 radial 例外的措辞张力可能被模型误读 — 两类表述并存,理解力弱的模型可能要么过度禁用氛围层、要么把渐变带回来;页面建议给出明确判据(透明度阈值)。
  • 字体族链依赖宿主环境 — 若项目无 Geist/Switzer/Newsreader 等字体,agent 可能引入外链或退化到系统字体栈,与设计意图产生偏差。
  • 风格窄化风险 — 极简编辑风不适合需要高情绪/高彩度/装饰性的品牌场景;用户拿它做游戏站或快消品会明显错配。
风险提醒:绿色,放心使用。纯指令型单文件 skill:无脚本执行、无网络外发、无凭证读取、skill 自身无文件写入。picsum.photos 仅为交付代码里的占位图 URL 建议,非 skill 运行时调用;图标/字体为输出层选型建议。注意点均属对话/生成层,不构成代码级风险。

5第二遍独立确认

  • [ok] 目录资产面(含隐藏/未跟踪文件) — git ls-files + ls -A 双查:该 skill 目录仅 1 个文件 SKILL.md,无 scripts/references/模板/数据/隐藏文件,无可执行代码。
  • [ok] 执行类 token 扫描 — 逐文件扫描 bash/exec/child_process/curl/wget/fetch/axios/process.env/API_KEY/.env/fs./writeFile/.github 等零命中(brutalist 一处 'sans-serifs.' 单词结尾 fs. 为误报,人工复核排除)。
  • [ok] 引文逐条 grep -F 字节复核 — 本 JSON 所用全部 quote 均以 grep -F 在 pin commit 工作树中逐条验证存在,无 paraphrase 冒充。
  • [ok] 元数据与 pin 核对 — 本地 git HEAD == 任务 pin ccbc15639c97057cbfcf32ecebc38ef716e4bb37(README 显示该提交为 docs/sponsor 修订 #102,2026-08-24);GitHub API 实查 stars=85698、MIT、pushed_at=2026-08-24T15:23:56Z。frontmatter name 与任务给定名一致。
  • [ok] 功能声明 vs 实际能力夸大检查 — description 声称均由 SKILL.md 正文纯 prompt 机制兑现,无脚本可调用、无越界承诺(详见本文件 how_it_works 引文)。
  • [ok] 『No gradients』vs Section 6/7 的 radial-gradient 是否自相矛盾 — 细读后判定为措辞张力而非矛盾:禁令对象是渐变填充/霓虹色带('DO NOT use gradients, neon colors, or 3D glassmorphism'),而 radial light spots 限 opacity 0.03、ambient blob 限 0.02-0.04 且须 pointer-events-none 固定层——属超低透明氛围例外,语义上不与『视觉渐变』冲突,但模型可能误读,建议页面标注此细微差别。
  • [ok] 『no heavy shadows』与 hover 阴影建议是否矛盾 — Section 2 禁的是 Tailwind 默认重阴影(shadow-md/lg/xl);Section 7 hover 用 0 2px 8px rgba(0,0,0,0.04) 超柔阴影——低透明度自洽,无矛盾。
  • [ok] bento 网格『flat』与 8/12px 圆角上限的执行一致性 — 正文对所有大容器统一 8/12px 上限并禁 rounded-full(Section 2),唯 tags/badges 用 9999px 药丸(Section 5 Tags),两级圆角策略明确无冲突。

6结论

  • 把『极简编辑风』精确数值化(hex/1px 边框/圆角上限/字距区间),模型照着写即可贴近 Notion/Linear 气质。
  • 负向清单同样具体到库名与类名,判定成本低、误用概率小。
  • 色彩纪律先进:稀缺化 + 语义化 + 每个 accent 配前景色,防止滥用粉彩破坏可读性。
  • 『安静动效』与性能纪律绑定(transform/opacity-only、IO 而非 scroll 监听),观感与帧率兼得。
  • 跨框架(HTML/React/Tailwind/Vue)且单文件可移植,安装/粘贴成本最低。
  • 适合:适合目标明确的编辑/工作台气质界面:SaaS 文档与设置页、笔记/项目管理工具(Notion/Linear vibes)、内容站点、作品集、仪表盘的视觉实现;对『留白、层级、quiet sophistication』有要求的 greenfield 前端任务,跨 HTML/React/Tailwind/Vue。
    不适合:不适合高彩度品牌营销页、游戏/娱乐向高情绪视觉;不适合工业粗野风或高价玻璃拟态风(分别用 industrial-brutalist-ui / high-end-visual-design);不适合已有代码库渐进改造(用 redesign-existing-projects);不适合需要丰富装饰插画/动效秀的场景。
    安装 agent 直装可复制
    ① 本站镜像 更新 2026-09-09
    方式 A · 人下载镜像包下载 minimalist-ui.tar.gz
    sha256: 1878e24d26888079…
    方式 B · JSON 格式安装指南,复制给 agent
    安装指南
    agent 读 JSON 指南后会自动从本站下载安装,无需更多说明。
    ② 上游 GitHub · 原始来源
    能访问 GitHub?直接去上游安装(实时版,可能已更新)GitHub 原始 ↗
    本页镜像锁定 commit 3cca18b368;上游为实时仓库。
    来源信息 GitHub 原始
    作者 / 仓库leonxlnx / leonxlnx/taste-skill
    Stars85698
    最近推送2026-08-24
    本 skill commit3cca18b368
    许可MIT(仓库根 LICENSE 文件;GitHub API spdx MIT;Copyright (c) 2026 Leonxlnx)
    本站信息
    收录日期2026-09-06
    分类设计
    侦查报告AI 侦查 · 2 遍 · 2026-09-06
    本站镜像与 GitHub 原始是不同来源:本站锁定 commit 快照经 /r2 分发;GitHub 为实时上游,内容可能已更新。
    同分类邻近