
wireframing
Scaffold a runnable Vue 3 + Vite + TypeScript wireframe app using the @for-the-people-initiative/wireframe-kit design system v1.0.1+ (hand-drawn Rough.js components, monochrome). Boilerplate copied verbatim; one PascalCase.Page.vue per screen wrapped in the platform-appropriate device frame (PhoneFrame / TabletFrame / DesktopFrame / DeviceFrame), auto-discovered via import.meta.glob. Click-through wired via router.push on CTAs / tabs / back / row actions (from flow spec or conversational elicitation); Demo controls on Home for unreachable entry points; screen-picker fallback nav. Plain generic placeholder copy by default (bracketed opt-in). No Lorem Ipsum, no real images. Floating elements get background: var(--wf-surface). Mid-fi only — defers colour/typography to visual design and hi-fi to prototyping.
- GitHub stars
- 1
Install
/plugin install wireframing@svens-claude-pluginsRun it inside Claude Code after adding the marketplace with /plugin marketplace add SSiertsema/claude-code-plugins.
Contents
Discovered from sourceSkills 1
Sponsors
Details
- Marketplace
- SSiertsema/claude-code-plugins
- Source
- wireframing
- Category
- strategy
More from SSiertsema/claude-code-plugins
All 182- work-breakdown-structure
- write-backend-documentation
- write-frontend-documentation
- xplore
- zero-trust-architecture
- ab-hypothesis-framing
- acceptance-criteria-writing
- accessibility-requirements
- adr-writing
- affinity-diagramming
- agent-meeting-room
- algorithm-design
- api-contract-specification
- api-design
- api-versioning-strategy
- architecture-pattern-selection
- architecture-tradeoff-analysis
- attack-surface-analysis
- authentication-strategy-design
- authorization-modeling
- baseline-management
- brainstorming
- build-vs-buy-analysis
- business-case-management