通过 Skills CLI 安装
使用 npx skills add 将该 skill 安装到选中的 Agent。Phase 0 命令均为按规则生成，尚未验证。
Codex
npx skills add https://github.com/LeoYeAI/openclaw-master-skills/blob/main/skills/web-design-guidelines/SKILL.md -g -a codex -y去掉 -g 可改为项目级安装
#67
该品类排名 #67 / 共 89 个· Ranked #67 of 89 in this category
web design guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…
安装前须知Before you install
✓未声明特殊权限需求No special access needs declared
编辑结论· Editor's verdict
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
✓
适合什么场景Best for
- 提示词优化
- Agent 行为约束
- 上下文管理
✗
不适合什么场景Not for
- 需要比当前目录条目更严格人工复核的工作流。Workflows that require stronger human review than this catalog entry documents.
vs 其他选择vs alternatives
完整对比表Full compare table →#1algorithmic art
algorithmic art: agent skill — from anthropics/skills.
差异 · diff程序生成式视觉素材生产——图案、抽象背景、设计系统装饰元素——这类需要大量变体的场景下它最强。流程围绕迭代展开：生成、挑、改 prompt、再生成。视觉素材是配角（卡片、Header、PPT 背景）时最合适。具象插画或角色设定别用它，那种场景需要另一套工具链。
#2ckm:brand
ckm:brand: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.
差异 · diff没有专职品牌负责人的团队，要保持品牌语调和视觉一致性时它最有用。产出可以直接交给设计/营销/文档团队用的 style guide，而不是抽象原则。最擅长抓渐进式偏移（色彩漂移、语调变化、logo 位置走样）。从零做品牌不适合，那种场景得先做独立的研究阶段。
#3ckm:banner design
ckm:banner design: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.
差异 · diffBanner / Hero / OG 图这种「量产 + 品牌一致」场景下它最有用——不用设计师逐张组，直接根据品牌规范产出多版本供评审挑。复杂插图和构图别用它，那种场景 ckm:design 或 algorithmic-art 更合适。
维度对比side-by-side compare
和同类的关键维度差异| 当前 · this skillweb design guidelines | algorithmic art | ckm:brand | ckm:banner design | |
|---|---|---|---|---|
| 评分 · rating | — | — | — | — |
| 星标 · stars | 2.0k | 132k | 76k | 76k |
| 风险 · risk | 中风险 · med risk | 低风险 · low risk | 低风险 · low risk | 低风险 · low risk |
| 最适合 · best for | 提示词优化 | algorithmic art: agent skill — from anthropics/skills. | ckm:brand: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill. | ckm:banner design: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill. |
| 不适合 · not for | 需要比当前目录条目更严格人工复核的工作流。 | 需要比当前目录条目更严格人工复核的工作流。 | 需要比当前目录条目更严格人工复核的工作流。 | 需要比当前目录条目更严格人工复核的工作流。 |
审计备注Audit notes
未独立审计 · not audited源码Source公开 GitHub · open on GitHub✓
作者Author社区贡献 · community!
网络访问Network未独立审计 · not audited!
文件写入Filesystem未独立审计 · not audited!
依赖Dependencies未独立审计 · not audited!
遥测Telemetry无 · none✓