← Back to Skills Marketplace
1608
Downloads
0
Stars
16
Active Installs
1
Versions
Install in OpenClaw
/install ui-design
Description
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
Usage Guidance
This is a content-only UI design guide and appears safe to install/use. The main remaining risk is provenance: the package has no homepage and a generic owner ID—if you will rely on it for production workflows, verify its origin (check the source repository, commit history, and license). The README includes an unusual 'npx add' GitHub-tree URL and local-copy instructions referencing ~/.ai-skills; these are just manual install instructions—don’t run any unfamiliar install scripts you don’t trust. If you plan to incorporate assets (fonts, icons) mentioned by the guide, fetch them from trusted CDNs or vendor sites.
Capability Analysis
Type: OpenClaw Skill
Name: ui-design
Version: 1.0.0
The skill bundle provides comprehensive UI design guidance through its SKILL.md, which is purely informational and instructional for an AI agent on design principles. The README.md contains standard installation instructions, including local file copy commands and an `npx add` command to fetch the skill from a GitHub repository. There is no evidence of malicious intent, data exfiltration, unauthorized execution, persistence, or prompt injection attempts to subvert the agent's intended function.
Capability Assessment
Purpose & Capability
Name and description match the SKILL.md and README content: both are design guidance covering layout, typography, color, accessibility, motion, and component design. The skill does not request unrelated capabilities or credentials.
Instruction Scope
SKILL.md contains only design guidance, examples, and best practices. It does not instruct the agent to read system files, access environment variables, call external endpoints, or collect/transmit user data beyond normal design recommendations.
Install Mechanism
There is no install spec or code to install—this is instruction-only. README mentions an 'npx add' line and local copy commands, but those are optional/manual instructions and not executable parts of the skill package itself. The 'npx add' invocation points at a GitHub tree URL (unusual usage) but it is only documentation, not an automated install spec.
Credentials
The skill declares no required environment variables, credentials, or config paths. Nothing in SKILL.md reads or requires secrets or unrelated system config.
Persistence & Privilege
Skill is not marked always:true and has no install-time hooks or code that would persist or elevate privileges. It is user-invocable and allowed to be invoked autonomously by the agent (platform default), which is expected for instruction-only skills.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install ui-design - After installation, invoke the skill by name or use
/ui-design - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
- Initial release of the UI Design skill, providing a comprehensive guide to web interface design.
- Covers fundamentals: layout, typography, color, spacing, accessibility, motion, and component design.
- Includes practical design philosophies, patterns, and common anti-patterns for high-quality, distinctive UIs.
- Offers clear guidelines and code examples for implementing grids, responsive design, typography scales, palette building, and spacing systems.
- Emphasizes accessibility and visual hierarchy for production-ready web projects.
Metadata
Frequently Asked Questions
What is UI Design?
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs. It is an AI Agent Skill for Claude Code / OpenClaw, with 1608 downloads so far.
How do I install UI Design?
Run "/install ui-design" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is UI Design free?
Yes, UI Design is completely free (open-source). You can download, install and use it at no cost.
Which platforms does UI Design support?
UI Design is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created UI Design?
It is built and maintained by wpank (@wpank); the current version is v1.0.0.
More Skills