← 返回 Skills 市场
Openclaw Ui Designer
作者
williamwg2025
· GitHub ↗
· v0.1.2
· MIT-0
308
总下载
0
收藏
1
当前安装
3
版本数
在 OpenClaw 中安装
/install openclaw-ui-designer
功能描述
OpenClaw UI 设计助手 - 创建美观、易用的用户界面。 提供设计系统、组件库、配色方案、视觉设计等专业建议。 支持响应式布局、可访问性（WCAG）、多端适配。所有脚本已包含。 关键词：openclaw, ui, design, frontend, components, design-system, a...
安全使用建议
This package appears coherent and local-only. Before using: (1) Inspect the three scripts (they are short and readable) to confirm behavior meets your expectations; (2) Run simple commands (e.g., color-palette and design-consult) to verify no network activity on your system; (3) If you expect component-gen to write files, be aware the provided script only prints generated code — redirect output or modify the script if you want automatic file creation; (4) Never pass secrets or API keys as part of design requests (the tool doesn't need them).
功能分析
Type: OpenClaw Skill
Name: openclaw-ui-designer
Version: 0.1.2
The skill bundle provides basic UI design assistance through static templates and keyword-based suggestions. The Python scripts (color-palette.py, component-gen.py, and design-consult.py) are purely functional and contain no network calls, file system modifications, or dangerous execution sinks. The documentation is transparent about its capabilities and security posture, and no evidence of malicious intent or prompt injection was found.
能力评估
Purpose & Capability
Name/description (UI design helper) matches the included scripts (design-consult, color-palette, component-gen). No unrelated credentials, system paths, or binaries are requested.
Instruction Scope
Runtime instructions and SKILL.md stay within the design scope: scripts parse input, load a local config, and print suggestions or templates. Note: the SKILL.md and README state component-gen.py can optionally generate files to an output directory (and mention an --output parameter), but the component-gen.py in the package only prints generated code and does not implement an --output flag or file writing. Also SKILL.md documents the config path using an absolute ~/.openclaw path while scripts load the bundled config via a relative path; in typical installation layout these refer to the same file, but the discrepancy is documentation-only.
Install Mechanism
No install spec (instruction-only install). All scripts are bundled in the package; nothing is downloaded or extracted at runtime.
Credentials
The skill requests no environment variables or external credentials and does not access other config paths. It only reads the skill's own config file and command-line input, which is proportionate to its stated purpose.
Persistence & Privilege
always:false and no persistent background behavior. The skill does not modify other skills or global agent settings. Scripts do not write files unless the user explicitly modifies scripts or redirects output (the provided component-gen prints to stdout).
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install openclaw-ui-designer - 安装完成后，直接呼叫该 Skill 的名称或使用
/openclaw-ui-designer触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v0.1.2
- Skill renamed to "openclaw-ui-designer" and updated metadata for OpenClaw compatibility.
- Tags expanded to include keywords like "openclaw", "accessibility", "wcag", "responsive", and "color-palette".
- Skill descriptions enhanced for clarity and scope in SKILL.md and README files.
- No code or functionality changes; documentation and metadata improvements only.
v0.1.1
- All scripts are now bundled within the package; no external cloning or downloads required.
- Added new scripts: color-palette.py, component-gen.py, design-consult.py, and a default config file.
- Documentation improved for usage, configuration, file access, and security.
- Removed references to non-existent scripts (design-review.py, accessibility-check.py) from documentation.
- Added security and permission notes detailing local-only operation and no external dependencies.
- README and English documentation added.
v0.1.0
UI Designer initial release.
- 提供专业 UI 设计建议，包括配色、字体、组件、布局等
- 支持设计咨询、配色方案生成、组件代码生成、设计审查、可访问性检查等脚本
- 涵盖多种设计风格和应用场景，适用于 Web、移动端等多端界面
- 支持创建和管理设计系统及组件库
- 提供详细安装、使用和配置说明
元数据
常见问题
Openclaw Ui Designer 是什么？
OpenClaw UI 设计助手 - 创建美观、易用的用户界面。 提供设计系统、组件库、配色方案、视觉设计等专业建议。 支持响应式布局、可访问性（WCAG）、多端适配。所有脚本已包含。 关键词：openclaw, ui, design, frontend, components, design-system, a... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 308 次。
如何安装 Openclaw Ui Designer？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install openclaw-ui-designer」即可一键安装，无需额外配置。
Openclaw Ui Designer 是免费的吗？
是的，Openclaw Ui Designer 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
Openclaw Ui Designer 支持哪些平台？
Openclaw Ui Designer 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Openclaw Ui Designer？
由 williamwg2025（@williamwg2025）开发并维护，当前版本 v0.1.2。
推荐 Skills