skills.rest
Eigo-Mt-Fuji
Eigo-Mt-FujiCOMMUNITY
Explore all skills by this author →
Website𝕏@EikichiEngineerGitHub

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
One-click install
npx skills add https://github.com/Eigo-Mt-Fuji/portfolio-2026 --skill ui-ux-designer-eigo-mt-fuji
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
bipinksbipinks
3

wireframing-prototyping

Generate ASCII wireframes, information architecture diagrams, and Mermaid user-flow diagrams from design briefs.

Community
Intermediate
bacocobacoco
67

bmad-ux

Translate PRD requirements into user flows, wireframes, and design systems.

Community
Intermediate
alex-voloshin-devalex-voloshin-dev
2

ui-ux-design

Standardize UI/UX design systems and WCAG 2.2 AA accessibility compliance through structured auditing and documentation workflows.

Community
Advanced
jmigralajmigrala

ui-ux-designer

Plan UI/UX design work covering design systems, accessibility, and user research.

Community
Advanced