# hairline-adopt

Пересобирает иконку или логотип из SVG в изометрическую линейную фигуру на движке @lucasmarkes/hairline, которая реагирует на указатель.

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

## Что делает

Скилл берёт один SVG — иконку, логотип, иллюстрацию — и пересобирает нарисованный объект заново: телами на движке `@lucasmarkes/hairline`, в изометрии, одними линиями. Исходный файл он не анимирует и не обводит. Рисунок задаёт, что это за предмет и из каких частей он состоит, а фигура строится с нуля с теми же пропорциями.

Работа устроена как передача эстафеты: скилл вызывает `/hairline-create`, отдав путь к файлу и, если человек сказал, описание жеста, который должен отвечать на указатель. Шаг 0 читает рисунок и фиксирует объект и его части. Дальше варианты отличаются жестом либо, когда жест задан, формой и выводом. Построение, проверка и сдача остаются за вызванным скиллом.

Что нужно заранее: файл `.svg`. Если файлов несколько, фигура делается по одной, и скилл спросит, с какой начать. Жест можно не описывать: тогда его предложат варианты. Перед сборкой скилл одной строкой говорит, чем он прочитал рисунок и какие части сохранил; неверное прочтение правят до того, как что-то построено. Чужая марка на готовой странице — повод спросить владельца, а не решать самому.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add lucasmarkes/hairline --skill hairline-adopt -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add lucasmarkes/hairline --skill hairline-adopt -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add lucasmarkes/hairline --skill hairline-adopt -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install lucasmarkes/hairline hairline-adopt
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add lucasmarkes/hairline --skill hairline-adopt -a gemini-cli
```

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

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add lucasmarkes/hairline --skill hairline-adopt -a opencode
```

### Claude.ai

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

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

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

## Примеры запросов агенту
- \`/hairline-adopt public/logo.svg`
- \`/hairline-adopt assets/icon.svg` фигура поворачивается к курсору
- \`/hairline-adopt hero.svg` — при наведении фигура чуть наклоняется за указателем

## Похожие
- [anatomy](https://affpapa.org/nevibecode/skills/anatomy.md) — скилл · 21800 установок
- [isometric-animation](https://affpapa.org/nevibecode/skills/isometric-animation.md) — скилл · 1400 установок
- [isometric-explainer](https://affpapa.org/nevibecode/skills/isometric-explainer.md) — скилл · 550 установок
- [build-game-map-editor](https://affpapa.org/nevibecode/skills/build-game-map-editor.md) — скилл · 1200 установок
- [design](https://affpapa.org/nevibecode/skills/design.md) — скилл · 41300 установок
- [adopt-spec](https://affpapa.org/nevibecode/skills/adopt-spec.md) — скилл · 1800 установок

Из того же набора: [lucasmarkes/hairline](https://affpapa.org/nevibecode/by/lucasmarkes/hairline.md) — 2 карточки

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

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