Skip to content

servierhub/product-design

v0.6.1MIT

Turn early product ideas, live URLs, and static screenshots into prototypes teams can review, refine, and carry forward. Scaffolds Vite, Next.js, Nuxt, or Astro; detects an existing design system or generates palette options when none exists; supports browser annotation on any of them, plus injection into user-provided boilerplates. Ported from OpenAI Codex product-design plugin.

image-to-code

Build a selected visual target into a reviewable frontend after product-design:get-context. Trigger for screenshot/mock/Figma/ImageGen-to-code, including Servier/DIFA/DNA screens in an existing boilerplate. Default design-validation builds to mock data only (no new DB/auth/services/actions). Bundled templates include annotation by default; for an existing user project, offer annotation support and obtain confirmation before changing it. Start the app yourself, verify the review URL, then run product-design:design-qa. Never ask the user to launch the server manually.

Read SKILL.md at the source

Pinned to revision c2d12eff19df, so it is the text this page describes rather than whatever the author pushed since.

Files

Every link opens the file at its source, pinned to the revision this page describes.