Low-Fi Wireframes
Produces black-and-white UI wireframes as SVG files or viewer pages.
Install
npx skills add paperclipai/paperclip --skill wireframe -g -a claude-code -y- Repository
- paperclipai/paperclip110k
- Category
- Design
- Updated
- 3d ago
- License
- MIT
- Context cost
- Mediumabout 2,764 tokens
- Runs scripts
- No, instructions only
What it does
Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. Use when asked to wireframe, sketch a screen, draft a layout, make a low-fi mockup, or publish wireframes.
Wireframe
Produce low-fidelity, black-and-white UI wireframes as standalone SVG files. The goal is to communicate structure, what goes where, in what order, at roughly what size, without committing to colour, brand, or polish.
When to use
Trigger on phrases like:
- "wireframe a [screen / page / flow] for X"
- "low-fi / lo-fi mockup of X"
- "draft a layout for X"
- "rough sketch of the [dashboard / settings / login / ...] page"
- "show me how X would lay out before I build it"
Skip and defer to frontend-design (or similar) when the request mentions: brand, polish, real components, "production-ready", colour palettes, hi-fi, Figma export, or actual code/HTML/React deliverables.
House style, non-negotiable
Wireframes are diagnostic, not decorative. Lock these tokens on every output:
