← Back to Skills Marketplace
UI/UX Design Guide
by
itsjustdri
· GitHub ↗
· v1.0.0
16369
Downloads
32
Stars
0
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. Only run the optional npx/npm setup commands in a project you intend to modify, 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 artifacts consistently provide UI/UX, accessibility, responsive design, Tailwind CSS, and Shadcn/ui guidance matching the stated purpose.
Instruction Scope
Instructions are limited to design advice, component examples, accessibility checklists, and optional project setup snippets; no prompt override, credential use, autonomous account action, 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 that would fetch public npm packages if copied into a terminal.
Credentials
The skill does not request secrets, browser sessions, local profile stores, private-file indexing, privileged system access, or background services.
Persistence & Privilege
No persistence mechanism, privilege escalation, destructive command, automatic execution, or long-running worker 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 16369 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