AI 设计审美

设计样式索引

AI 模型擅长代码逻辑,但天生缺乏设计审美——它们不知道什么是"好看"、什么是"低级感"。
StyleCool 联网调用由人类设计师精心筛选的设计样式库,在 AI 动手写 CSS 之前为它注入品味:
正确的做法、必须避开的坑、平台特定的设计规则。结果不是"能用的 UI",而是有审美的 UI。

为 AI 注入审美判断力

AI 不会"觉得一个按钮丑"——它需要有人告诉它。StyleCool 的设计规则由真实设计师编写,每一条都经过反复验证:为什么不能用霓虹外发光、为什么卡片不能三等分、为什么动画不能动 width。这不是代码生成器,这是联网的品味共识。

平台专项设计语汇

一个好的网页按钮和一个小程序按钮,在圆角、间距、反馈动效上应该有微妙的不同。按平台分类(网站 / 桌面 / 小程序 / 手机)检索,每次只取最相关的设计规则,不打搅 AI 的上下文。

样式预览

在线预览 100 种设计风格

每种风格都有完整示例页面 + 真实截图 + 一键复制完整提示词,帮助 AI 和开发者直观理解设计语言。

浏览样式示例 →
  • 端点:/skillapi?token=mutantcat&q={关键词}&cat={分类}(无参数时见此文档页)
  • 密钥:mutantcat(永久有效,直接调用,无需获取)
  • 返回:JSON — results(设计样式数组)、query、cat、count

分类参数对照表

cat 值中文覆盖场景
web网站 / Web AppSSR / SPA / PWA / 静态站
desktop桌面端Electron / 原生 / 大屏 Web
miniapp小程序微信 / 支付宝 / 抖音小程序
mobile手机 / 竖屏设备iOS / Android / H5 移动端
all全平台跨分类检索
快捷提示词

永久密钥: mutantcat

【中文】 向以下地址发送 GET 请求,取回设计样式索引:

https://stylecool.mutantcat.org/skillapi?token=mutantcat&q=button&cat=web

cat = web | desktop | miniapp | mobile | all

[English] GET https://stylecool.mutantcat.org/skillapi?token=mutantcat&q=button&cat=web

设计样式 JSON 开源

欢迎扩充条目,在以下仓库提交 PR:

github.com/Mutantcat-Working-Group/StyleCool-Skill