Studio Design
Design-to-code pipeline: screenshot to Pencil prototype to OpenSpec proposal to working code.
Overview
A design-to-code pipeline skill from Astra Studio. It moves from a screenshot to a Pencil prototype, then to an OpenSpec proposal, and finally to working code. It helps teams quickly turn a visual reference into a structured, buildable design.
Install
npx skills add https://github.com/Ameng2001/astra-studio-plugins --skill studio-designWhat is this skill?
- Screenshot to prototype
- Pencil prototype
- OpenSpec proposal
- Generates working code
Recommended Skills
Web Design Guidelinesvercel-labs/agent-skills
Lark Whiteboardlarksuite/cli
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
Sleek Design Mobile Appssleekdotdesign/agent-skills
Impeccablepbakaus/impeccable
Design Taste Frontendleonxlnx/taste-skill