Skill 与 AgentSKILLS & AGENTS· CLAUDE-SKILL
design.how
arla6ka/design.how
给编码助手用的设计系统套件，能提取你的应用风格，让AI照着写界面。Design systems, skills and visuals for coding agents
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
- 适用平台Platforms
- claude-code
- 已识别的要求Documented requirements
- API key
- 许可LICENSE
- MIT
能力CAPABILITIES
它能帮你做成什么What it helps you do
- 01
安装四套现成界面风格
- 02
把现有界面整理成统一规范
- 03
把所有页面搬到新规范下
- 04
审查界面并列出问题
上手GET STARTED
怎么装How to install
npx skills@latest add https://design.how选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
限制与风险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
需检查Needs review
- 01需要 API KeyREQUIRES API KEY
- 是Yes
- 02需要本地环境NEEDS LOCAL RUNTIME
- 未在文档中发现Not found in the docs
- 03需要 DockerNEEDS DOCKER
- 未在文档中发现Not found in the docs
- 04难度DIFFICULTY
- 需要 API KeyNeeds an API key
- 05许可LICENSE
- MITMIT
- 06阶段STAGE
- 持续活跃Active
- 创建于 28 SEP 2026Created 28 SEP 2026
静态扫描STATIC SCAN
01控制浏览器Controls a browserreadme
Ten scripts do what prose can't. `build-design-system` has `check-system.mjs`, `oklch.mjs`, `capture.mjs`, `capture-guard.mjs`, `pixdiff.mjs
02控制浏览器Controls a browserskills/build-design-system/SKILL.md
Scripts are in this skill's `scripts/`. Run them from the repo root with node, and read `--help` first. `scripts/capture.mjs` takes the scre
静态扫描命中两项中风险：skill 中的脚本可控制浏览器（如 capture.mjs 等需 Chromium），使用前应审阅脚本。另外仅核验官方页面，未审计服务端代码；数据处理和费用以官网为准。
项目动态PROJECT ACTIVITY
它现在处在什么位置Where it stands right now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+916.0%+916.0%
25 → 254 stars · 22 个快照25 → 254 stars · 22 snapshots
状态STATUS
持续活跃Active
质量 A-Quality A-
项目最近一周仍有提交，维护活跃，适合现在就尝试。
PROVENANCE · 这些结论的依据是什么Where these conclusions come from
- 来源 URLSource URL
- https://github.com/arla6ka/design.how
- 原始数据哈希Raw data hash
- e86837b3d467f2c702529abcd250e7e5
- 解析时间Parsed at
- 2026-11-01T23:45:33.407Z
- 最后一次验证Last verified
- 2026-11-05T22:15:12.814Z
- 增长测量时间Growth measured
- 2026-11-02T00:05:43.580Z
- 发现查询Discovery queries
- focus:any:repo:new-design, focus:any:repo:new-skill, focus:design:repo:design-skill, focus:design:repo:design-tokens, focus:play:repo:creative-coding
- 分类来源Category source
- rules
- 焦点Focus
- design · web · motion · play (10)
完整解析证据 JSONFull parse evidence JSON
{
"agents": [
{
"agent": "claude-code",
"evidence": "tree: .claude-plugin/"
}
],
"apiKey": "artz/blocks/tool-approval'` - API keys: Create a key and see it once at its fu",
"docker": null,
"taxonomy": {
"scores": {
"design": 12,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 12,
"productivity": 0
},
"primary": "skill-agent",
"secondary": "claude-skill"
},
"localRuntime": null,
"skillMdTotal": 10,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 19,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "10 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "skills/ directory with 22 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
},
{
"signal": "Claude Code plugin manifest",
"weight": 0.7
},
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme",
"skills/build-design-system/SKILL.md",
"skills/component-docs/SKILL.md",
"skills/design-system-boss/SKILL.md",
"skills/migrate-design-system/SKILL.md",
"skills/token-mapping/SKILL.md",
"skills/ui-review/SKILL.md",
"systems/glaze/SKILL.md",
"systems/lime/SKILL.md",
"systems/quartz/SKILL.md",
"systems/sodium/SKILL.md"
],
"skillMdFetched": 10
}