DESIGN/设计资源·UI-KIT
AnxForever/stylekit
让 AI 生成的网页，一键套上 148 套精选视觉风格。
给AI生成网页用的148套视觉风格库，让前端设计更省心。Open-source visual style library for AI-generated UI — 148 curated styles with design tokens, prompts and MCP. | 面向 AI 生成网页的开源视觉风格库：148 套精选风格，支持 MCP、Agent Sk…
怎么装：Install: git clone https://github.com/AnxForever/stylekit.git
02 / 现在的位置02 / Why now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+4.2%+4.2%
567 → 591 stars · 7 个快照567 → 591 stars · 7 snapshots
状态STATUS
持续活跃Active
质量 A-Quality A-
项目包含148种精选视觉风格，可直接用于AI生成的UI界面。
03 / 它能帮你做什么03 / What it helps you do
快速给网页换上精选风格
让AI编码程序直接使用风格库
用一条命令添加风格到项目
更新风格库到最新版本
04 / 安装04 / Install
$ README 里给出的安装方式。The installation method given in the README.
$ README 里给出的安装方式。The installation method given in the README.
两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.
克隆仓库并运行 `pnpm install && pnpm dev` 即可本地预览。
05 / 限制与风险05 / Limits and risk
风险不是警告，是可信度的一部分。以下结论只基于文档静态扫描，我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.这不等于安全that does not mean it is safe，只能说明文档里没写。 — only that the docs do not mention it.
静态扫描未发现明显风险，但不代表安全。
这里只做静态扫描：读 README、SKILL.md 和依赖清单，不执行代码。没有命中不代表安全。This is static scanning only: we read the README, SKILL.md and dependency list, and never execute code. No findings does not mean safe.
依赖：Dependencies:@codemirror/autocomplete, @codemirror/basic-setup, @codemirror/commands, @codemirror/lang-css, @codemirror/lang-html, @codemirror/lang-javascript, @codemirror/language, @codemirror/search, @codemirror/state, @codemirror/theme-one-dark, @codemirror/view, @gsap/react
{
"agents": [
{
"agent": "claude-code",
"evidence": "readme: …orever/stylekit-skill ``` 之后 Claude Code、Cursor、Windsurf 以及任何兼容 Agent…"
},
{
"agent": "cursor",
"evidence": "readme: …Figma tokens - **IDE 规则** —— `.cursorrules`、`claude-rules`、`windsurf-rul…"
},
{
"agent": "windsurf",
"evidence": "readme: …ll ``` 之后 Claude Code、Cursor、Windsurf 以及任何兼容 Agent Skills 的工具，都能按需套…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 7,
"ai-tools": 0,
"dev-tools": 4,
"indie-web": 2,
"skill-agent": 7,
"productivity": 1
},
"primary": "design",
"secondary": "ui-kit"
},
"localRuntime": null,
"skillMdTotal": 0,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 16,
"browser": 0,
"devtool": 5,
"security": 0,
"marketing": 0,
"productivity": 1
},
"classification": [
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}