ALIGN — скилл

Три скилла рисуют картины, схемы статей и короткие фильмы программой на p5.js, улучшая работу слепой рецензией другой модели.

  • 50 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Широкий доступ

Почему такой уровень

  • Скиллы разрешают агенту любые команды оболочки и запись файлов в проекте.
  • Рецензент в Claude Code работает через отдельный MCP-сервер Codex с вашим входом OpenAI.
Все причины и проверки

wanshuiyin/align-agentic-loop-image-generation

Установка

Работает в

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/align

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

Другие способы установки

Доступ и проверки

Как мы проверяем

Широкий доступИнструмент может менять данные, выполнять команды или работать с секретами.

  • Скиллы разрешают агенту любые команды оболочки и запись файлов в проекте.
  • Рецензент в Claude Code работает через отдельный MCP-сервер Codex с вашим входом OpenAI.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

ALIGN строит изображения без диффузионных моделей: кодовый агент изучает образец, пишет программу на p5.js, рендерит картинку, затем независимый рецензент смотрит только на пиксели, а агент правит программу. Цикл повторяется заданное число раундов. Небольшая вики хранит принятые решения и причины между раундами. Три скилла: `reference-art-loop` рисует по образцу, например свиток в стиле «Цинмин у реки» на новом сюжете, `method-figure-loop` делает рисунок метода для статьи как исполняемую программу с поэтапной сборкой и экспортом в SVG, `align-video` распространяет цикл на движение, звук и монтаж. Для Claude Code рецензию ведет Codex через MCP, для Codex используются его собственные подагенты. Установщик `tools/install.sh` ссылается на скиллы в каталог проекта.

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

Подходит, если

  • Нужна первая схема метода для статьи, которая собирается этапами и экспортируется в SVG
  • Картину в духе известной работы надо нарисовать программой и посмотреть, как она строилась
  • Короткий фильм без слов делают кодом, звуком и монтажом
  • Результат должен улучшаться несколькими раундами слепой проверки
  • Нужно показать, что рисунок исполняемый и его можно воспроизвести

Не подходит, если

  • Нужна быстрая картинка за минуту: цикл из нескольких раундов дорог по токенам и времени
  • У агента нет возможности смотреть изображения и рендерить локально: для рисунков это обязательно
  • Нужны фотореалистичные изображения: подход рисует программой, а не нейросетью

Пример запроса к агенту

Нарисуй схему моего метода для статьи по образцу рисунка 1 на p5.js, пять раундов слепой проверки, вызови `/method-figure-loop`.

Ограничения

Рисунки и схемы требуют просмотра изображений и локального рендера, видео еще и средств визуализации и аудио под проект. Для Claude Code рецензию выполняет Codex, поэтому нужны `npm install -g @openai/codex`, вход через `codex login` и MCP-сервер `claude mcp add codex --scope user -- codex mcp-server`. Скиллы разрешают агенту широкий набор инструментов, включая любые команды оболочки. Раунды стоят токенов обеих моделей, число раундов задается параметром `rounds`. Примеры в галерее показывают лучшие результаты, качество на ваших образцах будет разным. Лицензия MIT, сторонние материалы перечислены в `THIRD_PARTY_NOTICES.md`.

Как отключить. Удалите ссылки на скиллы из `<проект>/.claude/skills/` или `<проект>/.agents/skills/` и клонированную папку `~/ALIGN-Agentic-Loop-Image-GeneratioN`. MCP-подключение Codex уберите командой `claude mcp remove codex`.

Частые вопросы

Как установить ALIGN для Claude Code?

Склонируйте репозиторий и выполните `bash ~/ALIGN-Agentic-Loop-Image-GeneratioN/tools/install.sh claude ~/your-project`. Для рецензии подключите Codex: `npm install -g @openai/codex`, `codex login`, `claude mcp add codex --scope user -- codex mcp-server`.

Как работает версия для Codex?

Команда `install.sh codex <проект>` связывает скиллы с `.agents/skills/`. Codex рисует, а для каждой визуальной проверки запускает свежего подагента без настройки MCP. Скиллы вызывают как `$reference-art-loop-codex`.

Чем рисунок отличается от вывода диффузионной модели?

Это исполняемая программа на p5.js, которая показывает построение по стадиям и допускает экспорт, например SVG. Изображение воспроизводится из кода.

Что значит слепая проверка?

