画布设计:在 Agent 里按设计哲学输出 PNG 与 PDF 静态视觉

前言

在 Cursor、Claude Code 等环境里让模型「画一张海报」时,常见结果是排版随意、风格漂移,或输出格式不符合交付要求。若你希望 Agent 在用户提出海报、艺术品、平面设计等需求时,能按一套设计哲学组织画面,并把成果落到 .png 或 .pdf,而不是临时拼凑 HTML 截图,就需要把能力写进 Skill,而不是只靠一句系统提示。

下面介绍 SkillHub 上的「画布设计」(@org-02qudk26/cn-canvas-design):企业来源、面向静态视觉交付,且标注 requires_api_key=false,不依赖额外 API Key。

这是什么

「画布设计」是智雨科技在 SkillHub 发布的企业类 Skill(enterprise),当前版本 1.0.0,分类为 design-media。

官方简介概括为:使用设计哲学在 .png 与 .pdf 文档中创作视觉作品;当用户要求创作海报、艺术品、设计或其他静态作品时启用;强调创作原创视觉设计,不抄袭现有艺术。

Skill 坐标:@org-02qudk26/cn-canvas-design。页面与 API 入口分别为:

  • SkillHub:https://www.skillhub.cn/skills/org-02qudk26/cn-canvas-design
  • 官方地址:https://api.skillhub.cn/org-02qudk26/cn-canvas-design

核心功能

以下能力均来自 SkillHub 页面与抓取元数据,未展开 SKILL.md 内部实现细节。

  1. 输出格式:以 .png、.pdf 为交付载体,面向海报、艺术品、平面设计等静态作品。
  2. 触发场景:用户明确提出静态视觉创作类需求时,由 Agent 按 Skill 指引调用本能力。
  3. 设计取向:通过「设计哲学」约束构图、配色与版式思路,而非单次即兴描述。
  4. 原创约束:Skill 说明中明确要求原创视觉,不抄袭现有艺术。
  5. 依赖:标签 requires_api_key=false,安装使用不强制配置第三方 API Key。

安装与启用

SkillHub 官方建议:让 AI 阅读安装文档后执行安装。安装说明见 https://skillhub.cn/install/skillhub.md 。

1、安装 SkillHub CLI(若尚未安装)

先检查是否已安装:

command -v skillhub && skillhub --version

未安装时可执行完整安装(CLI + 默认 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

仅需 CLI 时:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

2、安装「画布设计」到当前 Agent 的 skills 目录

安装时必须用 --dir 指向当前客户端识别的 skills 目录,否则默认落在 ./skills/,Agent 可能无法加载。

skillhub install @org-02qudk26/cn-canvas-design --dir <skills 目录>

常用路径(来自 SkillHub 安装文档):

  • Cursor:~/.cursor/skills/
  • Claude Code:~/.claude/skills/
  • Codex:~/.codex/skills/ 或项目下的 .agents/skills/

也可将下面提示词发给 AI,由其按安装文档完成安装:

请根据 https://skillhub.cn/install/skillhub.md,安装 `@org-02qudk26/cn-canvas-design`。

安装后按你所用客户端要求重启或刷新 Agent,使 Skill 生效。

典型用法

本 Skill 遵循通用 SKILL.md 格式;公开页面未给出逐条命令示例,用法以简介中的场景为准。

  1. 确认 @org-02qudk26/cn-canvas-design 已出现在当前 Agent 的 skills 目录。
  2. 在对话中直接描述静态视觉需求,例如活动海报、展览主视觉、社交媒体配图、印刷用 PDF 等,并说明尺寸、用途、文字内容与风格偏好。
  3. 让 Agent 按 Skill 指引完成设计哲学梳理与画面生成,最终交付 .png 或 .pdf 文件路径或附件。

示例请求(可根据项目改写,不保证 Skill 内固定模板):

请用画布设计技能做一张 1080×1920 的活动海报,主题「技术开放日」,主色深蓝,需要标题、时间地点、二维码占位,输出 PNG。

若需可编辑的印刷稿,可在同一会话中要求导出 PDF。

适用场景与注意

适合谁

  • 需要在 Agent 工作流里稳定产出海报、主视觉、插画类静态稿的产品、运营或独立开发者。
  • 希望输出格式统一为 PNG/PDF,便于后续印刷或投放渠道。
  • 不想为 Skill 单独申请 API Key 的团队(requires_api_key=false)。

限制与注意

  • Skill 面向静态作品;动态视频、交互原型不在官方简介范围内。
  • 「原创、不抄袭」是 Skill 声明的设计约束,实际仍应在交付前人工核对版权与品牌规范。
  • SkillHub 元数据显示评分为 100000,下载 1921 次(统计以 SkillHub 抓取为准,会随时间变化)。
  • 画面质量与工具链取决于 Skill 正文及 Agent 环境;若效果不符预期,应检查 skills 目录是否正确、客户端是否已加载最新 Skill。

结尾

「画布设计」把海报与静态视觉需求收敛到 Skill:设计哲学 + PNG/PDF 交付 + 原创约束,适合挂在 Cursor 等客户端的 skills 目录中长期使用。安装与坐标以 SkillHub 为准:

https://www.skillhub.cn/skills/org-02qudk26/cn-canvas-design

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye