# animated-readme-logo

Скилл собирает, переделывает и проверяет логотипы для README: от SVG-мастера до статичного PNG и анимированного GIF.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2700 установок · ★ 8
- Автор: stark-ai-de
- Лицензия: Apache-2.0 · policy=mirror · лицензия открытая, файл — в исходнике
- Исходник: https://github.com/stark-ai-de/agent-skills/tree/HEAD/skills/engineering-workflows/animated-readme-logo/SKILL.md
- Обновлён: 2026-10-22
- HTML: https://affpapa.org/nevibecode/skills/animated-readme-logo

## Что делает

Скилл работает с логотипом репозитория как с пайплайном, а не как с одной картинкой. Он умеет четыре вещи: провести аудит существующих ассетов, нарисовать новый знак, аккуратно пересобрать старый или оживить уже готовый SVG. Аудит ничего не пишет — только читает разметку README, локальные ссылки на файлы и доступные проверки, а потом отдаёт отчёт.

В мутирующих сценариях скилл сохраняет оригиналы и раскладывает результат под предсказуемыми именами в папке ассетов, а если её нет — в `docs/assets/`: `<slug>-logo.svg`, `<slug>-logo-motion.md`, `<slug>-logo-animation.mjs`, `<slug>-logo-static.png` и `<slug>-logo-animated.gif`. Движение описано дважды: человекочитаемая спецификация с ключевыми кадрами, плавностью и точкой цикла плюс исполняемый `.mjs`-рецепт, который детерминированно превращает SVG в кадры. Перед сборкой PNG и GIF скилл прогоняет строгий валидатор и запускает рецепт с `--check`.

Если нужной команды экспортёра или инспектора нет, скилл показывает минимальную установку и ждёт явного разрешения. Откажете — получите все проверенные промежуточные файлы, но без заглушек вместо PNG и GIF. Провайдерская генерация доступна только в сценарии создания, и ни один вызов, списывающий кредиты, не пройдёт без отдельного подтверждения точной партии.

## Требования
- Работает с: GitHub

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add stark-ai-de/agent-skills --skill animated-readme-logo -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add stark-ai-de/agent-skills --skill animated-readme-logo -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add stark-ai-de/agent-skills --skill animated-readme-logo -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install stark-ai-de/agent-skills animated-readme-logo
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add stark-ai-de/agent-skills --skill animated-readme-logo -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/stark-ai-de/agent-skills --path skills/engineering-workflows/animated-readme-logo
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add stark-ai-de/agent-skills --skill animated-readme-logo -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/stark-ai-de/agent-skills/tree/HEAD/skills/engineering-workflows/animated-readme-logo/SKILL.md

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

## Примеры запросов агенту
- проведи аудит логотипа в README и скажи, что сломается на GitHub
- оживи мой `logo.svg` и собери GIF с прозрачностью
- пересобери логотип из этого PNG в аккуратный SVG

## Похожие
- [beautify-github-readme](https://affpapa.org/nevibecode/skills/beautify-github-readme.md) — скилл · 1200 установок
- [logo-animation](https://affpapa.org/nevibecode/skills/logo-animation.md) — скилл · 2800 установок
- [SVG Logo Designer](https://affpapa.org/nevibecode/skills/svg-logo-designer.md) — скилл · 8200 установок
- [logo-designer](https://affpapa.org/nevibecode/skills/logo-designer.md) — скилл · 931 установка
- [create-readme](https://affpapa.org/nevibecode/skills/create-readme.md) — скилл · 19081 установка
- [logo-generator](https://affpapa.org/nevibecode/skills/logo-generator.md) — скилл · 3900 установок

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

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