Свежий рецензент оценивает только пиксели результата, без доступа к коду и объяснениям. Для схем критерий проверки: понятен ли метод без пояснений.

Сколько раундов выполнять?

Число задается параметром `rounds` в запросе, например `rounds: 5` для схемы и `rounds: 8` для картины. Каждый раунд тратит токены обеих моделей.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Скилл Claude Code для рисованных мультфильмов и лирик-видео: кадры строятся кодом на p5.js, без моделей генерации картинок

ПлагинРасширенный доступ219Звезды репозитория

Два скилла Claude Code для видео целиком из кода: рисованная акварельная анимация и кинетическая типографика

СкиллРасширенный доступ493Звезды репозитория

Скилл Claude Code для видео из кода делит ролик на сцены и подбирает каждой свой движок, от Paper.js и Three.js до Manim.

СкиллРасширенный доступ115Звезды репозитория

Четыре скилла делают из песни с текстом анимированный клип в стиле акварели: раскадровка, параллельные художники и рендер.

СкиллРасширенный доступ61Звезды репозитория

Скилл для рисованной 2D-анимации кодом: словарь деталей, риги с анатомией и покадровый MP4 со звуком, на Node и ffmpeg

ПлагинМинимальный доступ151Звезды репозитория

Скилл для пиксель-арта в Claude Code: спрайты, анимации и эффекты строятся по референсу и проверяются кадр за кадром

СкиллМинимальный доступ162Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
ALIGN (эта карточка)нет50
Vivid Illustration Skillнет816шаблоны графиков и SVG-схем; ALIGN строит исполняемые p5.js-программы с циклом слепой рецензии
figures4papersнет11 098графики для статей на matplotlib в едином стиле; ALIGN рисует схему метода программой и допускает видео

Коротко о README

README показывает галерею работ, объясняет идею цикла «рендер, проверка, правка», перечисляет три скилла и дает установку для Claude Code и Codex с примерами запросов. Работы построены без диффузионных моделей.

Бейдж для README

Исходный SKILL.md

---
name: method-figure-loop
description: ALIGN for paper figures — draw a method-overview figure as an executable p5.js program that replays its own construction in named stages, exports SVG, and improves through pixel-only cross-model review whose gate is 'explain the method back from the figure alone, and is it worth looking at'. The method sets the relationships the figure must show, the chosen visual identity sets how its marks look, a composition source lends arrangements; the method may be the source's own (意临) or yours in its arrangement (风格迁移). Not for one-shot raster image generation.
argument-hint: "[composition source] → [method to convey] → p5.js"
allowed-tools: Bash(*), Read, Write, Edit, Glob, Grep, WebFetch, Skill, Artifact, mcp__codex__codex, mcp__codex__codex-reply
---

# Method Figure Loop (ALIGN) — a figure that makes itself, judged blind

> 🔒 Do not wrap this skill in `/loop`, `/schedule` or a cron. It loops internally
> (render → blind review → decide → redraw), and a round is triggered by a change
> in the figure, not by the clock.

You are given a composition source — a published method-overview figure, a
paper's or a repo's Figure 1 whose arrangement you want — a method the figure
must convey, and a medium the result must be *written in*: p5.js in a browser,
with the p5.js-svg renderer beside it so the same program renders the canvas
the reviewer sees and exports the SVG the paper prints.

**The method determines the relationships the figure must show. The chosen
visual identity determines how its marks look. The composition source supplies
useful arrangements, proportions and distinctions; borrow them where they serve
this method. The user decides the intended identity and emphasis.** A source's
missing connector, diamond, thumbnail, empty region or headline is not a reason
to retain something that fails in this figure.

You produce a page that replays the building of the figure in the order a
designer builds it, and you keep improving it until a reviewer who sees only
rendered pixels can explain the method back from the figure alone — every
move, in order, every fact — and says the figure is worth looking at, naming
no template-made tell worth another round. The user's acceptance is the last
gate, and their first look comes early, on the first complete composition,
not at the end.

Two modes, both legitimate. **意临** — the method is the source's own (the
paper's Figure 1 redrawn as a program): the source's own panels then say what
the method says, and the reviewer's explanation may be held against the paper's
method section. **风格迁移** — the arrangement from the source, a new method
(ARIS-Movie-Director's Figure 1 → ALIGN's loop): 取其法,不取其景, and nothing in
the loop judges resemblance to the source's content, only whether the work

Сообщить о проблеме