From opendesign
Generates 3-5 low-fi sketch wireframes with handwritten fonts and simple shapes to explore multiple structurally distinct UI design options quickly.
npx claudepluginhub manalkaff/opendesign --plugin opendesignThis skill uses the workspace's default tool permissions.
Loaded when the user wants to explore the design space quickly — many rough ideas, not one polished direction.
Generates 2-3 variant HTML mockups for UI design ideas in .planning/sketches/, grounded in spike data. Frontier mode analyzes sketches and proposes next ones. For pre-implementation exploration.
Create low-to-high fidelity wireframes and interactive prototypes using Figma, Balsamiq, Framer for UI validation, feedback, and developer handoff.
Generates annotated wireframe specs defining content priority, component placement, interaction notes, responsive behaviors, and fidelity levels for UI layouts.
Share bugs, ideas, or general feedback.
Loaded when the user wants to explore the design space quickly — many rough ideas, not one polished direction.
Write all output files to ./opendesign/mockups/<task-slug>/. Derive the slug from the task name (e.g. dashboard-redesign, onboarding-flow).
The goal is breadth, not polish. The output is a map of the design space, not a finished artifact. Use this skill early in a project, before the user has committed to a direction.
Interview the user first to understand the problem, then generate multiple rough takes in one pass.