canva-design-workspace-toolkit
Master Canva Pro workflows with templates, brand kits, export formats, and collaborative design review processes.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
Design & creation
20,802 results
design-patterns
Choose or review a Gang-of-Four pattern when recurring code structure creates a concrete design problem. Use to compare a named pattern with a simpler design;…
apple-design-motion
Use when animating an Apple-style interface — spring physics, the signature smooth/snappy/bouncy springs, fluid interruptible transitions, hero/continuity…
annotations-figma
Read and write designer annotations on Figma nodes — node-level design specs that pin properties (fills, width, fontSize, etc.) and carry plain or markdown…
component-properties-figma
Add, edit, and delete Figma component properties (TEXT, BOOLEAN, INSTANCE_SWAP, VARIANT) on a COMPONENT or COMPONENT_SET, and instantiate a component then set…
create-figjam-content
Author FigJam boards with granular control — sticky notes (single + batch), connectors between nodes, shapes-with-text, sections, tables, code blocks, and…
manage-variables-figma
Create, update, rename, delete, and organize Figma variables, collections, and modes — including fast batch create/update, setting scopes, code syntax, and…
asc-app-shots-prompt
Generate optimized Gemini prompts for `asc app-shots generate` by analyzing app screenshots. Reads the screenshot image, identifies the app's purpose, key…
svg-creator
Create high-quality SVG graphics including icons, illustrations, logos, diagrams, infographics, patterns, animations, and abstract art. Use this skill whenever…
gpt-imagegen
Default image generation and image editing skill for AI agents. Use this skill for general requests to generate images, create pictures, draw illustrations,…
hologram-presenter-video
Turn user content into a single-person knowledge-explainer video. Suitable for knowledge popularization, tutorials, courses, information summaries, or product mechanism explanations, and requires scenarios where the explaining character speaks and interacts with floating holographic information.
motion-launch-video
Use when asked to make a launch video, product film, motion design piece, UI motion reel, Dribbble-style UI animation or animated brand/logo sting — anything…
quickdesign
Use the `quickdesign` CLI to generate AI media — UGC promo videos, image edits, product creatives, video upscales — through Seedance, Kling, Sora2, Nano…
gathering-ui
The drum sounds. Chameleon and Deer gather for complete UI work. Use when designing interfaces that must be both beautiful and accessible.
First Principles Thinking
This skill should be used when the user asks to "analyze from first principles", "第一性原理", "从根本分析", "从零开始思考", "think from scratch", "question this design",…
unity-postprocess
Configure modern SRP post-processing on URP/HDRP
bmad-agent-diagram-reviewer
Architecture diagram reviewer. Use when the user asks to review a diagram or validate architecture.
team-uidesign
Unified team skill for UI design team. Research -> design tokens -> audit -> implementation. Uses team-worker agent architecture with roles/ for domain logic.…
video-translation
Translate, dub, and localize speech in an existing video while optionally preserving speaker voices, generating translated captions, or synchronizing the…
sound-effects
Generate sound effects from text descriptions using ElevenLabs. Use when creating sound effects, generating audio textures, producing ambient sounds, cinematic…
docyrus-app-ui-design
Design and build production-grade UI components for Docyrus React applications using preferred component libraries. Use when creating dashboards, forms, data…
mobile-redesign-app
Whole-app redesign of an existing React Native / Expo app - full audit (tokens, navigation vs the Nav Read rules, screen archetypes, dial reading),…
go-binary-size
Reduce the size of compiled Go binaries and container images: linker flags, inlining budget, CGO and build tags, embedded assets, dependency weight, and…
opendesign-scripts
Guide to using the OpenDesign build script tool. Use this skill when you need to use the @opensig/open-scripts CLI tool for icon generation, SVG cleaning, component building, style compilation, and design token generation. Supports 5 commands: gen:icon (SVG to Vue icon component), clean:svg (SVG…