appllama-skills

Два скилла для сборки мобильных экранов уровня топовых приложений: разбор чужих экранов через Appllama MCP и строгая планка нативной верстки на Expo и React Nat

Скилл

Средний риск

Средний уровень ставим, когда инструмент запускает код, ходит в сеть или читает файлы проекта. Перед установкой посмотрите, что именно он делает.

Почему такой уровень

  • Генерирует и правит код мобильного приложения
  • Скилл разбора ходит в сеть к Appllama MCP
Все причины и проверки

appllama/appllama-skills

Установка

В терминале, через 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.

Понадобится: Node.js

Сверено с репозиторием 24 сент. 2026, коммит dd5caae.

Текст для агента

Установи скиллы: 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-агента

MCP-серверСредний рискБез VPN6,4 тыс.Звезды репозитория
Выбор редакции

Скилл Пола Хадсона для ревью и написания SwiftUI под iOS 26: устаревшие API, поток данных, навигация, доступность, производительность

СкиллНизкий рискБез VPN4,9 тыс.Звезды репозитория
Выбор редакции

Официальные скиллы Expo для агентов: сборка, деплой, обновление и отладка приложений на Expo и EAS

ПлагинСредний риск2,6 тыс.Звезды репозитория

Открытая модель и фреймворк агента для смартфона: видит экран и сам нажимает в приложениях Android, HarmonyOS и iOS по текстовой команде

CLIВысокий риск26,3 тыс.Звезды репозитория
Foxx AIappllama-skills

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.