Паветта
Algorithmic-art — скилл Anthropic для генеративного искусства на p5.js
Генеративное искусство на p5.js: агент пишет манифест алгоритмического течения и собирает по нему интерактивный HTML с сидом, ползунками параметров и выгрузкой PNG.
Как установить Algorithmic Art
Личные скиллы лежат в ~/.claude/skills/, проектные — в .claude/skills/ репозитория. Проверка: команда /skills в сессии, вызов по имени — /algorithmic-art.
# плагином, внутри Claude Code
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
# или вручную
git clone --depth 1 https://github.com/anthropics/skills.git /tmp/algorithmic-art
mkdir -p ~/.claude/skills/algorithmic-art
cp -r /tmp/algorithmic-art/skills/algorithmic-art/. ~/.claude/skills/algorithmic-art/Общая папка ~/.agents/skills/ (в проекте — .agents/skills/) читают Codex, Cursor, VS Code Copilot, Gemini CLI, Antigravity, OpenCode, Kilo Code, Goose, Qwen Code.
git clone --depth 1 https://github.com/anthropics/skills.git /tmp/algorithmic-art
mkdir -p ~/.agents/skills/algorithmic-art
cp -r /tmp/algorithmic-art/skills/algorithmic-art/. ~/.agents/skills/algorithmic-art/Установщик скиллов от Vercel, нужен Node.js 22.20 или новее. Без -g скилл ставится в текущий проект; флаг -a выбирает агента.
npx skills add anthropics/skills --skill algorithmic-art -a claude-code
# для всех проектов
npx skills add anthropics/skills --skill algorithmic-art -gНужен тариф Pro, Max, Team или Enterprise с включённым выполнением кода.
Скачайте папку скилла с GitHub и упакуйте её в ZIP.
claude.ai → Customize → Skills → + → Create skill → Upload a skill
Загрузите ZIP и включите скилл переключателем.Gemini CLI ставит скиллы из git-репозитория и хранит их в ~/.gemini/skills/.
gemini skills install https://github.com/anthropics/skills.git --consent
# проверка
gemini skills listЧто умеет
Два шага: философия течения в .md, затем алгоритм на p5.js в одном HTML.
Агент начинает с шаблона templates/viewer.html: шапка, боковая панель, оформление Anthropic и кнопки сида остаются, меняются алгоритм и параметры.
templates/generator_template.js показывает, как устроить параметры, сид и классы. Скриптов для запуска нет, p5.js 1.7.0 подключается с CDN.
Что попросить агента
Ограничения
Копировать работы известных художников скилл не даёт: агент пишет свой алгоритм.
Интерфейс страницы всегда в оформлении Anthropic, менять можно алгоритм, параметры и цвета самой работы.
Anthropic выложила скиллы репозитория для демонстрации и обучения: встроенный в Claude вариант может вести себя иначе.
Лицензия Apache 2.0.
Описание из SKILL.md
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-art для Claude?
Есть ли в claude.ai скилл для генеративной графики?
Чем algorithmic-art отличается от canvas-design?
Повторится ли картинка при том же сиде?
Нужна ли установка, чтобы открыть результат?
Как поставить algorithmic-art в Claude Code?
Похожие скиллы