skills.rest
MagdoubMagdoubCommunity·1 Agent Skills Included

claude-wireframe-skill

Generates five interactive UX wireframe options with color variants

Generates five distinct UX wireframe options for any feature, from safe design-system extensions to exploratory layouts. Delivers black-and-white wireframes in under a minute, then adds Clean and Polished color variants automatically. Eliminates manual mockup work by producing interactive HTML prototypes with working tabs, forms, and hover states. Scans your existing codebase and screenshots to keep every option consistent with your current design patterns.
65|5
↗
npx skills add Magdoub/claude-wireframe-skill --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
MagdoubMagdoub

wireframe

Generate interactive UX wireframe options with color variants from codebase context.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install claude-wireframe-skill?▼

Run `npx skills add Magdoub/claude-wireframe-skill --all -g -y` in your terminal to install the skill globally.

How to generate UX wireframes from a text prompt?▼

Type a request like `/wireframe simplify the signup flow` and the skill produces five interactive wireframe options in a single HTML file you can open in any browser.

Does it match my existing design system?▼

Yes. On first run it scans your CSS, templates, and screenshots to build persistent design context, so Option 1 always extends your current patterns.

What UX approaches does it explore?▼

It picks from approaches like Progressive Disclosure, Wizard flows, Dashboard-First, Card-Based, and Search-First, then scores each option against your optimization goal.

Can non-designers use this wireframe skill?▼

Yes. You describe the feature in plain English and the skill handles layout, annotations, and color variants with no design or coding work required.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills