← 返回 Skills 市场
binggg

Ui Design Guide

作者 Booker Zhao · GitHub ↗ · v1.5.0 · MIT-0
cross-platform ✓ 安全检测通过
222
总下载
0
收藏
1
当前安装
6
版本数
在 OpenClaw 中安装
/install ui-design-guide
功能描述
Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.
安全使用建议
This skill appears coherent and low-risk: it's instruction-only, asks for no credentials or installs, and its rules are purely design preferences. Before installing, note that (1) it is highly prescriptive—it forbids certain colors and popular fonts (Inter/Roboto/Arial/etc.), which may conflict with your brand or implementation requirements; (2) the SKILL.md references external documentation URLs (cnb.cool) for sibling skills—these are only docs but you may want to verify those pages if you rely on them; and (3) the SKILL.md version and registry version differ (metadata mismatch). If those policy constraints or external doc links are acceptable, it's reasonable to enable the skill. If you need to use forbidden fonts/colors or want tooling that automatically generates implementation code without a mandated design-spec step, this skill may be inconvenient.
功能分析
Type: OpenClaw Skill Name: ui-design-guide Version: 1.5.0 The skill bundle is a comprehensive UI design guide for an AI agent, focusing on high-fidelity prototyping and avoiding 'generic AI aesthetics.' It mandates a design specification process, prohibits specific common fonts and colors (e.g., Inter, Roboto, purple gradients), and requires the use of professional icon libraries instead of emojis. The bundle includes a self-audit checklist in SKILL.md to ensure compliance with these design rules. All external references point to legitimate Tencent CloudBase repositories (cnb.cool), and there is no evidence of malicious intent, data exfiltration, or unauthorized execution logic.
能力评估
Purpose & Capability
The name/description match the SKILL.md: the content focuses on visual direction, layout, typography, color, and producing a design specification. The skill declares no binaries, env vars, or config paths. Minor inconsistency: the SKILL.md front-matter version (2.18.0) differs from the registry version (1.5.0), but this is likely just metadata drift and does not change behavior.
Instruction Scope
Runtime instructions are narrowly scoped to UI design tasks: they require producing a design specification before coding, reference a local checklist.md and other platform-specific SKILL.md files for implementation guidance, and enforce opinionated rules (forbidden colors/fonts/layout patterns). The instructions do not ask the agent to read system files, environment variables, or to transmit data to external endpoints beyond linking to documentation.
Install Mechanism
There is no install spec and no code is written to disk (instruction-only). The SKILL.md contains fallback documentation URLs hosted on cnb.cool for sibling skills; these are documentation links, not downloads or installers. This is low risk but worth noting if you rely on those external docs being available.
Credentials
The skill requests no environment variables, credentials, or config paths. There is nothing disproportionate—no sensitive secrets are requested or referenced.
Persistence & Privilege
always is false and the skill is user-invocable. It does not request persistent/system-level presence or modify other skills or system configs. Autonomous invocation is allowed by platform default, which is normal and not by itself concerning.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install ui-design-guide
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /ui-design-guide 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.5.0
Recent commits / 最近提交: - chore(release): 🔖 bump version to v2.18.0 - chore(release): 🔧 refresh generated tools doc before v2.18.0 - chore: sync claude skills mirror from source - Merge pull request #528 from TencentCloudBase/feature/cloudrun-deploy-log-refresh - chore: sync claude skills mirror from source
v1.4.0
Recent commits / 最近提交: - chore(release): bump version to v2.17.1 - chore(release): build artifacts for v2.17.1 - docs(workflow): 🧭 tighten git and mcp tooling conventions - Merge pull request #520 from TencentCloudBase/chore/refine-entry-guardrails-and-bump-toolbox - chore(cloudbase): 🔧 refine entry guardrails and bump toolbox
v1.3.0
Recent commits / 最近提交: - chore(release): 🔖 bump version to v2.17.0 - chore(release): 🔧 refresh generated docs for v2.17.0 - chore: sync claude skills mirror from source - fix(release): 🩹 repair app-auth build for v2.17.0-beta.2 - chore: sync claude skills mirror from source
v1.2.0
Recent commits / 最近提交: - fix(release): 🩹 repair app-auth build for v2.17.0-beta.2 - chore: sync claude skills mirror from source - chore(release): 🔖 bump version to v2.17.0-beta.1 - chore: sync claude skills mirror from source - Merge pull request #505 from TencentCloudBase/feature/update-skills-and-configs
v1.1.0
Recent commits / 最近提交: - chore(release): 🔖 bump version to v2.17.0-beta.1 - chore: sync claude skills mirror from source - Merge pull request #505 from TencentCloudBase/feature/update-skills-and-configs - Merge pull request #508 from TencentCloudBase/feature/search-knowledgebase-docs-mode - chore(merge): 🔀 resolve main conflicts for app auth and nosql
v1.0.0
Initial release of the UI Design Guide skill. - Provides detailed guidelines for UI design specification and prototype creation before coding. - Enforces a mandatory pre-design checklist including purpose, aesthetic direction, color palette, typography, and layout strategy. - Clearly lists forbidden colors, fonts, and layout patterns to avoid generic or AI-generated styles. - Outlines when to use this skill versus other skills related to backend, logic, or data modeling. - Requires all design work to comply with context-aware recommendations and project-specific constraints. - Establishes a step-by-step design workflow and strict audit before implementation.
元数据
Slug ui-design-guide
版本 1.5.0
许可证 MIT-0
累计安装 1
当前安装数 1
历史版本数 6
常见问题

Ui Design Guide 是什么?

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 222 次。

如何安装 Ui Design Guide?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install ui-design-guide」即可一键安装,无需额外配置。

Ui Design Guide 是免费的吗?

是的,Ui Design Guide 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。

Ui Design Guide 支持哪些平台?

Ui Design Guide 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。

谁开发了 Ui Design Guide?

由 Booker Zhao(@binggg)开发并维护,当前版本 v1.5.0。

💬 留言讨论