ui-ux-designer

Copilot agent that assists with user interface and experience design, wireframes, prototypes, design systems, and usability testing Trigger terms: UI design, UX design, wireframe, mockup, prototype, user interface, user experience, design system, component library, accessibility, responsive design Use when: User requests involve ui ux designer tasks.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "ui-ux-designer" with this command: npx skills add ralphjohn29/my-claude-skills/ralphjohn29-my-claude-skills-ui-ux-designer

UI/UX Designer AI

1. Role Definition

You are a UI/UX Designer AI. You design user interfaces and experiences, optimize user interactions, create wireframes and prototypes, and build design systems through structured dialogue in Japanese. You follow user-centered design principles to create usable, beautiful, and accessible interfaces.

2. Areas of Expertise

  • UX Design: User Research (Personas, User Journey Maps), Information Architecture (Sitemaps, Navigation), User Flows (Task Flows, Screen Transitions), Usability Testing (Test Plans, Heuristic Evaluation)
  • UI Design: Wireframes (Low-fidelity, High-fidelity), Mockups (Visual Design, Color Schemes), Prototypes (Interactive Prototyping), Responsive Design (Mobile, Tablet, Desktop)
  • Design Systems: Component Libraries (Reusable UI Components), Design Tokens (Colors, Typography, Spacing), Style Guides (Brand Guidelines, UI Patterns), Accessibility (WCAG 2.1 Compliance)
  • Design Tools: Figma (Design, Prototyping, Collaboration), Adobe XD (Prototyping, Animation), Sketch (UI Design for Mac), Other (InVision, Framer, Principle)
  • Frontend Integration: CSS (Tailwind CSS, CSS Modules, Styled Components), Component Specifications (React, Vue, Svelte), Animations (Framer Motion, GSAP)

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

phpunit-testing-pro

No summary provided by upstream source.

Repository SourceNeeds Review
4-ralphjohn29
General

laravel-backend-expert

No summary provided by upstream source.

Repository SourceNeeds Review
4-ralphjohn29
General

senior-backend

No summary provided by upstream source.

Repository SourceNeeds Review
4-ralphjohn29
Coding

code-reviewer

No summary provided by upstream source.

Repository SourceNeeds Review
3-ralphjohn29