pencil-mockup

What problem does it solve?

It removes the friction of creating and editing Pencil .pen mockups by turning design requests into disciplined canvas updates with built-in layout rules and style consistency.

Core Features & Use Cases

• Create or Update Mockups: Add new screens, edit existing frames, and manage state variants directly on a Pencil canvas.
• Canvas Safety Checks: Enforces no-overlap layout rules, note placement checks, and reflow when frames grow.
• Style Consistency: Keeps every mockup aligned with a required style guide frame and updates it when visual decisions change.
• Use Case: A designer can ask for a new screen mockup or an update to an existing flow and get a convention-safe Pencil edit instead of a loose sketch.

Quick Start

Ask the skill to create or update the target Pencil mockup and follow the canvas conventions.