← Back to Skills Marketplace
UI/UX Design Guide
by
itsjustdri
· GitHub ↗
· v1.0.0
15122
Downloads
29
Stars
114
Active Installs
1
Versions
Install in OpenClaw
/install ui-ux-design
Description
Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...
Usage Guidance
Reasonable to install as a design reference. If you run the optional npx/npm setup snippets, do so in the intended project directory and review generated files or pin package versions if supply-chain reproducibility matters.
Capability Analysis
Type: OpenClaw Skill
Name:
Developer:
Version:
Description: OpenClaw Agent Skill
The skill bundle is benign. It provides comprehensive UI/UX design principles, patterns, and setup instructions. The `SKILL.md` and `UI_UX_MASTER_GUIDE.md` files contain standard `npx` commands for setting up Next.js projects with Tailwind CSS and Shadcn/ui (`npx create-next-app`, `npx shadcn@latest init`, `npx shadcn@latest add`). These commands are directly aligned with the stated purpose of the skill to assist with UI/UX design and project setup, and do not exhibit any malicious intent, data exfiltration, persistence, or prompt injection attempts beyond the skill's legitimate function. All referenced external tools and resources are legitimate design and development utilities.
Capability Assessment
Purpose & Capability
The files consistently provide UI/UX, accessibility, Tailwind CSS, Shadcn/ui, responsive design, and component guidance matching the stated UI/UX Design Guide purpose.
Instruction Scope
Instructions are limited to design and implementation advice; no prompt override, credential handling, autonomous account actions, broad local indexing, or unrelated authority was found.
Install Mechanism
The bundle is markdown-only and non-executable, but it includes optional user-run npx commands for Next.js and Shadcn/ui setup that would fetch and run public npm packages if copied into a terminal.
Credentials
The skill requests no secrets, local profiles, browser sessions, private files, background services, or privileged environment access.
Persistence & Privilege
No persistence mechanism, privilege escalation, background worker, destructive command, or automatic runtime behavior appears in the artifacts.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install ui-ux-design - After installation, invoke the skill by name or use
/ui-ux-design - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release: Complete UI/UX design guide for modern web apps. Includes mobile-first responsive design, color systems, typography, Tailwind CSS + Shadcn/ui patterns, accessibility (WCAG 2.2), micro-interactions, and layout patterns.
Metadata
Frequently Asked Questions
What is UI/UX Design Guide?
Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and... It is an AI Agent Skill for Claude Code / OpenClaw, with 15122 downloads so far.
How do I install UI/UX Design Guide?
Run "/install ui-ux-design" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is UI/UX Design Guide free?
Yes, UI/UX Design Guide is completely free (open-source). You can download, install and use it at no cost.
Which platforms does UI/UX Design Guide support?
UI/UX Design Guide is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created UI/UX Design Guide?
It is built and maintained by itsjustdri (@itsjustdri); the current version is v1.0.0.
More Skills