跳到正文
cccskills
免费在 GitHub 公开中文介绍

canvas-design

从色彩、形状和留白等视觉方向入手制作原创海报与静态艺术作品,交付记录设计理念的Markdown文件,以及以图形为主、文字精简的PNG或PDF作品。

原文查看原文说明

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

实测评分 未实测

查看安装方法

适用场景

  • 制作原创海报
  • 用抽象艺术表达主题
  • 同时保留设计理念与作品
  • 制作风格统一的多页作品

中文介绍

功能

从确立视觉表达方向开始制作海报和静态艺术作品。首先将色彩、形状、留白、构图等思路整理为Markdown设计理念,再将其转化为PNG或PDF作品。以图形、图案和必要的少量文字表达主题,减少文字说明。完成初稿后,重点调整元素的位置、间距和配色,而不是继续增加元素。

适用场景

适合制作原创海报,或将某个主题转化为抽象视觉表达。除了作品本身,如果还希望保留作出视觉选择的依据,也可以使用。根据请求,还能制作多页作品,让各页共享同一设计理念,同时呈现各自的变化。

使用示例

  • “以宁静为主题,用留白和几何图案制作一张PNG海报。”
  • “整理这个主题的设计理念,再按照同一方向制作多页PDF艺术作品。”

注意事项

遵循原创设计的方针,不模仿现有艺术家的作品。使用文字时会参考./canvas-fonts,并根据需要下载字体。详细许可条款见LICENSE.txt。

本介绍由 AI(OpenAI Codex)根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

文档检查

AI 根据 SKILL.md 的内容检查了需要注意的操作和使用前提。评分只依据实际运行的结果(实测对比)。

安全性发送数据、删除文件、执行命令等是否有说明
A良好提供的节选说明创建作品文件,未涉及删除文件或读取认证信息。
安装难易度所需工具和 API 密钥是否少且有说明
B部分不足要求生成Markdown、PDF和PNG,但提供的节选未说明制作工具及安装步骤。

不计入评分。 由 AI(OpenAI Codex)于 2026年10月21日 评估。仅供参考,安装前请同时查看原文。

如果您认为评估有误,请申请复核

请写明哪一项有误以及原因。无需登录。我们会对照 SKILL.md 重新评估,并在此处更新结果。

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

