dream-loop — скилл для Claude Code: что делает и как установить
Автономно доводит графику игры или приложения до целевого рендера по скриншотам. Пригодится, когда нужна высокая детализация 3D-сцены.
npx skills add achimala/dream-loop --skill dream-loop -a claude-codeЧто делает dream-loop
Скилл запускает автономную доработку визуала по фразе «dream loop» или запросу на высокую графическую точность. Сначала создаётся или принимается целевое изображение, которое сохраняется в .dream-loop/target.png. Если проект уже существует, агент делает скриншот текущего экрана и отправляет его в модель генерации как основу для улучшенной версии, избегая концепт-арта и кинематографических ракурсов.
Процесс делится на два несовместимых режима: Plus для базовых подписок уровня ChatGPT Plus и Pro для ChatGPT Pro. Инструкции читаются соответственно из references/plus-mode/workflow.md или references/pro-mode/workflow.md. Все рабочие файлы скилл держит в каталоге .dream-loop, который сразу добавляется в .gitignore.
Если пользователь задаёт лимит времени, агент сверяет часы между раундами, но не жертвует качеством рендера ради спешки. Для автономного старта скиллу обязательно нужен подключённый инструмент генерации картинок: без него агент остановится и потребует либо настроить API, либо вручную предоставить файл.
Какие задачи решает
- подогнать графику 3D-сцены под сгенерированный целевой рендер
- сгенерировать реалистичный скриншот движка на базе текущего экрана проекта
- провести автономный цикл визуальных правок с контролем лимита времени
- изолировать временные файлы генерации в локальной папке .dream-loop
Примеры запросов агенту
- Запусти dream loop для этой трёхмерной сцены и доведи графику до реалистичного рендера
- Используй dream-loop с Pro workflow, вот целевой скриншот для нашего приложения
- Сделай dream loop по текущему состоянию игры, лимит времени — два часа
Как установить dream-loop
1Через Skills CLI (Vercel)
npx skills add achimala/dream-loop --skill dream-loop -a claude-code2Вручную: положить файлы
~/.claude/skills/dream-loop/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/dream-loop/
1Через Skills CLI (Vercel)
npx skills add achimala/dream-loop --skill dream-loop -a codex2Вручную: положить файлы
.agents/skills/dream-loop/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add achimala/dream-loop --skill dream-loop -a cursor2Вручную: положить файлы
.cursor/skills/dream-loop/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install achimala/dream-loop dream-loop2Вручную: положить файлы
.github/skills/dream-loop/SKILL.md1Через Skills CLI (Vercel)
npx skills add achimala/dream-loop --skill dream-loop -a gemini-cli2Командой платформы
gemini skills install https://github.com/achimala/dream-loopВручную: положить файлы
.devin/skills/dream-loop/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add achimala/dream-loop --skill dream-loop -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о dream-loop
Как установить dream-loop в Claude Code?
Выполните в терминале команду npx skills add achimala/dream-loop --skill dream-loop -a claude-code.
Что делает скилл dream-loop?
Он организует цикл разработки, сравнивая живые скриншоты приложения с целевым рендером в .dream-loop/target.png до достижения нужного уровня графики.
Что нужно скиллу для генерации целевого изображения?
Нужен подключённый инструмент или API генерации изображений. Если их нет, агент остановит работу и попросит настроить доступ к API либо передать готовый файл target.png вручную.
Исходный текст
SKILL.md · MIT
--- name: dream-loop description: Build a game or app from a description so that a live screenshot matches a generated rendering. Use when the user says "dream loop" or asks for something built to a very high level of graphical fidelity. license: MIT --- # dream-loop This is a process for you to autonomously build extremely impressive visuals, especially for 3D scenes (e.g. in a game or app). Your first step is to determine which workflow to use: - If the user told you to use the Plus or Pro workflow explicitly, that's your answer - If not, check if the user is on a low or high tier coding subscription. "Low tier" means ChatGPT Plus or equivalent. "High tier" means ChatGPT Pro. For low-tier subscriptions, use the Plus workflow. For high-tier, use the Pro workflow. Plus workflow: read [references/plus-mode/workflow.md](references/plus-mode/workflow.md) Pro workflow: read [references/pro-mode/workflow.md](references/pro-mode/workflow.md) Do not read both documents. They are not inter-compatible. # Guidance applicable to both workflows ## General Create and use a `.dream-loop` folder for working context/files, and gitignore it. ## The target image The key piece of Dream Loop is to first create the "dream version" of the user request using image generation, then iterate to build it. If the user supplies this, use that directly. If not, you need to generate it. If you don't have an image generation tool, stop and ask the user to either provide the target image, or connect you to an image generation API. Before generating the image, determine if there is an existing product or if you're starting fresh. If fresh, you can directly generate a new image. If there's an existing product, you should capture a screenshot of the current version of it, then use that as the baseline input to the image model and generate a refined version of it based on the user direction, so that it is an improvement over the original and not a divergence. When generating images, avoid using words like "concept art" in the prompt. This is not an artist's interpretation. It is meant to be an exact, realistic target screenshot. You will try to match it down to the pixel. For example, if the user is asking you to make a game, you should prompt the image model for a real in-engine screenshot of the target. Not a cinematic shot, photo, painting, artist concept, etc. Store the image in `.dream-loop/target.png`. ## Time budget If the user gives a time budget, record the time at start of the loop (after locking target.png), and check the clock between rounds. Don't degrade visual fidelity to hit the time budget. Don't take shortcuts. It's better to hit the time limit with meaningful, beautiful progress than with something roughly complete but ugly. If the user doesn't give a time budget, run until you hit an exit criterion, but warn that this may consume a lot of tokens.
© achimala · MIT · achimala/dream-loop