napkin-sketch
CommunityRapid UI wireframing & capture
AuthorTimothyNguyen04
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps quickly visualize user interfaces through ASCII wireframes or by capturing existing UI patterns, streamlining the early stages of design and development.
Core Features & Use Cases
- ASCII Wireframing: Generate text-based wireframes for new UI concepts.
- Browser Capture: Screenshot and analyze existing UI elements to match design systems.
- Use Case: Quickly sketch out a new settings page layout with tabs, or capture the exact style of a company's existing button component to ensure consistency in a new feature.
Quick Start
Create an ASCII wireframe for a user profile page with sections for personal info and recent activity.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: napkin-sketch Download link: https://github.com/TimothyNguyen04/pmos/archive/main.zip#napkin-sketch Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.