persona-skill intermediate active

Ui Design System

Design token inconsistencies multiply silently across a growing component library. Spacing and colour drift creates a visual mess no single PR can fix. Audit and extend your design system from inside OpenClaw.

openclaw design-system ui tokens components figma consistency brand

What breaks without openclaw ui design system skill

Token inconsistency spreading across components. Spacing scale drift nobody owns. No structured audit before the next release.

→
Structured design system audit and token generation × expert persona ÷ 15–25 minutes ÷ no Figma subscription required = consistent UI foundations.

openclaw ui design system skill — what it actually does

01
Audit an existing component library for design token consistency.
02
Generate a complete token set for colour, spacing, and typography.
03
Receive a structured improvement plan for any design system.
04
Specify CSS, Tailwind, or Figma Variables for targeted output format.
05
Build new design system foundations from brand guidelines.

Security check — openclaw ui design system skill

Privacy score: 7/10 — accesses connected platform APIs only. Lock it: review OAuth scopes before install, confirm macOS, Linux; OpenClaw ≥1.0 compatibility.

Quick start — openclaw ui design system skill in 15–25 minutes

Setup time: 15–25 minutes

!
You need: OpenClaw core

Install the package:

# Install via ClawhHub
clawhub install alirezarezvani/ui-design-system
1
Install the skill
2
Provide your existing design system files or describe your brand
3
Run /design-system audit for a consistency report
4
Use /design-system tokens to generate a token set

Troubleshooting openclaw ui design system skill

1
1. Token recommendations are framework-agnostic — specify CSS, Tailwind, or Figma Variables for targeted output
2
2. Large component libraries take several minutes to audit

Compatibility & status

Works with: macOS, Linux; OpenClaw ≥1.0 intermediate Last updated: Oct 2025 ★ 195 on GitHub MIT

Official docs →

View on GitHub →

Related — more like openclaw ui design system skill

Senior Fullstack
Activate a senior fullstack engineer persona in OpenClaw for system design, code review, and architecture guidance.
Designer
Get UI/UX design feedback, generate CSS snippets, and produce style guide recommendations from OpenClaw.
Ui Audit
Perform structured UI audits inside OpenClaw — identify consistency issues, spacing problems, and design regressions.
Frontend Design
Generate high-quality frontend code and UI components from design prompts in OpenClaw.
Ui Skills
A curated collection of UI skill utilities for OpenClaw — accessibility, responsive design, and component patterns.

More by alirezarezvani

Senior Fullstack
Skills
Ux Researcher Designer
Skills
Senior Data Scientist
Skills
Senior Data Engineer
Skills

Token inconsistency ships new components that look wrong from day one. Run the audit before the next design system PR and catch drift before it multiplies.

Get it on GitHub →