← Back to Skills Marketplace
Ui Design System
by
Alireza Rezvani
· GitHub ↗
· v2.1.1
· MIT-0
2865
Downloads
7
Stars
19
Active Installs
2
Versions
Install in OpenClaw
/install ui-design-system
Description
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install ui-design-system - After installation, invoke the skill by name or use
/ui-design-system - Provide required inputs per the skill's parameter spec and get structured output
Version History
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.
Metadata
Frequently Asked Questions
What is Ui Design System?
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han... It is an AI Agent Skill for Claude Code / OpenClaw, with 2865 downloads so far.
How do I install Ui Design System?
Run "/install ui-design-system" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Ui Design System free?
Yes, Ui Design System is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Ui Design System support?
Ui Design System is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Ui Design System?
It is built and maintained by Alireza Rezvani (@alirezarezvani); the current version is v2.1.1.
More Skills