Official编程与开发github.com

画布设计

使用设计理念生成精美的 .png 和 .pdf 视觉艺术作品。当用户要求创建海报、艺术品、设计或其他静态作品时,应使用此技能。创作原创视觉设计,绝不抄袭现有艺术家。

画布设计 是什么?

这个技能是一个高级视觉设计工具,旨在帮助 AI 代理创建具有深刻设计理念的原创视觉艺术作品。它采用两步工作流程:首先,基于用户输入的细微提示生成一个完整的设计理念(美学运动),以 .md 文件形式输出;其次,将该理念通过视觉表达在画布上,生成 .pdf 或 .png 文件。该技能强调“视觉哲学”的创建,而非简单的布局模板,重点在于形式、空间、色彩、构图等元素的表达。它支持在所有主流 AI 代理平台(如 Claude Code、Cursor、Codex)上运行,并且需要访问 `./canvas-fonts` 目录以使用自定义字体。技能的核心原则包括极简文本、专家级别的工艺感(作品仿佛经无数小时精心打磨)、以及对抽象概念的艺术化表达。最终输出必须是高品质、博物馆级别的设计作品,而非带有装饰的普通文档。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anthropics/skills/tree/main/skills/canvas-design

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

以下是创建设计理念的说明——这些理念随后通过视觉表达。仅输出 .md 文件、.pdf 文件和 .png 文件。

分两步完成:

  1. 创建设计理念(.md 文件)
  2. 通过在画布上创作来表达理念(.pdf 文件或 .png 文件)

首先,执行以下任务:

设计理念创建

首先,创建一个视觉理念(而非布局或模板),该理念将通过以下方面被诠释:

  • 形式、空间、色彩、构图
  • 图像、图形、形状、图案
  • 极简文本作为视觉点缀

关键理解

  • 收到的内容:用户提供的一些细微输入或指示,应作为基础,但不限制创作自由。
  • 创建的内容:一个设计理念/美学运动。
  • 接下来要做什么:然后,同一版本接收该理念并通过视觉表达——创作出 90% 视觉设计、10% 必要文字的工艺品。

考虑这种方法:

  • 为一个艺术运动撰写宣言
  • 下一阶段涉及创作艺术品

理念必须强调:视觉表达。空间沟通。艺术诠释。极简文字。

如何生成视觉理念

为运动命名(1-2 个字):“粗野主义之喜” / “色彩静默” / “代谢之梦”

阐述理念(4-6 段——简洁但完整):

要捕捉视觉本质,表达理念如何通过以下方面体现:

  • 空间与形式
  • 色彩与材料
  • 规模与节奏
  • 构图与平衡
  • 视觉层次

关键指南:

  • 避免冗余:每个设计方面只提一次。除非增加新的深度,否则不要重复关于色彩理论、空间关系或排版原则的观点。
  • 反复强调工艺感:理念必须多次强调最终作品看起来应像花了无数小时创作,经过精心打磨,出自本领域顶尖专家之手。这种框架至关重要——重复使用诸如“精心制作”、“深厚专业知识的产物”、“煞费苦心的关注”、“大师级执行”等短语。
  • 留出创作空间:对美学方向保持具体,但足够简洁,让下一个 Claude 也有空间以同样高水平的工艺做出诠释性选择。

理念必须引导下一版本通过视觉表达想法,而非通过文字。信息存在于设计中,而非段落中。

理念示例

“混凝土诗歌” 理念:通过纪念性形式和大胆几何进行沟通。 视觉表达:巨大的色块、雕塑般的排版(巨大的单词、小标签)、粗野主义空间分割、波兰海报能量与勒·柯布西耶的结合。想法通过视觉重量和空间张力传达,而非解释。文字作为稀有而有力的姿态——从不使用段落,只有融入视觉建筑的基本词汇。每个元素都以大师工匠的精准放置。

“色彩语言” 理念:色彩作为主要信息系统。 视觉表达:几何精确,色彩区域创造意义。排版极简——小字无衬线标签,让色彩场域自行沟通。想象约瑟夫·阿尔伯斯的互动与数据可视化的结合。信息通过空间和色彩编码。文字仅用于锚定色彩已展示的内容。这是精心色彩校准的结果。