包含的文件(83)

  • SKILL.md11.7 KB
  • canvas-fonts/ArsenalSC-OFL.txt4.3 KB
  • canvas-fonts/ArsenalSC-Regular.ttf162.0 KB
  • canvas-fonts/BigShoulders-Bold.ttf92.3 KB
  • canvas-fonts/BigShoulders-OFL.txt4.3 KB
  • canvas-fonts/BigShoulders-Regular.ttf92.2 KB
  • canvas-fonts/Boldonse-OFL.txt4.3 KB
  • canvas-fonts/Boldonse-Regular.ttf75.4 KB
  • canvas-fonts/BricolageGrotesque-Bold.ttf88.8 KB
  • canvas-fonts/BricolageGrotesque-OFL.txt4.3 KB
  • canvas-fonts/BricolageGrotesque-Regular.ttf88.8 KB
  • canvas-fonts/CrimsonPro-Bold.ttf104.8 KB
  • canvas-fonts/CrimsonPro-Italic.ttf106.3 KB
  • canvas-fonts/CrimsonPro-OFL.txt4.3 KB
  • canvas-fonts/CrimsonPro-Regular.ttf104.2 KB
  • canvas-fonts/DMMono-OFL.txt4.3 KB
  • canvas-fonts/DMMono-Regular.ttf47.7 KB
  • canvas-fonts/EricaOne-OFL.txt4.3 KB
  • canvas-fonts/EricaOne-Regular.ttf24.3 KB
  • canvas-fonts/GeistMono-Bold.ttf76.5 KB
  • canvas-fonts/GeistMono-OFL.txt4.3 KB
  • canvas-fonts/GeistMono-Regular.ttf76.4 KB
  • canvas-fonts/Gloock-OFL.txt4.3 KB
  • canvas-fonts/Gloock-Regular.ttf92.9 KB
  • canvas-fonts/IBMPlexMono-Bold.ttf132.8 KB
  • canvas-fonts/IBMPlexMono-OFL.txt4.3 KB
  • canvas-fonts/IBMPlexMono-Regular.ttf130.7 KB
  • canvas-fonts/IBMPlexSerif-Bold.ttf157.2 KB
  • canvas-fonts/IBMPlexSerif-BoldItalic.ttf165.9 KB
  • canvas-fonts/IBMPlexSerif-Italic.ttf166.0 KB
  • canvas-fonts/IBMPlexSerif-Regular.ttf156.6 KB
  • canvas-fonts/InstrumentSans-Bold.ttf66.5 KB
  • canvas-fonts/InstrumentSans-BoldItalic.ttf68.4 KB
  • canvas-fonts/InstrumentSans-Italic.ttf68.3 KB
  • canvas-fonts/InstrumentSans-OFL.txt4.3 KB
  • canvas-fonts/InstrumentSans-Regular.ttf66.4 KB
  • canvas-fonts/InstrumentSerif-Italic.ttf69.2 KB
  • canvas-fonts/InstrumentSerif-Regular.ttf67.7 KB
  • canvas-fonts/Italiana-OFL.txt4.3 KB
  • canvas-fonts/Italiana-Regular.ttf26.5 KB
  • canvas-fonts/JetBrainsMono-Bold.ttf112.1 KB
  • canvas-fonts/JetBrainsMono-OFL.txt4.3 KB
  • canvas-fonts/JetBrainsMono-Regular.ttf112.2 KB
  • canvas-fonts/Jura-Light.ttf150.7 KB
  • canvas-fonts/Jura-Medium.ttf150.9 KB
  • canvas-fonts/Jura-OFL.txt4.3 KB
  • canvas-fonts/LibreBaskerville-OFL.txt4.3 KB
  • canvas-fonts/LibreBaskerville-Regular.ttf144.1 KB
  • canvas-fonts/Lora-Bold.ttf130.7 KB
  • canvas-fonts/Lora-BoldItalic.ttf137.0 KB
  • canvas-fonts/Lora-Italic.ttf136.1 KB
  • canvas-fonts/Lora-OFL.txt4.3 KB
  • canvas-fonts/Lora-Regular.ttf130.8 KB
  • canvas-fonts/NationalPark-Bold.ttf77.4 KB
  • canvas-fonts/NationalPark-OFL.txt4.3 KB
  • canvas-fonts/NationalPark-Regular.ttf74.6 KB
  • canvas-fonts/NothingYouCouldDo-OFL.txt4.3 KB
  • canvas-fonts/NothingYouCouldDo-Regular.ttf31.3 KB
  • canvas-fonts/Outfit-Bold.ttf54.1 KB
  • canvas-fonts/Outfit-OFL.txt4.3 KB
  • canvas-fonts/Outfit-Regular.ttf53.6 KB
  • canvas-fonts/PixelifySans-Medium.ttf49.9 KB
  • canvas-fonts/PixelifySans-OFL.txt4.3 KB
  • canvas-fonts/PoiretOne-OFL.txt4.3 KB
  • canvas-fonts/PoiretOne-Regular.ttf44.2 KB
  • canvas-fonts/RedHatMono-Bold.ttf33.6 KB
  • canvas-fonts/RedHatMono-OFL.txt4.3 KB
  • canvas-fonts/RedHatMono-Regular.ttf33.7 KB
  • canvas-fonts/Silkscreen-OFL.txt4.3 KB
  • canvas-fonts/Silkscreen-Regular.ttf31.2 KB
  • canvas-fonts/SmoochSans-Medium.ttf58.3 KB
  • canvas-fonts/SmoochSans-OFL.txt4.3 KB
  • canvas-fonts/Tektur-Medium.ttf74.5 KB
  • canvas-fonts/Tektur-OFL.txt4.3 KB
  • canvas-fonts/Tektur-Regular.ttf73.8 KB
  • canvas-fonts/WorkSans-Bold.ttf186.8 KB
  • canvas-fonts/WorkSans-BoldItalic.ttf171.7 KB
  • canvas-fonts/WorkSans-Italic.ttf170.2 KB
  • canvas-fonts/WorkSans-OFL.txt4.3 KB
  • canvas-fonts/WorkSans-Regular.ttf184.5 KB
  • canvas-fonts/YoungSerif-OFL.txt4.3 KB
  • canvas-fonts/YoungSerif-Regular.ttf102.7 KB
  • LICENSE.txt11.1 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

