← Back to Skills Marketplace
Openclaw Ui Designer
by
williamwg2025
· GitHub ↗
· v0.1.2
· MIT-0
308
Downloads
0
Stars
1
Active Installs
3
Versions
Install in OpenClaw
/install openclaw-ui-designer
Description
OpenClaw UI 设计助手 - 创建美观、易用的用户界面。 提供设计系统、组件库、配色方案、视觉设计等专业建议。 支持响应式布局、可访问性（WCAG）、多端适配。所有脚本已包含。 关键词：openclaw, ui, design, frontend, components, design-system, a...
Usage Guidance
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).
Capability Analysis
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.
Capability Assessment
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).
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install openclaw-ui-designer - After installation, invoke the skill by name or use
/openclaw-ui-designer - Provide required inputs per the skill's parameter spec and get structured output
Version History
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、移动端等多端界面
- 支持创建和管理设计系统及组件库
- 提供详细安装、使用和配置说明
Metadata
Frequently Asked Questions
What is Openclaw Ui Designer?
OpenClaw UI 设计助手 - 创建美观、易用的用户界面。 提供设计系统、组件库、配色方案、视觉设计等专业建议。 支持响应式布局、可访问性（WCAG）、多端适配。所有脚本已包含。 关键词：openclaw, ui, design, frontend, components, design-system, a... It is an AI Agent Skill for Claude Code / OpenClaw, with 308 downloads so far.
How do I install Openclaw Ui Designer?
Run "/install openclaw-ui-designer" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Openclaw Ui Designer free?
Yes, Openclaw Ui Designer is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Openclaw Ui Designer support?
Openclaw Ui Designer is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Openclaw Ui Designer?
It is built and maintained by williamwg2025 (@williamwg2025); the current version is v0.1.2.
More Skills