“模拟冥想” 理念:通过纹理和呼吸空间实现安静的视觉沉思。 视觉表达:纸张纹理、墨水晕染、大量负空间。摄影和插画主导。排版低语(小字、克制、服务于视觉)。日本摄影集美学。图像在页面间呼吸。文字偶尔出现——短句,从不解释性段落。每个构图都像冥想练习一样平衡。

“有机系统” 理念:自然聚类和模块化生长模式。 视觉表达:圆润形态、有机排列、源于自然并通过建筑呈现的色彩。信息通过视觉图表、空间关系、图标展示。文字仅作为漂浮在空间中的关键标签。构图通过专家级的空间编排讲述故事。

“几何静默” 理念:纯粹的秩序与克制。 视觉表达:基于网格的精确、大胆的摄影或鲜明图形、戏剧性的负空间。排版精确但极简——小字核心文本,大面积的安静区域。瑞士形式主义与粗野主义的材料诚实相结合。结构在传达信息,而非文字。每次对齐都是无数次调整的成果。

这些是浓缩的示例。实际的设计理念应为 4-6 个完整的段落。

基本原则

  • 视觉理念:创建一个通过设计来表达的美学世界观
  • 极简文字:始终强调文字稀疏、仅保留核心、作为视觉元素融入——绝不冗长
  • 空间表达:想法通过空间、形式、色彩、构图传达——而非段落
  • 艺术自由:下一个 Claude 在视觉上诠释理念——提供创作空间
  • 纯粹设计:这是关于制作艺术品,而非带有装饰的文档
  • 专家工艺感:反复强调最终作品必须看起来精心制作、经过细心打磨、由领域顶尖人物花费无数小时完成

设计理念应为 4-6 段长。 用诗意的设计理念填充,汇集核心愿景。避免重复相同的观点。保持设计理念的通用性,不提及艺术意图,仿佛它可以用于任何地方。将设计理念输出为 .md 文件。


推断微妙参考

关键步骤:在创建画布之前,从原始请求中识别出细微的概念线索。

核心原则: 主题是嵌入在艺术本身中的微妙、小众的参考——不总是字面意义,总是精妙的。熟悉该主题的人应凭直觉感受到它,而其他人则仅仅体验到一个大师级的抽象构图。设计理念提供美学语言。推断出的主题提供灵魂——无形地编织进形式、色彩和构图中的安静概念 DNA。

这非常重要:参考必须足够精炼,以增加作品的深度,但不显山露水。想象爵士音乐家在引用另一首歌曲——只有懂的人会捕捉到,但每个人都能欣赏音乐本身。


画布创建

在理念和概念框架都建立之后,在画布上表达出来。花点时间整理思路,清空思绪。使用创建的设计理念和以下说明来打造一件杰作,体现理念的各个方面,并具备专家的工艺感。

重要:对于任何类型的内容,即使用户请求的是电影/游戏/书籍相关,方法仍应保持精妙。永远不要忘记这应该是艺术,而不是卡通或业余的东西。

要创作出博物馆或杂志级别的作品,请以设计理念为基础。创建一个单页、高度视觉化、以设计为导向的 PDF 或 PNG 输出(除非要求更多页面)。通常使用重复图案和完美形状。将抽象的理念设计视为一本科学圣经,借用系统化观察的视觉语言——密集的标记积累、重复的元素或分层图案,通过耐心重复建立意义,并奖励持续的观看。添加稀疏、临床的排版和系统化的参考标记,暗示这可能是某个虚构学科的图表,以通常用于记录可观察现象的同名敬意对待无形主题。用简单的短语或细微的细节锚定作品,使用感觉有意且有凝聚力的有限色彩调色板。拥抱使用分析性视觉语言来表达关于人类体验的想法的悖论:结果应感觉像是证明某些短暂事物可以通过细心关注被研究、映射和理解的文物。这是真正的艺术。

