app-icon · melvynx — скилл для Claude Code: что делает и как установить
Скилл создаёт объёмные иконки для iOS и Android в проектах Expo, а затем нарезает их под требования сторов.
npx skills add Melvynx/aiblueprint --skill app-icon -a claude-codeЧто делает app-icon
Скилл читает конфигурацию Expo и генерирует исходное изображение через Codex image_gen или утилиту gemini-cli. Если генератор недоступен, он отдаёт готовый промпт пользователю и ожидает файл. Цвета и концепцию скилл вытягивает прямо из проекта, избегая плоских пиктограмм и текста на изображении.
После генерации запускается постобработка через консольные утилиты sips и ImageMagick. Скилл готовит icon.png 1024×1024 для iOS без прозрачности, безопасную адаптивную иконку для Android и favicon.png размером 192×192, а затем прописывает пути в конфигурацию Expo.
Для полноценной автоматической нарезки в системе необходимы sips или magick, иначе адаптивную иконку придётся пересоздавать с ручными отступами. Обновлённые ассеты не появятся на домашнем экране устройства без нативной пересборки через npx expo run:ios или npx expo run:android.
Какие задачи решает
- сгенерировать объёмную иконку по концепции проекта Expo
- подготовить ассеты icon.png и adaptive-icon.png под требования App Store и Google Play
- убрать прозрачность и сфокусировать графику в безопасной зоне Android
- нарезать favicon.png для веб-версии приложения
Примеры запросов агенту
- Сделай объёмную иконку для нашего фитнес-трекера в Expo
- Сгенерируй app icon с маскотом и нарежь адаптивные ассеты
- Обнови иконку приложения, вытащи цвета из конфига проекта
Как установить app-icon
1Через Skills CLI (Vercel)
npx skills add Melvynx/aiblueprint --skill app-icon -a claude-code2Вручную: положить файлы
~/.claude/skills/app-icon/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/app-icon/
1Через Skills CLI (Vercel)
npx skills add Melvynx/aiblueprint --skill app-icon -a codex2Вручную: положить файлы
.agents/skills/app-icon/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Melvynx/aiblueprint --skill app-icon -a cursor2Вручную: положить файлы
.cursor/skills/app-icon/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Melvynx/aiblueprint app-icon2Вручную: положить файлы
.github/skills/app-icon/SKILL.md1Через Skills CLI (Vercel)
npx skills add Melvynx/aiblueprint --skill app-icon -a gemini-cli2Командой платформы
gemini skills install https://github.com/Melvynx/aiblueprint --path agents-config/skills/app-iconВручную: положить файлы
.devin/skills/app-icon/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Melvynx/aiblueprint --skill app-icon -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Другие версии app-icon
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о app-icon
Как установить app-icon в Claude Code?
Выполните команду npx skills add Melvynx/aiblueprint --skill app-icon -a claude-code. Скилл сохранится в конфигурации Claude Code.
Что делает скилл app-icon?
Он генерирует изображение иконки через нейросеть, учитывая цвета проекта, и конвертирует его в форматы для iOS, Android и веба.
Какие утилиты нужны для обработки графики?
Для обрезки и удаления прозрачности требуются sips и magick. Если magick не установлен, скилл попросит перегенерировать картинку с 20% отступами под безопасную зону Android.
