设计样式索引
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 App | SSR / 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