Wireframe Sketch
When you need to show early stage thinking without committing to polished UI, this generates hand-drawn wireframes on graph paper with marker headlines, hatched chart placeholders, and sticky note annotations. It deliberately stays loose with slight rotations, wobbly lines, and highlighter swipes to signal "still sketching." Ships as a single HTML file with inline CSS and marker style fonts. Good for exploring variants side by side with tabbed layouts, or when a brief explicitly asks for lo-fi, whiteboard style, or sketch mockups. The whole point is making it look unfinished so stakeholders focus on structure instead of arguing about button colors.
- skills.sh installs
- 264
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill wireframe-sketch --agent claude-codeInstalls into .claude/skills of the current project.
Files
Wireframe Sketch Skill
Produce a single hand-drawn wireframe page. The whole point is "this is a sketch" — looseness is the brand. Lean into pencil/marker tones, hatched fills, dashed borders, slight rotations.
Workflow
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Magazine Poster259
- Critique255
- Social Carousel255
- Email Marketing249
- Motion Frames249
- Docs Page248
- Invoice248
- Sprite Animation247
- Blog Post245
- Pricing Page245
- Tweaks243
- Simple Deck242
- Finance Report240
- Digital Eguide239
- Magazine Web Ppt239
- Kanban Board238
- Gamified App236
- Pm Spec234
- Weekly Update234
- Dating Web233
- Hr Onboarding233
- Meeting Notes233
- Eng Runbook231
- Team Okrs229
Recommended
More Design & UI/UX
magazine-posternexu-io/open-designAn editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, and 6 numbe259skills.sh installssocial-carouselnexu-io/open-designA three-card social-media carousel laid out as 1080×1080 squares — three cinematic, on-brand panels with display headlines that connect across the series ("onwa255skills.sh installspricing-pagenexu-io/open-designA standalone pricing page — header, plan tiers, feature comparison table, and an FAQ. Use when the brief asks for "pricing", "plans", "subscription tiers", or a245skills.sh installs
administering-linuxancoleman/ai-design-componentsManage Linux systems covering systemd services, process management, filesystems, networking, performance tuning, and troubleshooting. Use when deploying applica240skills.sh installs
vanity-engineering-reviewbencium/bencium-claude-code-design-skillvanity engineering review236skills.sh installsgamified-appnexu-io/open-designA multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and 236skills.sh installs