Complete this in two steps:

  1. Design Philosophy Creation (.md file)
  2. Express by creating it on a canvas (.pdf file or .png file)

First, undertake this task:

DESIGN PHILOSOPHY CREATION

To begin, create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through:

  • Form, space, color, composition
  • Images, graphics, shapes, patterns
  • Minimal text as visual accent

THE CRITICAL UNDERSTANDING

  • What is received: Some subtle input or instructions by the user that should be taken into account, but used as a foundation; it should not constrain creative freedom.
  • What is created: A design philosophy/aesthetic movement.
  • What happens next: Then, the same version receives the philosophy and EXPRESSES IT VISUALLY - creating artifacts that are 90% visual design, 10% essential text.

Consider this approach:

  • Write a manifesto for an art movement
  • The next phase involves making the artwork

The philosophy must emphasize: Visual expression. Spatial communication. Artistic interpretation. Minimal words.

HOW TO GENERATE A VISUAL PHILOSOPHY

Name the movement (1-2 words): "Brutalist Joy" / "Chromatic Silence" / "Metabolist Dreams"

Articulate the philosophy (4-6 paragraphs - concise but complete):

To capture the VISUAL essence, express how the philosophy manifests through:

  • Space and form
  • Color and material
  • Scale and rhythm
  • Composition and balance
  • Visual hierarchy

CRITICAL GUIDELINES:

  • Avoid redundancy: Each design aspect should be mentioned once. Avoid repeating points about color theory, spatial relationships, or typographic principles unless adding new depth.
  • Emphasize craftsmanship REPEATEDLY: The philosophy MUST stress multiple times that the final work should appear as though it took countless hours to create, was labored over with care, and comes from someone at the absolute top of their field. This framing is essential - repeat phrases like "meticulously crafted," "the product of deep expertise," "painstaking attention," "master-level execution."
  • Leave creative space: Remain specific about the aesthetic direction, but concise enough that the next Claude has room to make interpretive choices also at a extremely high level of craftmanship.

The philosophy must guide the next version to express ideas VISUALLY, not through text. Information lives in design, not paragraphs.

PHILOSOPHY EXAMPLES

"Concrete Poetry" Philosophy: Communication through monumental form and bold geometry. Visual expression: Massive color blocks, sculptural typography (huge single words, tiny labels), Brutalist spatial divisions, Polish poster energy meets Le Corbusier. Ideas expressed through visual weight and spatial tension, not explanation. Text as rare, powerful gesture - never paragraphs, only essential words integrated into the visual architecture. Every element placed with the precision of a master craftsman.

"Chromatic Language" Philosophy: Color as the primary information system. Visual expression: Geometric precision where color zones create meaning. Typography minimal - small sans-serif labels letting chromatic fields communicate. Think Josef Albers' interaction meets data visualization. Information encoded spatially and chromatically. Words only to anchor what color already shows. The result of painstaking chromatic calibration.

"Analog Meditation" Philosophy: Quiet visual contemplation through texture and breathing room. Visual expression: Paper grain, ink bleeds, vast negative space. Photography and illustration dominate. Typography whispered (small, restrained, serving the visual). Japanese photobook aesthetic. Images breathe across pages. Text appears sparingly - short phrases, never explanatory blocks. Each composition balanced with the care of a meditation practice.

"Organic Systems" Philosophy: Natural clustering and modular growth patterns. Visual expression: Rounded forms, organic arrangements, color from nature through architecture. Information shown through visual diagrams, spatial relationships, iconography. Text only for key labels floating in space. The composition tells the story through expert spatial orchestration.

"Geometric Silence" Philosophy: Pure order and restraint. Visual expression: Grid-based precision, bold photography or stark graphics, dramatic negative space. Typography precise but minimal - small essential text, large quiet zones. Swiss formalism meets Brutalist material honesty. Structure communicates, not words. Every alignment the work of countless refinements.

These are condensed examples. The actual design philosophy should be 4-6 substantial paragraphs.

ESSENTIAL PRINCIPLES

  • VISUAL PHILOSOPHY: Create an aesthetic worldview to be expressed through design
  • MINIMAL TEXT: Always emphasize that text is sparse, essential-only, integrated as visual element - never lengthy
  • SPATIAL EXPRESSION: Ideas communicate through space, form, color, composition - not paragraphs
  • ARTISTIC FREEDOM: The next Claude interprets the philosophy visually - provide creative room
  • PURE DESIGN: This is about making ART OBJECTS, not documents with decoration
  • EXPERT CRAFTSMANSHIP: Repeatedly emphasize the final work must look meticulously crafted, labored over with care, the product of countless hours by someone at the top of their field

The design philosophy should be 4-6 paragraphs long. Fill it with poetic design philosophy that brings together the core vision. Avoid repeating the same points. Keep the design philosophy generic without mentioning the intention of the art, as if it can be used wherever. Output the design philosophy as a .md file.


DEDUCING THE SUBTLE REFERENCE

CRITICAL STEP: Before creating the canvas, identify the subtle conceptual thread from the original request.

THE ESSENTIAL PRINCIPLE: The topic is a subtle, niche reference embedded within the art itself - not always literal, always sophisticated. Someone familiar with the subject should feel it intuitively, while others simply experience a masterful abstract composition. The design philosophy provides the aesthetic language. The deduced topic provides the soul - the quiet conceptual DNA woven invisibly into form, color, and composition.

This is VERY IMPORTANT: The reference must be refined so it enhances the work's depth without announcing itself. Think like a jazz musician quoting another song - only those who know will catch it, but everyone appreciates the music.


CANVAS CREATION

With both the philosophy and the conceptual framework established, express it on a canvas. Take a moment to gather thoughts and clear the mind. Use the design philosophy created and the instructions below to craft a masterpiece, embodying all aspects of the philosophy with expert craftsmanship.

IMPORTANT: For any type of content, even if the user requests something for a movie/game/book, the approach should still be sophisticated. Never lose sight of the idea that this should be art, not something that's cartoony or amateur.

To create museum or magazine quality work, use the design philosophy as the foundation. Create one single page, highly visual, design-forward PDF or PNG output (unless asked for more pages). Generally use repeating patterns and perfect shapes. Treat the abstract philosophical design as if it were a scientific bible, borrowing the visual language of systematic observation—dense accumulation of marks, repeated elements, or layered patterns that build meaning through patient repetition and reward sustained viewing. Add sparse, clinical typography and systematic reference markers that suggest this could be a diagram from an imaginary discipline, treating the invisible subject with the same reverence typically reserved for documenting observable phenomena. Anchor the piece with simple phrase(s) or details positioned subtly, using a limited color palette that feels intentional and cohesive. Embrace the paradox of using analytical visual language to express ideas about human experience: the result should feel like an artifact that proves something ephemeral can be studied, mapped, and understood through careful attention. This is true art.

Text as a contextual element: Text is always minimal and visual-first, but let context guide whether that means whisper-quiet labels or bold typographic gestures. A punk venue poster might have larger, more aggressive type than a minimalist ceramics studio identity. Most of the time, font should be thin. All use of fonts must be design-forward and prioritize visual communication. Regardless of text scale, nothing falls off the page and nothing overlaps. Every element must be contained within the canvas boundaries with proper margins. Check carefully that all text, graphics, and visual elements have breathing room and clear separation. This is non-negotiable for professional execution. IMPORTANT: Use different fonts if writing text. Search the ./canvas-fonts directory. Regardless of approach, sophistication is non-negotiable.

Download and use whatever fonts are needed to make this a reality. Get creative by making the typography actually part of the art itself -- if the art is abstract, bring the font onto the canvas, not typeset digitally.

