Agent Skills › KunAgent/Kun › canvas

canvas

GitHub

用于创建和编辑Kun Design画布,支持屏幕、形状、图表、设计系统、布局及动效的生成与调整。

resources/bundled-skills/canvas/SKILL.md KunAgent/Kun

Trigger Scenarios

需要创建新的UI界面或屏幕框架时 需要对现有设计元素进行排列、对齐或更新时 需要生成复杂图表或应用动效预设时

Install

npx skills add KunAgent/Kun --skill canvas -g -y
More Options

Non-standard path

npx skills add https://github.com/KunAgent/Kun/tree/master/resources/bundled-skills/canvas -g -y

Use without installing

npx skills use KunAgent/Kun@canvas

指定 Agent (Claude Code)

npx skills add KunAgent/Kun --skill canvas -a claude-code -g -y

安装 repo 全部 skill

npx skills add KunAgent/Kun --all -g -y

预览 repo 内 skill

npx skills add KunAgent/Kun --list

SKILL.md

Frontmatter
{
    "name": "canvas",
    "description": "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 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

  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.

Version History

  • a984912 Current 2026-09-09 01:49

Same Skill Collection

.claude/skills/openspec-apply-change/SKILL.md
.claude/skills/openspec-archive-change/SKILL.md
.claude/skills/openspec-explore/SKILL.md
.claude/skills/openspec-propose/SKILL.md
.codex/skills/openspec-apply-change/SKILL.md
.codex/skills/openspec-archive-change/SKILL.md
.codex/skills/openspec-explore/SKILL.md
.codex/skills/openspec-propose/SKILL.md
.cursor/skills/openspec-apply-change/SKILL.md
.cursor/skills/openspec-archive-change/SKILL.md
.cursor/skills/openspec-explore/SKILL.md
.cursor/skills/openspec-propose/SKILL.md
resources/bundled-skills/ad-creative/SKILL.md
resources/bundled-skills/automation/SKILL.md
resources/bundled-skills/browser/SKILL.md
resources/bundled-skills/chart-rendering/SKILL.md
resources/bundled-skills/component-design/SKILL.md
resources/bundled-skills/component/SKILL.md
resources/bundled-skills/content-research-writer/SKILL.md
resources/bundled-skills/copy-editing/SKILL.md
resources/bundled-skills/copywriting/SKILL.md
resources/bundled-skills/daily-brief/SKILL.md
resources/bundled-skills/data-visualization/SKILL.md
resources/bundled-skills/diagram-design/SKILL.md
resources/bundled-skills/docx/SKILL.md
resources/bundled-skills/excalidraw-diagram/SKILL.md
resources/bundled-skills/humanizer-zh/SKILL.md
resources/bundled-skills/image-generation/SKILL.md
resources/bundled-skills/imf-data/SKILL.md
resources/bundled-skills/integration-binding/SKILL.md
resources/bundled-skills/kun-tool-router/SKILL.md
resources/bundled-skills/legal-risk-assessment/SKILL.md
resources/bundled-skills/media-video/SKILL.md
resources/bundled-skills/office-editor/SKILL.md
resources/bundled-skills/open-data/SKILL.md
resources/bundled-skills/paper-library/SKILL.md
resources/bundled-skills/paper-reader/SKILL.md
resources/bundled-skills/process-doc/SKILL.md
resources/bundled-skills/saas-metrics-coach/SKILL.md
resources/bundled-skills/scholar-research/SKILL.md
resources/bundled-skills/scientific-problem-selection/SKILL.md
resources/bundled-skills/sec-edgar/SKILL.md
resources/bundled-skills/skill-creator/SKILL.md
resources/bundled-skills/skill-pack-builder/SKILL.md
resources/bundled-skills/slides/SKILL.md
resources/bundled-skills/webapp-building/SKILL.md
resources/bundled-skills/world-bank-data/SKILL.md
resources/bundled-skills/xlsx/SKILL.md
resources/bundled-skills/yahoo-finance/SKILL.md

Metadata

Files
0
Version
9e4b90f
Hash
521c888c
Indexed
2026-09-09 01:49

trang chủ - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-09-30 17:49
浙ICP备14020137号-1