Generate design.md files with screen references from PRDs.
npx skills add https://github.com/arthun01/achados-uesc --skill cria-design
Please help me install this Agent Skill. Skill: cria-design Source: https://github.com/arthun01/achados-uesc/tree/main/.opencode/skills/cria-design Command: npx skills add https://github.com/arthun01/achados-uesc --skill cria-design
This Skill automates the creation or update of visual prototypes (screens/wireframes) for features from existing Product Requirement Documents (PRDs), saving time and reducing errors in the design process.
design.md file per feature, orchestrating the design process from PRD to visual prototype.Run the command /cria-design [feature-slug] to generate or update the design for the specified feature.
High-intent search queries and answers about installing and using this skill.
To automate design creation from PRDs, use a command with a feature slug to generate a design.md file containing a list of screens with their respective design references or IDs, orchestrating the design process directly from the PRD.
Yes, automated prototyping works with Figma and Sketch. It integrates with external design tools as a fallback to Paper Desktop, allowing you to generate prototypes and wireframes using your preferred design tool integration.
The best way to update visual prototypes from textual descriptions is by running a command like cria-design [feature-slug]. It processes the textual description to update the design.md file and maintain version control for iterations.
You do not need Paper Desktop to generate wireframes from PRDs, although it is the primary tool used via MCP. The system supports fallbacks to Figma, Sketch, screenshots, and textual descriptions if Paper Desktop is unavailable.
You need a design.md file for product design automation when you want to maintain a versioned history of design changes for a specific feature. It contains a list of screens with their respective design references or IDs generated from the PRD.
thepriceisrightGenerate a structured PRD from a feature brief and save it to tasks/prd-[feature-name].md.
idiotLeoLYJMap Stitch-generated screens to interaction documentation and validate HTML prototypes.
JetBrainsFetch Figma design context and generate React + Tailwind UI code.
aztr0nutzsGenerate React, Tailwind CSS, and shadcn/ui static websites from text descriptions.