83.3K+Скачать
Перейти к руководству
canvas-designавтор Anthropic

Canvas Design Skill.

Навык для Claude Code и Codex для работы с изображениями: оригинальные постеры и статичные визуальные элементы в форматах PNG или PDF.

  • Изображения и генеративное искусство
  • PNG / PDF
Скачать OpenDesignИнструкция по использованию
anthropics/skills · skills/canvas-design/SKILL.mdSKILL.md
--- name: canvas-design description: 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. --- ## DESIGN PHILOSOPHY CREATION ## CANVAS CREATION ## FINAL STEP ## MULTI-PAGE OPTION
Метаданные и заголовки разделов прочитаны из исходного файла 2026-09-14 · 11 937 символов полностью

01 Что делает

Что делает skill canvas-design в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Canvas-design создаёт оригинальные визуальные работы в виде PNG- или PDF-файлов, сначала формируя дизайн-философию — эстетическое направление, выраженное через форму, пространство, цвет и композицию — а затем визуально выражая эту философию на одностраничном холсте. Skill относится к дизайну как к созданию художественных объектов, а не украшенных документов, используя текст скупо, как визуальный акцент, а не для объяснения.

Он делает акцент на мастерстве, выглядящем как результат кропотливой работы специалиста высочайшего уровня, встраивая тонкие концептуальные отсылки, которые усиливают глубину, не выдавая себя. Результат — работа музейного или журнального качества, которая раскрывается при длительном рассматривании благодаря систематическому повторению, многослойным паттернам и продуманной сдержанности.

Что он выдаёт

  • Markdown-файл, содержащий дизайн-философию из 4-6 абзацев, называющую эстетическое направление и раскрывающую его визуальное выражение.
  • Одностраничный PDF- или PNG-файл (или многостраничный по запросу), визуально выражающий философию с минимумом текста, повторяющимися паттернами и профессиональным мастерством исполнения.
Смотрите пример запроса ↗

Как это работает

  1. 01
    Написать дизайн-философию

    Назовите эстетическое направление в 1-2 словах и раскройте его в 4-6 абзацах, отражающих визуальную суть через пространство, форму, цвет, масштаб, ритм, композицию и визуальную иерархию.

  2. 02
    Вывести тонкую отсылку

    Определите концептуальную нить исходного запроса как нишевую отсылку, встроенную в само произведение — изощрённую и интуитивную, а не буквальную, придающую душу, незримо вплетённую в форму и цвет.

  3. 03
    Выразить на холсте

    Создайте одностраничный PDF или PNG, используя философию как основу, с повторяющимися паттернами, безупречными формами, плотным скоплением штрихов, скупой клинической типографикой и ограниченной, но целостной цветовой палитрой.

  4. 04
    Доработать до безупречного мастерства

    Сделайте второй проход, чтобы отполировать существующую композицию без добавления новой графики, делая её более цельной с произведением и обеспечивая безупречное оформление, где ничто не перекрывается и каждая деталь совершенна.

02 Определите своё применение

Когда использовать навык canvas-design

Используйте skill canvas-design в Claude Code или Codex, когда задача связана с подобной работой с изображениями. Возможности и ограничения ниже взяты из файла самого skill.

Хорошо подходит

  • Создание плакатов, произведений искусства, дизайнов и других статичных работ, когда пользователь явно запрашивает их.
  • Проекты, требующие качества музейного или журнального уровня с абстрактным философским дизайном, выраженным через системный визуальный язык.
  • Многостраничные творческие проекты, например книги для кофейного столика, где каждая страница представляет собой уникальную вариацию исходной дизайн-философии.

Знайте границы

  • Создание документов с оформлением, а не чисто художественных объектов.
  • Работа, требующая длинного текста или пояснительных абзацев для передачи идей.

Что предоставить

  • Скромные вводные данные или инструкцииНекоторые скромные вводные данные от пользователя, служащие основой, но не должны ограничивать творческую свободу.
  • Запрос на дополнительные страницыЕсли пользователь запрашивает несколько страниц, скилл создаёт больше творческих страниц в рамках той же дизайн-философии, объединённых в один PDF или несколько PNG.

