skills.rest
zerAda
zerAdaCOMMUNITY
Explore all skills by this author →
GitHub

bmad-ux-designer

Generate wireframes for user interface design ideas.

Updated Jan 21, 2026
Search Tags:#ux design#user interface#wireframes#design support#wireframing tool
One-click install
npx skills add https://github.com/zerAda/RestaurantAgentAutomation --skill bmad-ux-designer-zerada
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmad-ux-designer
Source: https://github.com/zerAda/RestaurantAgentAutomation/tree/main/.opencode/skills/bmad-ux-designer
Command: npx skills add https://github.com/zerAda/RestaurantAgentAutomation --skill bmad-ux-designer-zerada

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the need for efficient user experience design by providing access to a UX designer, enabling quick creation of wireframes for user interfaces.

Core Features & Use Cases

  • UX Design Support: Access to a UX designer for consultation and guidance on user interface design.
  • Wireframe Creation: Generate wireframes for various user interfaces to visualize and iterate on design ideas.
  • Use Case: When you need to visualize a new app or website design, use this Skill to get a wireframe created that you can use as a starting point for further development.

Quick Start

Create a wireframe for a mobile app interface using the bmad-ux-designer skill.

Frequently Asked Questions about bmad-ux-designer

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

FAQPage Schema
How do I generate wireframes for a mobile app interface?▼

You can generate wireframes by providing your desired design features and objectives as input. The tool then produces visual layouts to help you iterate on your user interface design ideas.

What is wireframe creation used for in user experience design?▼

Wireframe creation in user experience design visualizes and iterates on interface layouts. It provides a structural starting point for visualizing app or website designs before entering further development.

Can I get UX design advice for visualizing a new website?▼

Yes, you can get UX design advice for visualizing a new website by specifying your design objectives. This provides consultation and guidance to help generate tailored user interface wireframes.

Do I need to provide specific input to create user interface wireframes?▼

Yes, you need to provide input on your desired design features and objectives to create user interface wireframes. This required information guides the generation of tailored visual layouts.

Are there limitations when using a wireframing tool for design support?▼

A limitation of using a wireframing tool for design support is that generated outputs serve as a starting point. You must still perform further development to build out the fully functional user interface.

Related Skills

Explore More Design & Creative Skills→
mosif16mosif16
18

software-mobile

Guide iOS, Android, and cross-platform mobile app development patterns.

Community
Advanced
Clos01Clos01
3

wireframe-sketch

Create low-fidelity hand-drawn wireframe layouts with variant tabs and annotations.

Community
Intermediate
daltonkyemillerdaltonkyemiller
2

layout

Assess UI layouts and plan spacing, rhythm, and visual hierarchy improvements.

Community
Advanced
AlfxjxAlfxjx

my-design

Provide UI/UX design guidance for wireframing, prototyping, and visual design.

Community
Intermediate