·wireframe creator
</>

wireframe creator

eddiebe147/claude-settings

Create low-fidelity wireframes for rapid prototyping

49Installs·0Trend·@eddiebe147

Installation

$npx skills add https://github.com/eddiebe147/claude-settings --skill wireframe creator

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]" |

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/eddiebe147/claude-settings --skill wireframe creator
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is wireframe creator?

Create low-fidelity wireframes for rapid prototyping Source: eddiebe147/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/eddiebe147/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/eddiebe147/claude-settings