Asciify Engine — скилл
Скилл превращает картинки, GIF, видео и 3D-модели в ASCII и строит ASCII-компоненты и GPU-фоны сайтов командой asciify-engine
- 78 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скилл направляет агента и запускает команду `asciify-engine` над вашими файлами, а страницы с GPU-полями нагружают видеокарту
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/asciify-engineОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл направляет агента и запускает команду `asciify-engine` над вашими файлами, а страницы с GPU-полями нагружают видеокарту
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Asciify Engine — движок и скилл для ASCII-графики в вебе и терминале. Скилл учит агента превращать прикрепленные картинки, GIF, видео и 3D-модели в символы командой `asciify-engine`: текст для ответа, ANSI для терминала, SVG и анимированный SVG для README. Он же строит интерфейсные компоненты и фоны, нарисованные настоящими символами на GPU. В набор входят кнопки загрузки, уведомления, вкладки, состояния ИИ, графики и переходы страниц, поля символов на WebGL2 с откликом на курсор, безголовый режим для OG-картинок и писем, а также модели glTF, OBJ, STL и PLY. Компоненты берут цвета из токенов CSS в светлой и темной темах, учитывают сокращенное движение и ставятся на паузу вне экрана. Справочники скилла содержат подсказки по каждому компоненту и полный API.
Для кого. Веб-разработчикам и дизайнерам, которым нужен фирменный текстовый стиль в интерфейсе, на лендинге или в README, и тем, кто хочет ASCII-версию логотипа или фото.
Подходит, если
- Вы просите ASCII-версию логотипа или фотографии для README в виде анимированного SVG
- На главной странице нужен фон из символов, который следует за курсором
- Кнопка сохранения должна показывать загрузку и успех знаками, цветом из токенов CSS
- Для письма или картинки Open Graph нужен текст из пикселей без DOM, в Node или в воркере
- Терминальная заставка из 3D-модели торус или узел в символах braille
Не подходит, если
- Нужна точная растровая обработка изображений: движок рисует символами
- На странице много тяжелых полей GPU на слабом оборудовании без запасного варианта
- Проект рассчитан на старые браузеры без WebGL2 и без решения для запасного режима
- Нужна готовая библиотека иконок: здесь компоненты и фоны из символов
Пример запроса к агенту
Сделай ASCII-версию этого логотипа в виде анимированного SVG для README и положи рядом текстовый вариантОграничения
Видео в терминале обрабатывается через `ffmpeg`. Поля на GPU рисуются через WebGL2, их можно выносить в воркер флагом `worker: true`, а полный набор опций смотрите в документации на asciify.org. Для 3D нужны файлы glTF, GLB, OBJ, STL или PLY. Скилл по умолчанию применяет собственный дизайн, поэтому цвета и радиусы нужно привязать к токенам вашей темы. Проект сопровождается файлами STABILITY.md и SECURITY.md в репозитории, а лицензия MIT.
Как отключить. Удалите папку скилла `asciify-engine` из каталога скиллов агента и пакет командой `npm uninstall asciify-engine`, если ставили его в проект.
Частые вопросы
Как поставить скилл Asciify?
Выполните `npx skills add ayangabryl/asciify-engine`. Сам движок для проекта ставится командой `npm i asciify-engine`, а попробовать можно без установки: `npx asciify-engine photo.jpg` или `npx asciify-engine torus`.
Что умеет командная строка?
Превращает картинки, GIF, видео через `ffmpeg` и 3D-модели в текст, ANSI, SVG, HTML или JSON, а также в PNG, GIF и MP4. Модель можно вращать мышью, а за один запуск обработать много файлов.
Работает ли движок без DOM?
Да, режим `/headless` превращает пиксели в текст в Node, воркерах и на границе сети для OG-картинок, писем, CLI и README. Вывод бывает текстом, ANSI, SVG, HTML и анимированным SVG.
Как подключить фон на GPU?
Используйте поля из `/field` или элемент `<asciify-field>` через `defineAsciifyField()`: он годится для React, Vue, Svelte, Astro и обычного HTML. Тяжелые поля можно рисовать в воркере.
Что учитывают компоненты?
Цвета из токенов CSS в светлой и темной темах, размер и радиус элемента, настройку сокращенного движения и паузу вне экрана.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл разбирает и переносит WebGL, WebGPU и Canvas-эффекты со страницы в отдельный локальный проект на нативном JS
Скилл Claude, который по названию предмета рисует изометрический чертеж в одном HTML-файле с рабочими кнопками
Скилл и MCP-сервер библиотеки Shaders: агент собирает фоны, стекло, градиенты и курсорные эффекты на WebGPU для React, Vue, Svelte, Solid и JS
design-to-code — сайт из изображения дизайна
design-to-code
Скилл превращает скриншот, макет, кадр Figma или живую страницу в адаптивный сайт и сверяет результат с дизайном
Скилл помогает писать и отлаживать GLSL-шейдеры из готовых блоков, собирает зависимости в один файл и проверяет код для WebGL2.
Скилл рисует макеты интерфейсов и лендингов и переносит их в HTML, в проект на React или в мини-приложение WeChat
Коротко о README
README представляет движок как набор для ASCII в вебе: компоненты, медиа, поля на GPU, безголовый режим, 3D-модели и командную строку. Затем идут установка, быстрый пример на TypeScript, список возможностей и ссылка на документацию.
Бейдж для README
Исходный SKILL.md
---
name: asciify-engine
description: "Asciify attached or linked images, GIFs, video and 3D models: convert them to ASCII art with the asciify-engine command (text for a reply, ANSI for a terminal, SVG or animated SVG for a README), and build ASCII components and backgrounds for websites. Use when someone says asciify or asks for ASCII, text, braille or block art of a photo, logo, file or URL, a text banner, or ASCII in a terminal; and for interface components in characters (loading, status, toasts, tabs, AI states, charts, transitions, pages), animated backgrounds and heroes inked from the site's theme, live image, video and 3D fields on the GPU, artwork looks and art styles for wallpapers, posters and prints, hover and motion, type layered over media, export, rendering performance, and ASCII on servers and at the edge."
metadata:
tested-engine: "4.33.0"
updated: "2026-11-06"
---
# Asciify Engine
Use the published `asciify-engine` npm package. Tested against **4.33.0**. Check the application's installed version and its public types before using newer options; a local checkout can contain unpublished changes.
- Agent entry: https://asciify.org/skill (redirects to this Markdown document).
- Components: https://asciify.org/components · Looks: https://asciify.org/looks · Backgrounds: https://asciify.org/backgrounds
- Playground: https://asciify.org/editor · API documentation: https://asciify.org/docs/api
- Repository: https://github.com/ayangabryl/asciify-engine
```sh
npm install asciify-engine@latest
```
Entries: the `asciify-engine` command for files (a chat reply, a terminal, an SVG for a README); `/kit` for interface components and backgrounds, one call each; `asciify-engine` and `/core` for media and text conversion on a page; `/headless` for pixels to text with no DOM (servers, edge, terminals); `/decode` for image files to pixels with no dependencies; `/model` for 3D models to ASCII; `/hover` for the website hovers and living-image motion; `/studio` for art styles, looks and export; `/field` for raw GPU character fields. Each optional entry loads only when imported. GIF decoding loads `gifuct-js` when a GIF API is called.
## Asciify an attachment
When someone says asciify (or "turn this into ASCII", "make this ASCII art") and attaches or names an image, GIF, video, 3D model or URL, convert it now with the command and hand back the result; ask nothing about flags first. Per-media defaults, their words mapped to flags, READMEs and failures: [convert-attachments.md](references/convert-attachments.md).
1. **Find the file.** A path in the message (Claude Code pastes dropped files as paths); `/mnt/user-data/uploads/` in Claude apps, which expect what you hand back in `/mnt/user-data/outputs/`; the workspace in Cursor and Codex. Pass image, GIF and model URLs straight in; download a video first. A picture pasted with no file behind it: look where this environment keeps uploads, and if there is no file, say in one line that you need the file or its path. Never draw a stand-in by hand.
2. **Check the command.** `npx -y asciify-engine@latest --version` must print 4.33.0 or later (Node 18 or later); a project that depends on 4.33 or later can run its own `npx asciify-engine`. `could not determine executable to run` means npm has no 4.33 yet: say so.
3. **Convert for where it goes.** Text for your reply (`-f text`, and `--still` for a GIF, video or model so nothing plays), and a file worth keeping:
```sh
npx -y asciify-engine@latest photo.jpg -f text -w 80 --cell-aspect 2.4 # the reply (leave out --cell-aspect in a terminal)
npx -y asciify-engine@latest photo.jpg -o photo.svg --background '#000000' # the file: in colour, sharp at any size
npx -y asciify-engine@latest loop.gif -o loop.svg # a GIF or video (ffmpeg): an animated SVG
npx -y asciify-engine@latest helmet.glb --spin -o turn.svg # a 3D model: one full turn
```
Logo, line art or a scan, dark on white: add `--light`. A README: `--ink '#24292f' --dark-ink '#e6edf3' --title "…"`. A terminal: ANSI (`-o art.ans`). To post or send it: a picture, `-o art.png`, `.gif` or `.mp4`. Several files: `-o 'ascii/{name}.svg'`. Playback and the 3D viewer run only in the user's own terminal: give them the line, such as `npx asciify-engine helmet.glb`.
4. **Hand it back.** Read the text first; if the subject does not read, try `--light`, `--invert`, a crop or more columns. Then the text in a code block fenced with four backticks, the file and where it is, one line on what you chose, and one alternative (braille, colour blocks, the classic ramp, a wider file), not a menu.
5. **Live on their website instead?** A hero, background, component or turning model on a page is the kit, a field or `modelSource`, not the command: read on.
## For a website: kit first
Most web requests are a feeling ("make the loading state feel alive", "a calm background behind pricing", "like asciify.org") rather than an API. Work in this order: