Wireframe & Prototype Kit
When to use: Rapid prototyping before design: wireframing screens, mapping flows, and sharing low-fi clickable prototypes for feedback.
npx skills add wireframe-prototype-kitgit clone https://github.com/skillhub-community/wireframe-prototype-kit.gitDescription
A wireframing and low-fi prototyping tool. Canvas: a graph-paper workspace with a block palette (text, button, input, image placeholder, card, nav bar, modal) you drag onto the canvas; blocks are sized by drag, aligned with snap guides, and styled in sketch/hand-drawn or clean-outline modes. Multi-screen: organize frames (phone/desktop/tablet sizes) and link them by drawing connector lines or clicking a block → 'link to frame'.
ClickablePrototype: run mode where you click linked blocks to navigate frames — the standard low-fi walkthrough for user testing. Notes layer: sticky notes and comment markers for feedback. Export: PNG of the canvas, or a shareable interactive prototype link (state serialized). Includes layout guidance for 1-2-3 column wireframes and a 'content first' tip layer that reminds users to fill real copy. Keyboard shortcuts for the common operations (duplicate, arrow-nudge, delete).
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub