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.
2 on GitHubby Sven Siertsemav1.1.1MITupdated 5 months agostrategy
/
Plugin wireframing from marketplace svens-claude-plugins in SSiertsema/claude-code-plugins. Commands read from the repo's manifest — 1 month ago.
What it installs
Skills (1)
wireframing
Scaffold a runnable Vue 3 + Vite + TypeScript wireframe app using the @for-the-people-initiative/wireframe-kit design system (hand-drawn Rough.js components, v1.0.1+). One file per screen, auto-discovered routes, screen-picker nav, per-platform device frame wrapping, click-through wiring via router.
Write, audit, or split acceptance criteria for a user story. Given/When/Then (Gherkin) default + rule-based + mixed formats. Systematic coverage (happy path + negative + edge + boundary + a11y + optional performance/security/data/integration). INVEST at story + AC level. SPIDR split (Spike / Path / Interface / Data / Rule) when story too big. Scenario outlines for parametric data. Mermaid coverage pie + split diagrams with optional PNG export.
Define accessibility requirements against WCAG 2.2 AA (default), AAA, EN 301 549, EAA, Section 508, ADA. Produces per-feature Given/When/Then criteria, assistive-technology support matrix per platform, combined automated + manual + AT + user-testing plan, and remediation priority for existing products. Not a conformance audit. Mermaid diagrams with optional PNG export.
Write, review, supersede, or index Architecture Decision Records. Michael Nygard format (default) + Y-statement alternative. Immutable once accepted — supersession chain preserves old ADRs. Status lifecycle (Proposed / Accepted / Deprecated / Superseded). ADR log with chronological index + supersession chains visible. Review mode flags stale ADRs + missing consequences. Integrates with traceability-matrix. Mermaid timeline with optional PNG export.
Bottom-up thematic clustering of unstructured items (research notes, interview quotes, brainstorm ideas, feedback) using the KJ method. Discovers emergent themes with evidence traceability, identifies patterns/tensions/gaps, flags outliers, and prioritizes clusters by signal strength. Mermaid diagrams with optional PNG export.
Free AI-powered SEO toolkit — audit websites, plan content strategy, optimize pages, generate schema markup, cluster keywords, and track AI visibility. Works with any website or codebase.
33 C-level advisory skills (install the separate companion c-level-agents plugin for the persona layer): virtual board of directors (CEO, CTO, COO, CPO, CMO, CFO, CRO, CISO, CHRO) plus General Counsel, CDO, CAIO, CCO, and VP of Engineering (DORA delivery throughput analyzer, engineering hiring funnel calculator with conversion + pipeline gap, eng team structure designer with squad/tribe + manager-trigger), executive mentor, founder coach, orchestration (Chief of Staff, board meetings, decision logger), strategic capabilities (board deck builder, scenario war room, competitive intel, M&A playbook), culture frameworks. The 13 cs-* persona agents + 21 /c-level-agents:* slash commands (founder-mode router, office-hours intake, multi-role boardroom, strategic sprint pipeline, cross-model consensus, cooldown freeze) ship in the companion c-level-agents plugin.
34 skills · hooks
alirezarezvani/claude-skills 29,725
Maintain wireframing?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.