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

Algorithmic Art Skill.

Скилл Claude Code и Codex для работы с изображениями: генеративное искусство с помощью p5.js — управляемые частицы, потоковые поля и настраиваемые параметры.

  • Изображения и генеративное искусство
  • Генеративное искусство
Скачать OpenDesignИнструкция по использованию
anthropics/skills · skills/algorithmic-art/SKILL.mdSKILL.md
--- name: algorithmic-art description: 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' work to avoid copyright violations. --- ## ALGORITHMIC PHILOSOPHY CREATION ## DEDUCING THE CONCEPTUAL SEED ## P5.JS IMPLEMENTATION ## INTERACTIVE ARTIFACT CREATION ## VARIATIONS & EXPLORATION ## THE CREATIVE PROCESS
Метаданные и заголовки разделов, прочитанные из исходного файла 2026-09-14 · 19 735 символов полностью

01 Что делает

Что делает Skill algorithmic-art в Claude Code и Codex

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

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

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

Этот Skill создаёт оригинальное алгоритмическое искусство на p5.js в два шага: сначала определяет алгоритмическую философию (вычислительное эстетическое направление, выраженное в markdown-манифесте), затем реализует её как самодостаточный интерактивный HTML-артефакт. В каждой работе используется случайность с фиксированным seed для воспроизводимости, так что вы можете перебирать вариации через элементы управления seed.

Skill делает акцент на эмерджентном поведении, математической красоте и параметрической вариации — он строит живые алгоритмы, а не статичные изображения. Результат включает документ-философию из 4–6 абзацев и один HTML-файл со встроенным кодом p5.js, слайдерами параметров и UI в брендинге Anthropic, готовый мгновенно запускаться в браузерах или артефактах claude.ai.

Что он выдаёт

  • Алгоритмическая философия в виде markdown-файла: направление названо, а его проявление через вычислительные процессы описано в 4–6 абзацах
  • Один самодостаточный HTML-артефакт со встроенным алгоритмом p5.js, управлением параметрами, навигацией по seed и UI в брендинге Anthropic, который сразу работает в браузерах или claude.ai
Смотрите пример запроса ↗

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

  1. 01
    Создайте алгоритмическую философию

    Напишите манифест из 4–6 абзацев: назовите направление генеративного искусства и опишите, как оно проявляется через вычислительные процессы, функции шума, поведение частиц и эмерджентную сложность.

  2. 02
    Определите концептуальный seed

    До начала кодинга найдите в исходном запросе тонкую концептуальную нить и встройте её как невидимую ДНК алгоритма — изящную отсылку, которую знающие почувствуют интуитивно, а остальные увидят чистую генеративную красоту.

  3. 03
    Соберите из шаблона Viewer

    Прочитайте templates/viewer.html и используйте его как буквальную отправную точку.

  4. 04
    Реализуйте алгоритм с seed

    Выразите философию в коде p5.js, используя случайность с фиксированным seed (randomSeed и noiseSeed), чтобы один и тот же seed всегда давал идентичный результат.

  5. 05
    Спроектируйте настраиваемые параметры

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

  6. 06
    Выведите один артефакт

    Создайте самодостаточный HTML-файл: p5.js с CDN, алгоритм, управление параметрами и UI в брендинге Anthropic — всё встроено.

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

Когда использовать skill algorithmic-art

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

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

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

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

  • Копирование работ существующих художников, что нарушило бы авторские права
  • Создание статичных изображений или шаблонов вместо вычислительных процессов с эмерджентным поведением
  • Работы, которые невозможно выразить через случайность с заданным seed, шумовые поля, частицы, потоки или математические зависимости

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

  • Запрос или инструкции пользователяНенавязчивый ввод, который skill использует как основу, не ограничивая творческую свободу.

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

Правила, которые Skill algorithmic-art задает Claude Code и Codex

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

  1. Философия определяет реализацию

    Алгоритмическая философия диктует, что строить.

  2. Начните с шаблона viewer.html

    Прежде чем писать любой HTML, прочитайте templates/viewer.html с помощью инструмента Read и используйте этот файл как буквальную отправную точку.

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

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

  4. Вплетайте концептуальную нить деликатно

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

  5. Философия из 4–6 абзацев

    Алгоритмическая философия должна занимать 4–6 содержательных абзацев и описывать, как это движение проявляется через вычислительные процессы, шумовые функции, поведение частиц, эволюцию во времени и параметрическую вариацию.

04 Применение

Установите algorithmic-art в Claude Code или Codex

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

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

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

Terminal
npx skills add https://github.com/anthropics/skills --skill algorithmic-art

Общая CLI-форма skills для skills/algorithmic-art/SKILL.md; в репозитории может быть описан собственный путь.

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

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

