How does the UX Designer agent work?

The skill invokes a specialized persona named Sally who follows the BMAD Method's design phase protocols, ensuring the wireframes meet professional UX standards.

Is this skill part of a larger toolkit?

Yes, it is part of the bmad-plugin, which provides over 30 specialized skills for agile, AI-driven development.

What format are the wireframes created in?

The wireframes are created in the Excalidraw format, which can be easily opened and edited in the Excalidraw web application or the VS Code extension.

Can I customize the wireframe requirements?

Yes, the skill is designed to follow local instructions.md files, allowing you to provide specific context or style guidelines for your project.

Excalidraw Wireframe Creator

Name: Excalidraw Wireframe Creator
Author: PabloLION

byPabloLION

•

Herramientas de Diseño

Generates professional Excalidraw wireframe diagrams to visualize UI/UX layouts and component structures.

The Excalidraw Wireframe Creator skill enables Claude to act as a specialized UX Designer within the BMAD agile development framework. By automating the generation of Excalidraw-compatible diagrams, this skill bridges the gap between conceptual requirements and visual implementation. It follows a structured process—guided by internal instructions and validated against a quality checklist—to ensure that generated wireframes are functional, well-structured, and ready for use in prototyping or frontend development phases.

Características Principales

01Adopts a specialized UX Designer (Sally) persona for design tasks

02Automates layout planning for web and mobile interfaces

03Utilizes standardized instruction sets for consistent output

042 GitHub stars

05Includes built-in validation against design quality checklists

06Generates edit-ready Excalidraw wireframe files

Casos de Uso

01Drafting low-fidelity UI prototypes for new feature requests

02Creating visual documentation for stakeholder design reviews

03Visualizing component hierarchies before starting frontend implementation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pablolion/bmad-plugin create-wireframe

For use in Claude.ai and ChatGPT

Download Skill