Generates professional UI/UX wireframes and mockups directly in draw.io using standardized fidelity levels and component libraries.
This skill empowers Claude to act as a UI/UX designer by generating structured draw.io XML for everything from low-fidelity concept sketches to high-fidelity visual mockups. It leverages built-in draw.io shape libraries—including Bootstrap, iOS, and Android—to create consistent layouts, forms, and dashboard interfaces. Whether you need a rapid mobile app screen or a complex web dashboard, this skill provides the specific XML patterns, styling rules, and component libraries required to produce professional design artifacts directly within your repository.
主要功能
01Deep integration with draw.io's native mockup and wireframe shape libraries
02Automatic application of design systems, including spacing, typography, and color hierarchy
0311 GitHub stars
04Multi-fidelity generation supporting Lo-fi, Mid-fi, and Hi-fi levels
05Standardized UI components for Web, iOS, and Android platforms
06Pre-styled XML patterns for forms, navigation bars, and dashboards
使用场景
01Generating mid-fidelity layout validations for developer handoff and technical documentation
02Rapidly prototyping new feature ideas during early-stage stakeholder alignment
03Creating high-fidelity, brand-aligned mockups for client presentations and visual design reviews
