manalkaff/opendesign

1

opendesign Use when starting any design task — HTML pages, slide decks, interactive prototypes, UI kits, brand systems. Establis…

manalkaff/opendesign

151

2

interactive-prototype Use when the user asks for a working, clickable prototype — something that behaves like a real app rather than a stat…

manalkaff/opendesign

87

3

create-design-system Use when the user asks to produce a reusable design system or UI kit from an existing brand, codebase, or product. Wr…

manalkaff/opendesign

83

4

wireframe Use when the user wants to explore the design space quickly — many rough ideas, not one polished direction. Low-fi, h…

manalkaff/opendesign

79

5

frontend-design Use when designing without an existing brand system. Pushes for a committed, distinctive aesthetic rather than generi…

manalkaff/opendesign

75

6

setup-opendesign Use when ./opendesign/index.html does not exist in the current project. Initialises the OpenDesign output folder stru…

manalkaff/opendesign

75

7

make-a-deck Use when the user asks for a slide presentation. Shifts into presentation-designer mode — fixed 1920×1080 canvas, cha…

manalkaff/opendesign

72

8

run-opendesign Use after any OpenDesign build to serve ./opendesign/ over HTTP and give the user a clickable preview link. Handles d…

manalkaff/opendesign

72

9

handoff-to-claude-code Use when the user asks to hand a finished design off to a developer or a coding agent for implementation in a real co…

manalkaff/opendesign

70

10

make-tweakable Use when the user wants in-design controls for toggling variants, swapping colors, editing copy, or flipping feature …

manalkaff/opendesign

69