canvas-designer

Coordinate canvas projects, AI image generation, and design-marker edits.

5.0k|548|Updated May 14, 2025
One-click install
npx skills add https://github.com/dtyq/magic --skill canvas-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas-designer
Source: https://github.com/dtyq/magic/tree/main/backend/super-magic/agents/skills/canvas-designer
Command: npx skills add https://github.com/dtyq/magic --skill canvas-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill consolidates project planning, multimedia principles, AI image generation, web image search, and design-marker processing into a unified canvas design workflow. It enables teams to plan, create, and edit canvas projects without switching tools.

Core Features & Use Cases

  • Unified canvas workflow: create and manage canvas projects, generate visuals with AI, search for references, and apply design markers to make precise edits.
  • AI image generation and web search: populate canvases with relevant visuals and reference material.
  • Design-marker processing: parse and apply user intent to specific regions of an image while preserving the rest.
  • Video generation: extend canvases to video/animation tasks using dedicated reference docs.

Quick Start

Load the canvas-designer skill and start a new project to begin creating a canvas using AI-generated images and marker-driven edits.

Frequently Asked Questions about canvas-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design canvases with AI image generation and marker-driven edits?

To design canvases with AI image generation, load the canvas-designer skill to orchestrate project creation, generate visual assets, and apply design markers to specific image regions while preserving the rest of the canvas.

Can I search the web for reference images without leaving my canvas design workflow?

Yes, the unified canvas workflow integrates web image search directly, allowing you to populate canvases with relevant visuals and reference material without switching between separate design tools.

How do design markers work for making precise edits to AI-generated images?

Design markers parse user intent and apply edits to specific regions of an image, enabling precise multimodal asset edits across iterations while preserving the rest of the canvas.

Does this canvas workflow support video generation and animation tasks?

Yes, the canvas workflow extends to video generation and animation tasks using dedicated reference docs, allowing you to build out dynamic visual content within the same project environment.

What is the best way to manage multimodal design assets across multiple iterations?

The best way to manage multimodal assets is by loading the unified canvas workflow skill, which coordinates project planning, AI image generation, and design-marker processing across all editing iterations.