# cmux-artifact

Собирает HTML-страницу с доказательствами работы — логами, скриншотами, таймингами — и открывает её в отдельной панели рабочего пространства cmux.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 660 установок · ★ 39
- Автор: manaflow-ai
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/manaflow-ai/cmux-skills/tree/HEAD/skills/cmux-artifact/SKILL.md
- Обновлён: 2026-09-08
- HTML: https://affpapa.org/nevibecode/skills/cmux-artifact

## Что делает

Скилл включается, когда нужен HTML-артефакт, разбор изменений, страница проверки или демо. Агент собирает реальные улики: вывод команд, логи, снимки экрана, кадры видео, таблицу таймингов. Придумывать доказательства нельзя — только то, что действительно было.

Готовый `index.html` ложится в дерево `/cmux-assets/<branch>/<artifact-slug>`, привязанное к ветке. Если туда записать не получается, скилл предлагает запасной путь `cmux-assets/<branch>/<artifact-slug>` внутри репозитория. `/tmp` годится только под черновики: принятые логи и скриншоты перед показом копируются в постоянное дерево. Для интерактивных страниц допускается небольшой React-сайт в том же каталоге, а если стоит `bun`, сервер поднимается в видимой вспомогательной панели — без скрытых фоновых процессов.

Артефакт открывается как браузерная поверхность по `file://`, а не через `cmux open`, иначе получится просмотр файла вместо страницы. В рабочем пространстве с одной панелью скилл делает сплит вправо: вкладка, добавленная в активную панель, просто прячется за терминалом, и пользователь ничего не увидит. После правки `index.html` нужен `reload --snapshot-after` — браузерная поверхность может держать старую версию файла. Это повод проверить, что на экране именно свежий артефакт.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add manaflow-ai/cmux-skills --skill cmux-artifact -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/cmux-artifact/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/cmux-artifact/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add manaflow-ai/cmux-skills --skill cmux-artifact -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/cmux-artifact/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add manaflow-ai/cmux-skills --skill cmux-artifact -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/cmux-artifact/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install manaflow-ai/cmux-skills cmux-artifact
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/cmux-artifact/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add manaflow-ai/cmux-skills --skill cmux-artifact -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/manaflow-ai/cmux-skills --path skills/cmux-artifact
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/cmux-artifact/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add manaflow-ai/cmux-skills --skill cmux-artifact -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/manaflow-ai/cmux-skills/tree/HEAD/skills/cmux-artifact/SKILL.md

## Когда брать
- собрать страницу с логами и скриншотами для проверки изменения
- показать тайминги запусков в одной таблице
- открыть отчёт рядом с терминалом, не переключая фокус
- сложить принятые логи и видео в постоянный каталог вместо /tmp
- поднять локальный сервер для интерактивного демо

## Примеры запросов агенту
- сделай HTML-артефакт с логами и скриншотами этого прогона
- собери страницу проверки изменения и открой её в правой панели
- нужен разбор демо с таймингами — положи в /cmux-assets и покажи в браузере

## Похожие
- [structured-artifact](https://affpapa.org/nevibecode/skills/structured-artifact.md) — скилл · 387 установок
- [cmux](https://affpapa.org/nevibecode/skills/cmux.md) — скилл · 9700 установок
- [cmux-customization](https://affpapa.org/nevibecode/skills/cmux-customization.md) — скилл · 6700 установок
- [pr-artifact-explorer](https://affpapa.org/nevibecode/plugins/pr-artifact-explorer.md) — плагин · ★ 40418
- [web-artifacts-builder](https://affpapa.org/nevibecode/skills/nexu-io-web-artifacts-builder.md) — скилл · 2800 установок
- [design-artifact](https://affpapa.org/nevibecode/skills/design-artifact.md) — скилл · 1700 установок

Из того же набора: [manaflow-ai/cmux-skills](https://affpapa.org/nevibecode/by/manaflow-ai/cmux-skills.md) — 5 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md