03 Внутри скилла

Правила, которые скилл canvas-design задаёт Claude Code и Codex

8 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задаёт для агента — та часть файла, которая влияет на результат.

  1. Текст минимален и служит только визуальным элементом

    Текст должен быть скудным, только по существу и встроенным как визуальный элемент — никогда не длинными абзацами. Информация живёт в дизайне, а не в абзацах.

  2. Ничто не перекрывается и не выходит за пределы страницы

    Весь текст, графика и визуальные элементы должны иметь пространство для «дыхания» и чёткое разделение, оставаясь в пределах границ холста с правильными полями.

  3. Неоднократно подчеркивайте экспертное мастерство

    Философия должна неоднократно подчёркивать, что итоговая работа должна выглядеть так, как будто на её создание ушли бесчисленные часы, что над ней тщательно трудились, и что она сделана человеком, находящимся на самой вершине своей области.

  4. Избегайте избыточности в философии

    Каждый аспект дизайна должен упоминаться один раз в философии из 4–6 абзацев.

  5. Никогда не копируйте работы существующих художников

    Создавайте оригинальные визуальные дизайны, чтобы избежать нарушения авторских прав. Скилл предназначен для создания оригинального искусства, а не для воспроизведения существующих работ.

  6. На выходе — только файлы дизайна

    На выходе — только markdown-файлы для философии и PDF- или PNG-файлы для визуального выражения. Никакие другие типы файлов не создаются.

  7. Сложный подход даже для поп-культуры

    Для любого типа контента, даже для запросов на материал по фильмам, играм или книгам, подход должен оставаться сложным искусством, никогда карикатурным или дилетантским.

  8. Используйте шрифты из директории canvas-fonts

    Поищите в директории ./canvas-fonts и загрузите нужные шрифты.

04 Применение

Установить canvas-design в Claude Code или Codex

Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

Добавить canvas-design в Claude Code, Codex или ваш агент

Запустите в своём проекте; установщик спросит, какому агенту его добавить.

Terminal
npx skills add https://github.com/anthropics/skills --skill canvas-design

Стандартная форма CLI skills для skills/canvas-design/SKILL.md; в репозитории может быть указан собственный путь.

Дайте Skill первую задачу по работе с изображениями

Написано в терминах самого skill; замените части в квадратных скобках своим материалом.

Starter prompt
Create a poster for [independent film festival] that captures the spirit of [experimental cinema] and [urban renewal]. The piece should feel like it belongs in a contemporary art museum, with minimal text beyond the festival name and dates. I want something that rewards close looking and reflects the sophistication of the programming.

Источник: составлено по SKILL.md в терминах самого skill.

Проверьте первый результат

Что сам SKILL.md считает правильным результатом:

  • Убедитесь, что ничего не перекрывается и не выходит за пределы страницы — у всех элементов есть свободное пространство и чёткое разделение внутри границ канваса.
  • Подтвердите, что работа выглядит тщательно продуманной, словно на неё ушли долгие часы труда, и что её создал специалист высочайшего уровня в своей области.
  • Убедитесь, что текста минимум, только необходимое, и он встроен как визуальный элемент, а не как объясняющие абзацы.
  • Проверьте, что композиция, отступы, выбор цвета и типографика демонстрируют экспертный уровень мастерства и безупречное оформление.
  • Убедитесь, что работа выглядит утончённой и художественной, даже если тема — поп-культура, и никогда не выглядит карикатурной или любительской.

В OpenDesign canvas-design встроен: Plugins → Skills, выберите его в верхней панели.

Скачать OpenDesignЧитать quickstart

05 Открытый исходный код, проверяемость

Источник, лицензия и проверка

Откуда взяты факты на этой странице и когда они были последний раз проверены.

Author
Anthropic
Repository
github.com/anthropics/skills Ветка main
Файл skill
skills/canvas-design/SKILL.md Контрольная сумма содержимого зафиксирована при проверке; коммит 34040c9
License
Apache-2.0 Из skills/canvas-design/LICENSE.txt; SKILL.md сообщает "Полные условия в LICENSE.txt".
Звёзды репозитория
176 183 Снимок GitHub сделан 2026-09-14 для всего репозитория anthropics/skills, который содержит 7 навыков в этом каталоге. Это не рейтинг и не счётчик использования для canvas-design.
Проверено OpenDesign
2026-09-14 Исходный файл, путь, текст лицензии и количество звёзд проверены. Включён в основной OpenDesign (проверено 2026-08-28); запись живого запуска на этой странице отсутствует.

Внутри SKILL.md

  1. СОЗДАНИЕ ДИЗАЙН-ФИЛОСОФИИИнструкции по созданию визуальной философии, выраженной через форму, пространство, цвет и композицию с минимумом текста.
  2. КЛЮЧЕВОЕ ПОНИМАНИЕОпределяет, что получено от пользователя, какая философия создаётся и как она затем выражается визуально.
  3. КАК СОЗДАТЬ ВИЗУАЛЬНУЮ ФИЛОСОФИЮШаги для того, чтобы назвать направление и сформулировать 4-6 абзацев о визуальной сути через пространство, форму, цвет, масштаб, ритм.
  4. ПРИМЕРЫ ФИЛОСОФИЙПять сжатых примеров философий, таких как Concrete Poetry, Chromatic Language, Analog Meditation, показывающих подходы к визуальному выражению.
  5. ОСНОВНЫЕ ПРИНЦИПЫКлючевые правила, подчёркивающие визуальную философию, минимум текста, пространственное выражение, творческую свободу, чистый дизайн и экспертное мастерство.
  6. ВЫЯВЛЕНИЕ ТОНКОЙ ОТСЫЛКИОпределите нишевую концептуальную нить из запроса, чтобы незаметно вплести её в форму и цвет как душу произведения.
  7. СОЗДАНИЕ КАНВАСАВыразите философию на одностраничном PDF или PNG, используя повторяющиеся узоры, идеальные формы, скупую типографику, ограниченную палитру и музейное качество.
  8. ФИНАЛЬНЫЙ ШАГДоработайте работу без добавления графики — сделайте существующую композицию более цельной, чёткой и безупречной, как шедевр.
  9. ОПЦИЯ МНОГОСТРАНИЧНОСТИСоздавайте дополнительные страницы по запросу как уникальные вариации философии, объединённые в одном PDF или в нескольких PNG.
Собственное описание skill
«Создавайте красивое визуальное искусство в документах .png и .pdf, используя философию дизайна. Используйте этот skill, когда пользователь просит создать постер, произведение искусства, дизайн или другую статическую работу. Создавайте оригинальные визуальные дизайны, никогда не копируя работы существующих художников во избежание нарушения авторских прав.»

Описание из вводной части SKILL.md. Полный файл составляет около 11 937 символов. Читать полный файл на GitHub.

06 Перед установкой

Вопросы о скилле canvas-design

Ответы взяты из SKILL.md в редакции от 2026-09-14, а не из записанного запуска.

Сколько текста будет в финальном визуальном дизайне?

Текста всегда минимум, дизайн визуально-ориентированный, текст используется как скупой визуальный акцент, а не для объяснения. Информация живёт в дизайне, а не в абзацах. Работа на 90% состоит из визуального дизайна и на 10% из необходимого текста, шрифт обычно тонкий и выразительный, встроенный в композицию, а не наложенный сверху.

Как скилл обеспечивает профессиональное качество?

Скилл неоднократно подчёркивает экспертное мастерство на протяжении всего процесса, создавая работу, которая выглядит тщательно проработанной специалистом высочайшего уровня. Он включает обязательный этап доработки и проверяет, что ничего не перекрывается, всё оформление безупречно и каждая деталь идеальна с правильными отступами и свободным пространством.

Canvas Design

Запустите canvas-design для задачи работы с реальным изображением.

Навык canvas-design входит в состав OpenDesign. Загрузите приложение, выберите навык в Plugins → Skills, вставьте промпт выше и прочитайте план перед результатом.

Загрузить OpenDesignВсе навыки
Терминал
npx skills add https://github.com/anthropics/skills --skill canvas-design