Starter prompt
Create algorithmic art inspired by the way mycelium networks communicate through chemical signals underground. I want something that feels organic and interconnected, with growth patterns that emerge over time. Use earthy tones and make the parameters tunable so I can explore different colony behaviors.

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

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

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

  • Убедитесь, что один и тот же seed каждый раз дает идентичный результат: проверьте навигацию по seed (кнопки «назад/вперед») и подтвердите визуальную воспроизводимость
  • Убедитесь, что HTML-артефакт сразу работает в claude.ai или любом браузере без внешних файлов, настройки и сервера
  • Проверьте, что все ползунки параметров обновляют работу в реальном времени, а кнопка сброса возвращает значения по умолчанию
  • Убедитесь, что артефакт использует точную структуру макета, брендинг Anthropic (шрифты Poppins/Lora, светлые цвета, градиентный фон) и организацию боковой панели из templates/viewer.html
  • Проверьте корректную работу управления seed: отображение текущего seed, кнопки назад/вперед перебирают seed, кнопка случайного выбора генерирует новый seed, а поле перехода к seed переводит к конкретным значениям
  • Убедитесь, что алгоритм выражает философию, а не копирует типовой паттерн, а мастерство исполнения ощущается скрупулезно отточенным

В OpenDesign algorithmic-art входит в комплект: Plugins → Skills, выберите его на верхней панели.

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

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

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

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

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

Внутри SKILL.md

  1. СОЗДАНИЕ АЛГОРИТМИЧЕСКОЙ ФИЛОСОФИИИнструкции по написанию манифеста из 4–6 абзацев, определяющего движение вычислительной эстетики с эмерджентным поведением
  2. КЛЮЧЕВОЕ ПОНИМАНИЕПоясняет, что skill получает пользовательский ввод как основу, создаёт философию, а затем выражает её алгоритмически в коде
  3. КАК СОЗДАТЬ АЛГОРИТМИЧЕСКУЮ ФИЛОСОФИЮШаги: назвать движение и сформулировать, как оно проявляется через вычислительные процессы, с акцентом на мастерство исполнения
  4. ПРИМЕРЫ ФИЛОСОФИИПять сжатых примеров с названиями движений и тем, как они выражаются алгоритмически: Organic Turbulence, Quantum Harmonics, Recursive Whispers, Field Dynamics, Stochastic Crystallization
  5. ОСНОВНЫЕ ПРИНЦИПЫБазовые установки: процесс важнее результата, параметрическое выражение, художественная свобода, чистое генеративное искусство, мастерство исполнения
  6. ВЫВОД КОНЦЕПТУАЛЬНОГО ЗЕРНАКак найти в запросе тонкую концептуальную нить и незаметно встроить её в алгоритм
  7. РЕАЛИЗАЦИЯ НА P5.JSТехнические указания по выражению философии через код p5.js с seeded randomness и параметрами
  8. ШАГ 0: СНАЧАЛА ПРОЧИТАЙТЕ ШАБЛОНОбязательный шаг: прочитать templates/viewer.html и использовать его как буквальную отправную точку перед написанием HTML
  9. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯШаблон seeded randomness, рекомендации по структуре параметров и то, как философия должна определять выбор алгоритма
  10. ТРЕБОВАНИЯ К МАСТЕРСТВУСтандарты баланса, цветовой гармонии, композиции, производительности и воспроизводимости в итоговом алгоритме
  11. ФОРМАТ ВЫВОДАУказывает, что философия выводится как markdown, а результатом становится единственный самодостаточный HTML-артефакт, собранный на основе шаблона
  12. СОЗДАНИЕ ИНТЕРАКТИВНОГО АРТЕФАКТАПодробные указания о том, что в шаблоне фиксировано, а что переменное, и как построить боковую панель
Собственное описание skill
«Создание алгоритмического искусства с помощью p5.js с детерминированной случайностью и интерактивным исследованием параметров. Используйте это, когда пользователи запрашивают создание искусства с помощью кода, генеративного искусства, алгоритмического искусства, полей потоков или систем частиц. Создавайте оригинальное алгоритмическое искусство, а не копируйте работы существующих художников, чтобы избежать нарушений авторских прав.»

Описание из front-matter SKILL.md. Полный файл составляет около 19 735 символов. Читать полный файл на GitHub.

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

Вопросы о skill algorithmic-art

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

Что skill выдаёт на выходе?

Skill выдаёт два файла: markdown-документ с алгоритмической философией на 4–6 абзацев и единственный самодостаточный HTML-артефакт со встроенным кодом p5.js, элементами управления параметрами и UI в фирменном стиле Anthropic. HTML сразу работает в claude.ai или в любом браузере без внешних зависимостей.

Алгоритмическое искусство

Запуск algorithmic-art на реальной задаче по работе с изображениями.

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

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