algorithmic-art
Algorithmic Art — это навык для создания оригинального генеративного искусства на p5.js, где результат возникает из правил и исполнения алгоритма, а не из заранее нарисованного статичного изображения. Рабочий процесс разделён на два этапа. Сначала формулируется algorithmic philosophy в виде короткого манифеста или описания движения, затем эта философия выражается в коде через интерактивный p5.js-скетч. В качестве материала для идеи предлагаются вычислительные процессы, эмерджентное поведение, математические связи, шумовые поля, частицы, потоки, силы, временная эволюция и контролируемая вариативность. На этапе философии нужно назвать движение одним или двумя словами и описать его в четырёх–шести содержательных абзацах. Описание должно объяснять, как задумка проявляется через вычислительные отношения, случайность, динамику частиц и полей, состояния системы и параметры. Навык отдельно требует избегать пустого повторения одних и тех же тезисов и оставлять следующей реализации пространство для интерпретации. Красота здесь понимается как свойство процесса: один и тот же принцип должен порождать живую систему, а не просто накладывать случайные значения на статичную композицию. До реализации рекомендуется выделить conceptual seed — тонкую смысловую нить исходного запроса. Она должна быть встроена в параметры, поведение и возникающую структуру, а не объявлена буквальной иллюстрацией. Для алгоритма это означает, что концепция передаётся математическими отношениями, силами, поведением элементов и способом их эволюции. Подход не разрешает копировать работы конкретных художников: исходный материал прямо требует создавать оригинальное алгоритмическое искусство и использовать референс только как основу для собственной вычислительной эстетики. Техническое ядро — воспроизводимость. Для генерации нужно задавать seed и передавать его в randomSeed и noiseSeed, чтобы одинаковый seed давал одинаковый результат. Параметры следует оформлять как объект, отражающий свойства системы: количество элементов, масштаб, скорость, вероятность, соотношение, угол или порог изменения состояния. Смысл параметров должен следовать из выбранной философии. В зависимости от идеи можно использовать накопление и обратные связи, гармоники и тригонометрию, ограниченную случайность, фазовые переходы, векторные поля, частицы и взаимодействия; это не готовый каталог шаблонов, а набор направлений для выражения принципа кодом. Интерактивный артефакт должен начинаться с templates/viewer.html, а не создаваться с нуля. Фиксированная часть шаблона включает layout, визуальный стиль Anthropic, блок Seed с предыдущим, следующим и случайным seed, переходом к указанному seed, а также действия Regenerate и Reset. Переменная часть — p5.js-алгоритм, объект параметров, элементы управления, диапазоны слайдеров и при необходимости палитра. Итоговый HTML самодостаточен: p5.js подключается с CDN, а код алгоритма, контролы и обработчики находятся внутри файла; в браузере можно менять параметры, пересобирать сцену и исследовать разные seed. Ограничения нужно учитывать заранее: CDN требует сетевого доступа, WebGL или тяжёлые вычисления могут зависеть от браузера и устройства, а качество композиции не гарантируется самим фактом случайности — его определяют структура алгоритма, выбранные параметры и проверка производительности.
Для чего подходит
- Создание генеративной графики на p5.js
- Настройка воспроизводимой случайности
- Добавление интерактивных параметров в визуальную работу
Установка
Сначала прочитайте SKILL.md и scripts в исходном репозитории. Затем выполните команду в каталоге проекта:
npx skills add https://github.com/anthropics/skills/tree/main/skills/algorithmic-art