To push boundaries, follow design instinct/intuition while using the philosophy as a guiding principle. Embrace ultimate design freedom and choice. Push aesthetics and design to the frontier.

CRITICAL: To achieve human-crafted quality (not AI-generated), create work that looks like it took countless hours. Make it appear as though someone at the absolute top of their field labored over every detail with painstaking care. Ensure the composition, spacing, color choices, typography - everything screams expert-level craftsmanship. Double-check that nothing overlaps, formatting is flawless, every detail perfect. Create something that could be shown to people to prove expertise and rank as undeniably impressive.

Output the final result as a single, downloadable .pdf or .png file, alongside the design philosophy used as a .md file.


FINAL STEP

IMPORTANT: The user ALREADY said "It isn't perfect enough. It must be pristine, a masterpiece if craftsmanship, as if it were about to be displayed in a museum."

CRITICAL: To refine the work, avoid adding more graphics; instead refine what has been created and make it extremely crisp, respecting the design philosophy and the principles of minimalism entirely. Rather than adding a fun filter or refactoring a font, consider how to make the existing composition more cohesive with the art. If the instinct is to call a new function or draw a new shape, STOP and instead ask: "How can I make what's already here more of a piece of art?"

Take a second pass. Go back to the code and refine/polish further to make this a philosophically designed masterpiece.

MULTI-PAGE OPTION

To create additional pages when requested, create more creative pages along the same lines as the design philosophy but distinctly different as well. Bundle those pages in the same .pdf or many .pngs. Treat the first page as just a single page in a whole coffee table book waiting to be filled. Make the next pages unique twists and memories of the original. Have them almost tell a story in a very tasteful way. Exercise full creative freedom.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

-21risk-automation

免费有简介

通过Rube MCP自动执行21risk日常操作。先查找可用工具及最新输入格式,确认连接状态后再执行所请求的任务。

  • 查询21risk可用操作
  • 确认连接后执行任务
  • 批量执行多项操作
ComposioHQ/awesome-claude-skills7.8万2026年9月18日 更新

-2chat-automation

免费有简介

通过Rube MCP自动执行2chat支持的操作。从Composio工具中查找可用操作,核对连接状态和最新输入要求,再使用对应工具完成任务。

  • 查找2chat支持的操作
  • 执行前检查连接状态
  • 批量执行多个受支持的操作
ComposioHQ/awesome-claude-skills7.8万2026年9月18日 更新

ably-automation

免费有简介

通过Rube MCP自动执行Ably操作。先搜索适合任务的工具及最新输入要求,再确认连接状态,随后执行单项操作或批量处理。

  • 查找支持Ably任务的工具
  • 确认连接后执行操作
  • 批量执行多项Ably操作
ComposioHQ/awesome-claude-skills7.8万2026年9月18日 更新

abstract-automation

免费有简介

通过Rube MCP让AI智能体执行Abstract操作。搜索可用工具、确认服务连接和最新输入要求后运行任务,并按步骤获取分布在多个页面的结果。

  • 查询Abstract支持的操作
  • 通过智能体执行任务
  • 获取多个页面的完整结果
ComposioHQ/awesome-claude-skills7.8万2026年9月18日 更新

abuselpdb-automation

免费有简介

通过Rube MCP自动执行Abuselpdb操作。先查找可用工具及最新输入要求,确认服务连接状态,再按当前工具定义执行任务。

  • 查询Abuselpdb支持的操作
  • 执行前确认连接状态
  • 自动执行重复操作
ComposioHQ/awesome-claude-skills7.8万2026年9月18日 更新

abyssale-automation

免费有简介

通过Rube MCP查找Abyssale当前可用的工具及最新输入要求,确认连接后执行操作,让智能体按搜索所得的规范完成任务。

  • 查询Abyssale可用操作
  • 执行前检查Abyssale连接
  • 将Abyssale操作交给智能体
ComposioHQ/awesome-claude-skills7.8万2026年9月18日 更新

查看 ComposioHQ 的全部技能

报告此技能的问题