JDhruv14/ascii-diorama

Что это?

Ключевые возможности

• 01Отрисовывает 3D-сцены цветными ASCII-символами, выбранными для каждого типа поверхности.
• 02Предоставляет сервер предпросмотра в реальном времени, который пересобирает сцену при перезагрузке.
• 03Включает стартовую сцену с рельефом, шейдером воды, травой, цветами и объектами окружения.
• 04Размывает верхнюю и нижнюю части изображения, создавая tilt-shift-эффект.
• 05Загружает текстуры и модели с помощью входящего в комплект скрипта.

Сценарии использования

• Создание анимированной 3D-миниатюры в стиле ASCII с помощью Claude Code.
• Создание прототипа диорамы с собственным сеттингом, например гавани, деревни или маяка.
• Экспорт зацикленной сцены ASCII-арта в виде статической веб-страницы.

Быстрый старт

1. 1

   Клонируйте skill в папку skills для Claude Code

   git clone https://github.com/JDhruv14/ascii-diorama ~/.claude/skills/ascii-diorama
2. 2

   Установите зависимости Three.js и esbuild в папку scene

   npm i three esbuild
3. 3

   Скопируйте стартовую сцену в новую папку и загрузите её ресурсы

   mkdir -p my-scene && cp ~/.claude/skills/ascii-diorama/templates/scene/* my-scene/ && bash ~/.claude/skills/ascii-diorama/scripts/fetch-assets.sh my-scene
4. 4

   Запустите предпросмотр в реальном времени и откройте http://127.0.0.1:5173/

   node ~/.claude/skills/ascii-diorama/scripts/serve.mjs my-scene

Что важно знать

• !Требуются браузер с поддержкой WebGL 2 и Node.js версии 18 или новее.
• !Среди загружаемых ресурсов есть материалы по лицензии CC BY 4.0, для которых при показе лисы необходимо указать авторство.

В подборках

Темы

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

Что такое ascii-diorama?

Навык Claude Code помогает ИИ-агенту создавать миниатюрные 3D-сцены с tilt-shift-эффектом, отрисованные цветными ASCII-символами с помощью Three.js. ascii-diorama — это навык Claude Code для создания миниатюр в стиле tilt-shift из ASCII-символов: небольших 3D-сцен, целиком нарисованных цветными моноширинными символами. Камера смотрит на диораму Three.js под крутым углом и перемещается из стороны в сторону, а верхняя и нижняя части изображения размываются, создавая эффект масштабной модели. Для травы, воды, камня и деревьев используются отдельные наборы символов, каждый из которых получает цвет из 3D-рендера.

ascii-diorama можно использовать бесплатно? Какая у него лицензия?

ascii-diorama распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

ascii-diorama всё ещё поддерживается?

Активно поддерживается. Последний коммит в ascii-diorama — 2 нояб. 2026 г..

Для чего можно использовать ascii-diorama?

Создание анимированной 3D-миниатюры в стиле ASCII с помощью Claude Code. Создание прототипа диорамы с собственным сеттингом, например гавани, деревни или маяка. Экспорт зацикленной сцены ASCII-арта в виде статической веб-страницы.

Как установить ascii-diorama?

Клонируйте skill в папку skills для Claude Code: git clone https://github.com/JDhruv14/ascii-diorama ~/.claude/skills/ascii-diorama Установите зависимости Three.js и esbuild в папку scene: npm i three esbuild Скопируйте стартовую сцену в новую папку и загрузите её ресурсы: mkdir -p my-scene && cp ~/.claude/skills/ascii-diorama/templates/scene/* my-scene/ && bash ~/.claude/skills/ascii-diorama/scripts/fetch-assets.sh my-scene Запустите предпросмотр в реальном времени и откройте http://127.0.0.1:5173/: node ~/.claude/skills/ascii-diorama/scripts/serve.mjs my-scene

Где скачать ascii-diorama?

Исходный код и инструкции по установке — на GitHub: https://github.com/JDhruv14/ascii-diorama