ui-ux-designer

Generate wireframes, prototypes, and design system assets for web, mobile, and desktop projects.

Updated Jan 10, 2026

Search Tags:#accessibility #prototyping #wireframing #ui-ux #design-systems #usability-testing

Ready to run

npx skills add https://github.com/Eigo-Mt-Fuji/portfolio-2026 --skill ui-ux-designer-eigo-mt-fuji

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/Eigo-Mt-Fuji/portfolio-2026/tree/main/.claude/skills/ui-ux-designer
Command: npx skills add https://github.com/Eigo-Mt-Fuji/portfolio-2026 --skill ui-ux-designer-eigo-mt-fuji

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a dedicated AI assistant for UI/UX design tasks, helping teams brainstorm, structure research, generate wireframes, prototypes, design systems, and usability testing plans, reducing friction between product goals and design execution.

Core Features & Use Cases

UI/UX research support: builds personas, user journeys, IA drafts, and usability test plans.
Design output generation: creates wireframes, mockups, and interactive prototypes, and assists with design systems and pattern libraries.
Collaboration & guidance: translates user needs into design tasks, offers feedback, and prepares handoffs to developers.
Use Case: When starting a new product, you can define personas and journey maps and receive ready-to-implement UI assets and spec notes.

Quick Start

Describe your design objective and let the AI propose a research plan and a first-pass wireframe. For example: "Create a wireframe for a mobile banking app homepage that emphasizes quick actions and accessibility."

Frequently Asked Questions about ui-ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create wireframes and prototypes for a web or mobile app?▼

Wireframing and prototyping involves sketching layouts and user flows before development. This Skill generates wireframes, mockups, and interactive prototypes directly from your design objectives, eliminating manual drafting and accelerating the move from concept to handoff.

Can I use AI to help plan user research and usability testing?▼

Yes. User research planning builds personas, journey maps, and test plans that validate design decisions. This Skill structures research strategies and usability testing plans based on your product goals, ensuring research aligns with user needs before design execution.

How do I create accessible UI designs that meet usability standards?▼

Accessibility in UI design requires intentional consideration of color contrast, keyboard navigation, and semantic structure. This Skill incorporates accessibility considerations into wireframes, prototypes, and design system assets, supporting compliant design without external tools.

What's the best way to build and document a design system?▼

Design systems define reusable components, tokens, and patterns for consistency across products. This Skill generates design system assets, pattern libraries, and design tokens, then prepares developer handoff documentation so teams implement them uniformly.

Can I use this for desktop, mobile, and web projects at the same time?▼

Yes. This Skill applies to web, mobile, and desktop projects, generating platform-appropriate wireframes and prototypes for each context within a single workflow.