Agent SkillsKunAgent/Kun › canvas

canvas

GitHub

用于在 Kun Design 画布上创建和编辑屏幕、形状、图表、设计系统及布局,支持运动效果应用与设计验证。

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

Trigger Scenarios

需要创建新的设计界面或画布 修改现有设计中的形状或布局 生成或更新复杂图表 应用设计系统规范 添加或调整动画效果

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/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/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
a984912
Hash
521c888c
Indexed
2026-09-09 01:49

ホーム - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-09-09 05:56
浙ICP备14020137号-1 $お客様$