← 返回 Skills 市场
Ui Design System
作者
Alireza Rezvani
· GitHub ↗
· v2.1.1
· MIT-0
2865
总下载
7
收藏
19
当前安装
2
版本数
在 OpenClaw 中安装
/install ui-design-system
功能描述
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
安全使用建议
This appears to be a legitimate design-system toolkit. Before running: (1) verify you are comfortable executing a local Python script from an unknown source; run it in a sandbox or virtual environment if unsure; (2) inspect design_token_generator.py (it appears to only compute tokens and print/export JSON/CSS/SCSS) to confirm it doesn't write to unexpected paths or perform network calls; (3) ensure you have Python available (SKILL.md uses the `python` command but the skill metadata doesn't list required binaries); and (4) if you plan to share generated tokens with design tools (Figma, Storybook), follow your org's policy for importing third‑party assets. Overall risk is low and coherent with the skill's purpose.
功能分析
Type: OpenClaw Skill
Name: ui-design-system
Version: 2.1.1
The ui-design-system skill bundle is a legitimate toolkit for generating design tokens and managing UI design systems. The primary script, scripts/design_token_generator.py, uses standard mathematical algorithms and the colorsys library to generate color palettes and typography scales without any network access, file system modifications, or suspicious execution patterns. The documentation in SKILL.md and the references/ directory provides helpful guidance for designers and developers, containing no evidence of prompt injection or malicious intent.
能力评估
Purpose & Capability
The name/description (UI design system, token generation, responsive calculations, developer handoff) match the provided assets: SKILL.md, multiple reference docs, and a Python design_token_generator.py. The presence of a Python script is expected for token generation. Minor note: SKILL metadata lists no required binaries, but the runtime instructions call python — this is a small documentation gap (the skill assumes a Python runtime is available) rather than a capability mismatch.
Instruction Scope
SKILL.md instructs the agent/user to generate tokens, export formats, document components, and validate accessibility. The instructions only reference local script execution and file outputs (JSON/CSS/SCSS) and design-tool import steps. There are no instructions to read unrelated system files, access environment variables, or transmit data to external endpoints.
Install Mechanism
There is no install spec — this is an instruction-only skill with one included Python script. No remote downloads, package installs, or archive extraction are present. Risk from installation is low; running the included script requires a local Python interpreter.
Credentials
The skill declares no required environment variables or credentials and the code does not reference secret-bearing env vars. The requested access is proportional to the claimed functionality (generating tokens and files).
Persistence & Privilege
always is false and the skill is user-invocable. It does not attempt to modify other skills or system-wide configuration. Its requested level of system presence is appropriate for a utility script and documentation package.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install ui-design-system - 安装完成后，直接呼叫该 Skill 的名称或使用
/ui-design-system触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v2.1.1
v2.1.1: optimization, reference splits
v1.0.0
Initial release of the UI Design System skill toolkit.
- Generate design tokens from brand color, with support for modern, classic, or playful styles and export to JSON, CSS, or SCSS.
- Build complete component systems with mapped tokens, documented APIs, and accessibility guidance.
- Calculate responsive breakpoints, fluid typography, and spacing scales using provided workflows and reference tables.
- Prepare seamless developer handoff with export tools, framework integration examples, and Figma sync instructions.
- Includes step-by-step workflows and references for design token generation, component development, responsive design, and developer handoff.
元数据
常见问题
Ui Design System 是什么？
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 2865 次。
如何安装 Ui Design System？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install ui-design-system」即可一键安装，无需额外配置。
Ui Design System 是免费的吗？
是的，Ui Design System 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
Ui Design System 支持哪些平台？
Ui Design System 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Ui Design System？
由 Alireza Rezvani（@alirezarezvani）开发并维护，当前版本 v2.1.1。
推荐 Skills