liyecom/canvas-design
Skills/00_Core_Utilities/creative/canvas-design/SKILL.md
视觉设计与艺术创作工具
$ install --global
skillsauthnpx skillsauth add liyecom/liye-ai canvas-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 20, 2026, 10:36 AM14.4s1 file scanned
SKILL.md
- name:
- canvas-design
- description:
- 视觉设计与艺术创作工具
- domain:
- 00_Core_Utilities
- category:
- creative
- version:
- 1.0.0
- status:
- active
- source:
- awesome-claude-skills
- source_url:
- https://github.com/ComposioHQ/awesome-claude-skills
- license:
- Apache-2.0
- skeleton:
- workflow
- commands:
- ["/canvas-design"]
- patterns:
- ["canvas-design"]
- required:
- []
- optional:
- []
- artifacts:
- ["SKILL.md"]
- - symptom:
- Unexpected tool/runtime failure
- recovery:
- Rerun with minimal steps; escalate after 3 failures
- evidence_required:
- true
- how_to_verify:
- ["node .claude/scripts/sfc_lint.mjs <skill_dir>"]
- constitution:
- _meta/governance/SKILL_CONSTITUTION_v0.1.md
- policy:
- _meta/policies/DEFAULT_SKILL_POLICY.md
Canvas Design
来源: ComposioHQ/awesome-claude-skills 适配: LiYe OS 三层架构
使用设计哲学创建视觉艺术作品，输出 PNG 和 PDF 格式，适用于海报、设计稿、静态作品。
When to Use This Skill
当需要创建视觉设计时：
- 创建海报和宣传材料
- 设计信息图表
- 制作演示用视觉素材
- 创作静态艺术作品
- 生成 PNG/PDF 格式输出
Core Capabilities
1. 视觉设计原则
- 对比 (Contrast): 突出重要元素
- 重复 (Repetition): 建立一致性
- 对齐 (Alignment): 创造秩序感
- 亲密 (Proximity): 组织相关元素
2. 排版与构图
- 网格系统应用
- 视觉层次建立
- 留白运用
- 焦点引导
3. 色彩理论
- 色彩搭配原则
- 情绪与色彩关联
- 品牌色应用
- 对比度与可读性
4. 输出格式
- PNG: 高质量位图，适合网络
- PDF: 矢量格式，适合打印
- 分辨率优化
- 尺寸适配
5. 设计迭代
- 快速原型
- 版本对比
- 反馈整合
- 持续优化
Usage Examples
示例 1: 产品海报
用户: 帮我设计一个 Amazon 产品的促销海报
Claude: [使用 canvas-design 创建视觉吸引的促销海报]
示例 2: 信息图表
用户: 把这些数据做成一个信息图表
Claude: [使用 canvas-design 设计数据可视化信息图]
示例 3: 社交媒体素材
用户: 帮我创建一套 Instagram 帖子素材
Claude: [使用 canvas-design 设计统一风格的社交媒体图片]
Dependencies
- PNG/PDF 生成库
- 设计渲染引擎
- 可选：Canvas API、SVG 库
LiYe OS Integration
业务域引用
此技能被以下业务域引用：
- 03_Creative_Production: 视觉设计（主域）
- 02_Operation_Intelligence: 产品图设计
- 08_Communication: 演示素材
三层架构位置
- 物理层 (本文件): Skills/00_Core_Utilities/creative/canvas-design/
- 逻辑层索引: Skills/{domain}/index.yaml
- L3 指令层: .claude/skills/{domain}/canvas-design/
Created: 2025-12-28 | Adapted for LiYe OS
Related Skills
liyecom/ui-ux
tools
VerifiedTrustedCommunity
SFC patched skill. Use when "ui-ux" is relevant.
34SKILL.mdUpdated Apr 6, 2026
liyecom/kaizen
data-ai
VerifiedTrustedCommunity
持续改进方法论 - 基于精益思想
33SKILL.mdUpdated Apr 6, 2026
liyecom/software-architecture
tools
VerifiedTrustedCommunity
软件架构设计模式与最佳实践
33SKILL.mdUpdated Apr 6, 2026
liyecom/skill-creator
tools
VerifiedTrustedCommunity
Claude Skills 创建指南与最佳实践
33SKILL.mdUpdated Apr 6, 2026