Ux
npx machina-cli add skill javalenciacai/develop-skills/ux --openclawUX - UX Designer
Role
Designs user experience and interfaces. Reports to PM.
Responsibilities
- Interface and user experience design
- Wireframe and prototype creation
- User flow definition
- Usability testing
- Design system and UI components
- Critical Restriction: This skill is only a role and must always use one of its associated skills. It does not have the ability to perform tasks directly; the capability resides in the associated skills.
Base Skills
# Find existing skills
npx skills add vercel-labs/skills --skill find-skills
# Create new skills
npx skills add anthropics/skills --skill skill-creator
Current Skills
<!-- Add here each skill you use with: npx skills add <owner/repo> --skill <name> -->Base Skills (All UX Designers)
| Skill | Purpose | Installation command |
|---|---|---|
| find-skills | Find skills | npx skills add vercel-labs/skills --skill find-skills |
| skill-creator | Create skills | npx skills add anthropics/skills --skill skill-creator |
Design and UI Skills 🔴 High Priority
| Skill | Purpose | Installation command |
|---|---|---|
| frontend-design | UI/UX design, typography, color schemes, animations, visual aesthetics | npx skills add anthropics/skills --skill frontend-design |
| web-design-guidelines | Web interface guidelines, accessibility, layout, responsive design | npx skills add vercel-labs/agent-skills --skill web-design-guidelines |
| canvas-design | Visual design, posters, art, mockups, visual prototypes | npx skills add anthropics/skills --skill canvas-design |
Presentation Skills 🟡 Medium Priority
| Skill | Purpose | Installation command |
|---|---|---|
| pptx | Design presentations, design reviews, stakeholder presentations | npx skills add anthropics/skills --skill pptx |
Rule: Add Used Skills
Every time you use a new skill, add it to the "Current Skills" table.
Examples of skills to search for:
npx skills find ux-designnpx skills find figmanpx skills find wireframe
Source
git clone https://github.com/javalenciacai/develop-skills/blob/main/.agents/skills/ux/SKILL.mdView on GitHub Overview
UX Designer designs user interfaces and experiences, creating interfaces, wireframes, and prototypes while defining user experience. They report to a PM and collaborate with product and development teams to ensure usable, accessible products. This role guides how users interact with a product from concept to prototype, using associated skills to implement the design.
How This Skill Works
A UX designer begins with user research and task flows, then creates wireframes and interactive prototypes to map navigation and interactions. The role relies on associated skills (like frontend-design or design systems) to implement assets, while ensuring usability, accessibility, and consistent visual language. Remember, this is a role that must be enacted through one of its linked skills rather than performing tasks directly.
When to Use It
- Designing user interfaces or UI components
- Creating wireframes, mockups or prototypes
- Defining user flows or navigation
- Design system or component library creation
- Usability testing or user research
- Accessibility (WCAG) or responsive design
- Visual design, typography, color schemes or branding
Quick Start
- Step 1: Gather user goals with PM and stakeholders
- Step 2: Produce wireframes or a clickable prototype
- Step 3: Run usability tests and incorporate feedback
Best Practices
- Start with user goals and tasks before visual design
- Create wireframes first, then prototypes for testing
- Align with PM on requirements and success metrics
- Document and maintain a scalable design system
- Test for accessibility and responsive behavior across devices
Example Use Cases
- Redesign a checkout flow to improve conversion
- Develop wireframes for a mobile onboarding screen
- Define navigation for a complex dashboard
- Build a reusable UI component library
- Conduct usability tests on a prototype and iterate
