Skills

Canvas

Create and edit Kun Design screens, editable shapes, diagrams, design systems, layouts...

Install

npx skills add KunAgent/Kun --skill canvas -g -a claude-code -y
Repository
KunAgent/Kun6.4k
Category
Design
Updated
3d ago
License
See repository
Context cost
Lightabout 359 tokens
Runs scripts
No, instructions only

What it does

Create and edit Kun Design screens, editable shapes, diagrams, design systems, layouts, and motion.

Kun Canvas

Copyright (c) 2026 KunAgent. Licensed under the MIT License.

Purpose

Create and edit Kun Design screens, editable shapes, diagrams, design systems, layouts, and motion.

Tool routing

Tool or skillUse
design_create_screenCreate frames or screens.
design_update_shapesAdd or update editable shapes.
design_arrangeAlign, distribute, grid, stack, or reflow.
design_create_diagramCreate an HTML-first complex diagram on Design canvas.
design_systemCreate, apply, or validate DESIGN.md.
design_validateRun design validation.
design_motion_apply_presetApply editable motion presets.

Workflow

  1. Inspect the active canvas snapshot and occupied bounds.
  2. Choose editable shapes for structure and HTML-first diagrams for complex explanatory layouts.
  3. Use existing ids for updates and preserve unrelated content.
  4. Apply arrangement or responsive reflow deliberately.
  5. Validate the resulting design.

Completion gates

  • Never place new content over unrelated objects.
  • Use full fill and stroke objects for vector styling.
  • Use current frame and shape ids for motion.

Boundaries

  • Do not use canvas tools outside a canvas turn.
  • Do not replace editable architecture diagrams with raster image generation.

Delivery

Lead with the outcome, name the evidence used for verification, and disclose any real limitation that remains.

More in Design