cria-design

Community

Automate design creation and updates for features from existing PRDs.

Authorarthun01
Version1.0.0
Installs0

System Documentation

What problem does it solve?

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.

Core Features & Use Cases

  • Automated Design Creation: Generates a single design.md file per feature, orchestrating the design process from PRD to visual prototype.
  • Paper Desktop Integration: Uses Paper Desktop (via MCP) for paper-first design, with fallbacks to external tools like Figma, Sketch, or screenshots.
  • Version Control: Maintains a history of design changes and allows for easy updates and iterations.
  • Use Case: When a user requests "create the design", "create a prototype", "wireframe of the feature", or "update the design", this skill handles the task.

Quick Start

Run the command /cria-design [feature-slug] to generate or update the design for the specified feature.

Dependency Matrix

Required Modules

paper-desktopfigmasketchexcalidrawscreenshottextual-description

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: cria-design
Download link: https://github.com/arthun01/achados-uesc/archive/main.zip#cria-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.