文字作为上下文元素:文字始终是极简且视觉优先的,但让上下文决定是轻声细语的标签还是大胆的排版姿态。朋克场地海报可能比极简陶瓷工作室标识有更大、更激进的字体。大多数情况下,字体应细。所有字体的使用必须以设计为先,并优先考虑视觉沟通。无论文字规模如何,任何元素都不能超出页面边界或重叠。每个元素必须保持在画布边界内,并留有适当的边距。仔细检查所有文本、图形和视觉元素是否有呼吸空间和清晰的分离。这对于专业执行是不可妥协的。重要:如果书写文字,请使用不同的字体。搜索 ./canvas-fonts 目录。无论采用何种方法,精雕细琢是不可妥协的。

下载并使用任何需要的字体来实现这一目标。通过将排版真正作为艺术本身的一部分来创新——如果艺术是抽象的,将字体带到画布上,而非以数字方式排版。

要突破界限,在设计直觉/本能的同时,以理念为指导原则。拥抱终极设计自由和选择。将美学和设计推向前沿。

关键:要实现人类手工制作的质量(而非 AI 生成),请创作出看起来花了无数小时的作品。使它看起来像是本领域最高水平的人倾注了无比心血来打造每一个细节。确保构图、间距、色彩选择、排版——一切都彰显出专家级的工艺水平。再次确认没有重叠、格式完美、每个细节都无可挑剔。创作出可以向人展示以证明专业知识,并被认可为令人印象深刻的作品。

将最终结果输出为单个可下载的 .pdf 或 .png 文件,同时附上使用的设计理念作为 .md 文件。


最终步骤

重要:用户已经说过“它还不够完美。它必须是无瑕的、工艺的杰作,仿佛即将在博物馆展出。”

关键:要完善作品,避免添加更多图形;而是完善已创建的内容,使其极其清晰,完全尊重设计理念和极简主义原则。与其添加有趣的滤镜或重构字体,不如考虑如何使现有构图与艺术更加协调。如果本能是调用新函数或绘制新形状,停止并问自己:“我如何让已有的东西更接近一件艺术品?”

再进行一次审视。回到代码中,进一步优化/润色,使其成为一个符合理念设计的杰作。

多页面选项

当被要求创建额外的页面时,沿着与设计理念相同但又有显著区别的路线创建更多创意页面。将这些页面捆绑到同一个 .pdf 或多个 .png 文件中。将第一页仅视为整个待填充画册中的一页。让后续页面成为原版的独特变体和记忆。让它们以非常雅致的方式几乎讲述一个故事。充分行使创作自由。

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

academy-guide

Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it recommends matching courses, tutorials, and use cases from Claude Academy (academy.claude.com), Anthropic's learning hub. Trigger on: "how do I", "how can I", "getting started with", "what can Claude do", "teach me", "learn to use"; questions about artifacts, projects, skills, plugins, connectors, MCP; requests about rolling Claude out to a team, class, or organization; and any ask for training materials, onboarding content, or learning resources. Use it when the user is learning how to use a feature or product — not when they are mid-task and just want the task done. This skill composes with other skills: after consulting product documentation to answer how a Claude feature works, also check here for a matching course or tutorial — a docs-grounded answer and an Academy recommendation belong together. Only recommend on a strong match; never invent Academy content.

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists

anthropics/template-skill

Replace with description of the skill and when Claude should use it.

brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

claude-api

|-

discernment-nudge

After you give a substantive answer or draft that the user may act on — advice or recommendations, drafted artifacts such as goals, plans, pitches, proposals, or emails, estimates or projections, analysis or interpretation of data, factual claims they may rely on, or a multi-step argument — invoke this skill BEFORE finalizing your reply and then, if it applies, append 2-3 short follow-up questions, each tied to something specific in what you just produced, that help the user check key facts, probe the reasoning or assumptions, and notice missing context. Do this at most once per conversation. Skip it when the user asked a trivial how-to or simple lookup, wants a purely educational explanation, asked you only to format, convert, or assemble a file from content they provided, is writing code they will run, is doing creative writing or casual chat, or already asked you to double-check, cite, or review — the skill file explains these boundaries and the exact output format.

doc-coauthoring

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

docx

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

internal-comms

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

mcp-builder

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

pdf

Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting/decrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.

pptx

Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \

skill-creator

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill

slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like

theme-factory

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

xlsx

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .xltx, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like \

相关技能