Canvas Designer — Design skill for Claude Code
Use the @canvas-designer agent for UI/UX design and implementation: $ARGUMENTS.
How to install Canvas Designer
Installs to ~/.claude/commands/evolutionapi-evo-nexus-canvas-designer.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/EvolutionAPI/evo-nexus/HEAD/.claude/commands/canvas-designer.md -o ~/.claude/commands/evolutionapi-evo-nexus-canvas-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Canvas Designer does
Use the @canvas-designer agent for UI/UX design and implementation: $ARGUMENTS
If no arguments were provided, ask the user what UI feature is needed. Canvas detects framework first, commits to an aesthetic direction BEFORE coding, picks distinctive typography (no generic fonts), and avoids AI-slop generic patterns.
Alternatives in Design
- Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
- Figma — Fetch design context, screenshots, and assets from Figma for implementation 14.6k ★
- Canvas — Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to O 3.3k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Auxi Mobile Designer
Dedicated mobile designer skill for the Auxi RN app. Use when the task involves design work BEFORE implementat
Af Ship From Tech Design
If $ARGUMENTS is empty, stop and ask:
Design Feature
Design a new feature "$ARGUMENTS" for the OpenUsage TUI dashboard.
Develop Feature
Develop the feature "$ARGUMENTS" end-to-end — from design to pull request.
Architecture Design
Design comprehensive architecture for: $ARGUMENTS
TS Design Prototype
Interactive Prototype Generation: $ARGUMENTS
Related Agents
Font Researcher Google Adobe
Researches the UNDERUSED GEMS from Google Fonts and Adobe Fonts. Absolutely refuses to return Inter, Montserra
Artboard Builder
Builds the approved 1080x1350 static HTML artboard and still PNG while preserving verified identity assets, in
Frontend Design Enhancer
Enhances frontend design quality by applying aesthetic principles, avoiding generic AI defaults, implementing