К основному содержанию
скилл CX Codex

dream-loop — скилл для Claude Code: что делает и как установить

Автономно доводит графику игры или приложения до целевого рендера по скриншотам. Пригодится, когда нужна высокая детализация 3D-сцены.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add achimala/dream-loop --skill dream-loop -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/dream-loop/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/dream-loop/

По шагам, с командами для каждой платформы: Как установить скилл в 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

Похожие скиллы

Всё по теме «Геймдев и 3D: Unity, Unreal, Godot, Blender» →
multiview-fit-loop RobLe3 Закрывает цикл рендер → сравнение → правка → повторный рендер, пока модель не совпадёт с шаблонами вида спереди, сбоку, сзади и сверху. CX Codex +1 784установок create-game-assets gamedev-skills Скилл ведёт визуальные ассеты игры от арт-дирекшна и манифеста до проверки альфа-канала и контактного листа. Полезен, когда спрайты и тайлсеты начинают расползаться по стилю. CX Codex +1 6 700установок fal-assets rehan-remade Генерирует спрайты, бесшовные текстуры, PBR-карты, 3D-модели и звуки через API fal. Пригодится разработчикам модов и инди-игр, когда в проекте не хватает арта или аудио. CX Codex +1 1 400установок 3d-modeling omer-metin Скилл для работы с 3D-моделями: подсказывает по топологии, развёртке, ретопологии и LOD. Пригодится, когда агент помогает готовить меш под игру или кино. CX Codex +1 1 200установок arc-mastery dylantarre Скилл для анимации движения: объясняет, почему прямые линии выглядят механически, и как строить дуги в UI, персонажах и играх. CX Codex +1 523установок scenario-textures scenario-labs Скилл настраивает генерацию бесшовных текстур, апскейл с сохранением тайлинга и сборку PBR-материалов через MCP-сервер Scenario. Пригодится при подготовке ассетов для игровых движков. CX Codex +1 500установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой