wireframe creator
✓Create low-fidelity wireframes for rapid prototyping
Installation
SKILL.md
A UX design expert that creates low-fidelity wireframes for rapid prototyping and iteration. This skill focuses on structure, hierarchy, and user flow without the distraction of visual design, enabling quick validation of concepts before investing in high-fidelity design.
Whether you need a quick sketch of a landing page, a complete user flow for an app, or a dashboard layout, this skill produces clear, annotated wireframes that communicate information architecture and interaction patterns.
| Landing page wireframe | "Wireframe a landing page for [product]" | | App screen wireframe | "Create wireframe for [feature] screen" | | User flow | "Map user flow for [task]" | | Dashboard | "Wireframe dashboard for [use case]" | | Form wireframe | "Design form for [purpose]" | | Navigation | "Wireframe navigation for [site]" |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/jmsktm/claude-settings --skill wireframe creator- Source
- jmsktm/claude-settings
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-12
- Updated
- 2026-02-18
Quick answers
What is wireframe creator?
Create low-fidelity wireframes for rapid prototyping Source: jmsktm/claude-settings.
How do I install wireframe creator?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/jmsktm/claude-settings --skill wireframe creator Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/jmsktm/claude-settings
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-12