appllama-skills
Два скилла для сборки мобильных экранов уровня топовых приложений: разбор чужих экранов через Appllama MCP и строгая планка нативной верстки на Expo и React Nat
Средний риск
Средний уровень ставим, когда инструмент запускает код, ходит в сеть или читает файлы проекта. Перед установкой посмотрите, что именно он делает.
Почему такой уровень
- Генерирует и правит код мобильного приложения
- Скилл разбора ходит в сеть к Appllama MCP
Установка
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/appllama-skillsОпределит агенты на машине, проверит риск и зафиксирует версию.
Другие способы установки
Выполните в терминале в папке проекта
npx skills add appllama/appllama-skills --skill appllama-app-design-skill -a claude-code -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита dd5caae
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .claude/skills
cp -R "$tmp/skills/appllama-app-design-skill" .claude/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add appllama/appllama-skills --skill appllama-app-design-skill -a cursor -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита dd5caae
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .agents/skills
cp -R "$tmp/skills/appllama-app-design-skill" .agents/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add appllama/appllama-skills --skill appllama-app-design-skill -a github-copilot -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита dd5caae
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .github/skills
cp -R "$tmp/skills/appllama-app-design-skill" .github/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add appllama/appllama-skills --skill appllama-app-design-skill -a codex -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита dd5caae
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .agents/skills
cp -R "$tmp/skills/appllama-app-design-skill" .agents/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add appllama/appllama-skills --skill appllama-app-design-skill -a gemini-cli -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита dd5caae
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .agents/skills
cp -R "$tmp/skills/appllama-app-design-skill" .agents/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .devin/skills
cp -R "$tmp/skills/appllama-app-design-skill" .devin/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Бывший Windsurf.
Выполните в терминале в папке проекта
npx skills add appllama/appllama-skills --skill appllama-app-design-skill -a cline -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита dd5caae
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .cline/skills
cp -R "$tmp/skills/appllama-app-design-skill" .cline/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add appllama/appllama-skills --skill appllama-app-design-skill -a roo -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита dd5caae
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .roo/skills
cp -R "$tmp/skills/appllama-app-design-skill" .roo/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Форк Roo Code, папки .roo те же.
Выполните в терминале в папке проекта
npx skills add appllama/appllama-skills --skill appllama-app-design-skill -a opencode -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита dd5caae
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .agents/skills
cp -R "$tmp/skills/appllama-app-design-skill" .agents/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .agents/skills
cp -R "$tmp/skills/appllama-app-design-skill" .agents/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/appllama/appllama-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/appllama-app-design-skill/
git -C "$tmp" checkout dd5caaec3d5d50ad7fc0324da238119c6b7c3707
mkdir -p .agents/skills
cp -R "$tmp/skills/appllama-app-design-skill" .agents/skills/appllama-app-design-skillКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Установи скиллы: npx skills add appllama/appllama-skills. Для разбора экранов подключи Appllama MCP по адресу https://mcp.appllama.io/mcp как коннектор и авторизуйся аккаунтом Appllama. Только планка верстки без MCP: npx skills add appllama/appllama-skills --skill appllama-app-design-skill.
Другие способы из описания автора
npx skills add appllama/appllama-skillsСтавит оба скилла.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Пакет из двух скиллов. appllama-usage описывает, как через Appllama MCP изучать экраны топовых по выручке приложений: искать по категории, разбирать онбординг и пейволы, собирать паттерны до верстки. appllama-app-design-skill задает планку сборки нативных экранов на Expo и React Native: соответствие Apple HIG, семантические цвета, нативные контролы, правила навигации (push и replace, модалки и шиты, экраны без возврата), сдержанная анимация на Reanimated и цикл проверки в симуляторе с записью всего потока. Скилл дизайна работает и без MCP, скиллу разбора нужен подключенный Appllama MCP.
Для кого. Для разработчиков и дизайнеров мобильных приложений на Expo и React Native.
Подходит, если
- Нужно собрать экран или поток по образцам сильных приложений категории
- Нужно довести мобильный UI до нативного ощущения: навигация, анимации, темная тема
- Нужно разобрать онбординг и пейволы конкурентов перед своей версткой
Не подходит, если
- Проект не на Expo или React Native
- Нужен только текстовый совет без установки скиллов
Пример запроса к агенту
Собери трекер привычек, сначала изучи топовые приложения этой категории и доведи каждый экран до сравнения в симулятореОграничения
Скилл appllama-usage работает через Appllama MCP по адресу mcp.appllama.io: доступ входит в платный план Pro, каждый вызов тратит кредит. Сервер MCP размещен у вендора и требует аккаунта Appllama, из России без VPN может быть недоступен. Скилл дизайна самодостаточен и MCP ему не нужен. Название и логотип Appllama товарные знаки, лицензия MIT не дает прав на них.
Как отключить. Удалите папки скиллов из каталога скиллов агента и отключите коннектор Appllama MCP в настройках клиента.
Проверка безопасности
- Генерирует и правит код мобильного приложения
- Скилл разбора ходит в сеть к Appllama MCP
Коротко о README
README представляет пакет как пару скиллов поверх библиотеки Appllama, где собраны реальные экраны топовых по выручке приложений. usage превращает библиотеку в метод разбора через Appllama MCP, design задает планку нативной верстки на Expo и React Native с проверкой в симуляторе. Устанавливается одной командой через Skills CLI, работает с Claude Code, Cursor, Codex и другими агентами. MCP подключается как коннектор и входит в платный план Pro. Лицензия MIT.
SKILL.md
--- name: appllama-app-design-skill description: Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived performance. Enforces Apple HIG fidelity, semantic colors, native controls, anti-slop discipline, navigation semantics (push vs replace, modal vs sheet vs overlay, the one-way doors where back must not exist), purposeful Reanimated motion, a full-motion simulator-verified iteration loop, and a study-real-apps-first workflow (pairs with the Appllama MCP). Trigger on "build a screen", "make this screen better", "design the onboarding", "wire up this flow", "polish the UI", "make it feel native", or any mobile design/implementation task. license: MIT metadata: author: Appllama (appllama.io) version: 1.3.0 --- # Appllama App Design Skill You are building screens that will sit on a phone next to the best-designed apps in the world. The user will compare your output to those apps within seconds of launching it. This skill defines the bar and the method for clearing it.
Частые вопросы
MCP обязателен?
Нет. Скилл appllama-app-design-skill дает планку нативной верстки без MCP. MCP нужен скиллу appllama-usage для разбора реальных экранов.
Сколько стоит доступ к MCP?
Доступ к Appllama MCP входит в план Pro, кредиты обновляются первого числа месяца, вызов get_credits бесплатный.
Похожие
MCP-сервер и CLI от Sentry для сборки, запуска и тестирования iOS и macOS проектов Xcode из AI-агента
Скилл Пола Хадсона для ревью и написания SwiftUI под iOS 26: устаревшие API, поток данных, навигация, доступность, производительность
Официальные скиллы Expo для агентов: сборка, деплой, обновление и отладка приложений на Expo и EAS
Открытая модель и фреймворк агента для смартфона: видит экран и сам нажимает в приложениях Android, HarmonyOS и iOS по текстовой команде