canvas
Create and edit Kun Design screens, editable shapes, diagrams, design systems, layouts, and motion.
62
72%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./resources/bundled-skills/canvas/SKILL.mdKun 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 skill | Use |
|---|---|
design_create_screen | Create frames or screens. |
design_update_shapes | Add or update editable shapes. |
design_arrange | Align, distribute, grid, stack, or reflow. |
design_create_diagram | Create an HTML-first complex diagram on Design canvas. |
design_system | Create, apply, or validate DESIGN.md. |
design_validate | Run design validation. |
design_motion_apply_preset | Apply editable motion presets. |
Workflow
- Inspect the active canvas snapshot and occupied bounds.
- Choose editable shapes for structure and HTML-first diagrams for complex explanatory layouts.
- Use existing ids for updates and preserve unrelated content.
- Apply arrangement or responsive reflow deliberately.
- 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.
- Repository
- KunAgent/Kun
- Commit
ebce7f6
- Last updated
- First committed
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.