Skills
.Work. You
Rest

canva-intake

Official

Convert Canva designs to build specs automatically.

Software Engineering#react#pipeline#design-to-code#app-development#vision-analysis#canva#build-spec
AuthorPMDevSolutions
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill eliminates the tedious manual work of analyzing Canva designs to extract page structure, components, and content for app development, removing guesswork and repeated user questions from the design-to-code workflow.

Core Features & Use Cases

  • Automated Canva Integration: Uses the Canva AI Connector MCP to export high-resolution screenshots of all design pages without manual user intervention.
  • Vision-Powered Analysis: Leverages Claude's vision capabilities to detect page sections, reusable components, visual hierarchy, and all visible text content from exported screenshots.
  • Project Context Awareness: Auto-detects local project framework, existing components, UI libraries, and design tokens to align generated specs with your current codebase.
  • Use Case: If you have a Canva design for a new web app, this skill automatically gathers all required design and project details to kick off an autonomous code generation pipeline.

Quick Start

Use the canva-intake skill with your Canva design URL to generate a complete build specification for your app in one step.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: canva-intake
Download link: https://github.com/PMDevSolutions/Aurelius/archive/main.zip#canva-intake

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 537,000+ vetted skills library on demand.