pm-mock - UI Wireframe Generator with Pencil
Generates UI wireframes and mockups using the Pencil design tool.
Tags
Updated: 2026-03-10Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create screen frame
- create screen
- read context file
- load design guidelines
- get style guide
- generate screenshot
- add annotations
- create empty state
- create error state
- create loading state
Inputs
- User flow
- Feature description
- Context file
- Design guidelines
- Style guide tags
Outputs
- UI wireframes
- Mockup screenshots
- Screen list
- Annotations
Requirements
- Pencil MCP tool
- Context file availability
