К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

appllama-usage — скилл для Claude Code: что делает и установка

Направляет работу с Appllama MCP: ищет мобильные приложения, изучает их экраны и пользовательские сценарии перед разработкой интерфейса.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add Appllama/appllama-skills --skill appllama-usage -a claude-code
Открыть на GitHub

Что делает appllama-usage

Скилл задаёт порядок исследования через Appllama MCP: сначала get_credits, затем поиск приложений, сценариев, экранов или элементов интерфейса. Он помогает разобрать реальные экраны, онбординг, платёжные экраны и продуктовые сценарии, а затем использовать найденные паттерны при создании или доработке мобильного интерфейса.

Для поиска доступны search_apps и search_screens, для детального просмотра — get_app, list_app_screens и get_screen. Можно изучать сценарии через list_flows и get_flow_apps, а компоненты — через list_ui_elements и get_element_screens. Если у пользователя есть доска Appllama, скилл предлагает начать с list_my_boards или get_board.

Ссылки на медиа действуют около часа, поэтому скилл советует сохранять экраны, заметки и идентификаторы в локальную папку research/. Это повод скачать нужные изображения до синтеза паттернов. Для следующей страницы нужно передать next_cursor от того же запроса; переходить сразу к произвольной странице нельзя.

Какие задачи решает

  • найти приложения для изучения нужного сценария
  • разобрать путь от приветственного экрана до продукта
  • собрать референсы для платёжного экрана
  • сравнить реализацию одного элемента интерфейса в разных приложениях
  • сохранить экраны и заметки для дальнейшей работы

Примеры запросов агенту

  • «Подключён Appllama MCP. Изучи сценарии онбординга для мобильного приложения и сохрани референсы в `research/`.»
  • «Найди экраны с платёжным сценарием через `search_screens`, затем разберись в их элементах интерфейса.»
  • «Вот идентификатор экрана `1393061654/spl_9i075`. Открой его через `get_screen` и подбери похожие экраны.»

Как установить appllama-usage

1Через Skills CLI (Vercel)

npx skills add Appllama/appllama-skills --skill appllama-usage -a claude-code

2Вручную: положить файлы

~/.claude/skills/appllama-usage/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/appllama-usage/

Из того же набора2

Весь набор →

Похожие

quick-mockups civitai Генерирует от 3 до 5 параллельных вариантов интерфейса в HTML. Пригодится, когда нужно быстро сравнить разные сетки и подачу для новой фичи. Claude Code CX Codex Cursor +1 1 700установок pretext Hermes Agent Скилл для браузерных демо на @chenglou/pretext: текст обтекает фигуры, ломается на графемы и меряется через canvas без пересчёта страницы. Claude Code CX Codex Cursor +1 317установок pretty-mermaid imxv Рендерит Mermaid-диаграммы в SVG, PNG или ASCII/Unicode без браузера. Пригодится для документации, README и терминалов. Claude Code CX Codex Cursor +1 4 500установок ads-photoshoot AgriciDaniel Генерирует рекламные варианты фото продукта по исходному кадру и профилю бренда. Помогает собрать студийные или контекстные сцены без искажения упаковки. Claude Code CX Codex Cursor +1 3 800установок ads-generate AgriciDaniel Создаёт графику для платной рекламы по креативному брифу и профилю бренда через настроенный провайдер. Пригодится при подготовке промо-кампаний. Claude Code CX Codex Cursor +1 3 800установок library-curator nexu-io Достаёт картинки, логотипы и скриншоты из OD Library, копирует файл в проект и отдаёт относительный путь, который остаётся вписать в разметку. Claude Code CX Codex Cursor +1 951установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок

Вопросы о appllama-usage

Как установить appllama-usage в Claude Code?

Выполните npx skills add Appllama/appllama-skills --skill appllama-usage -a claude-code. Скилл будет доступен в ~/.claude/skills/appllama-usage/SKILL.md.

Что делает appllama-usage?

Скилл помогает агенту исследовать библиотеку мобильных приложений через Appllama MCP. Он описывает выбор инструментов, работу с экранами, сценариями, пагинацией и временными ссылками на медиа.

Почему нужно сохранять изображения экранов локально?

Ссылки на изображения и видео истекают примерно через час. Идентификаторы экранов сохраняются, поэтому свежую ссылку можно запросить повторно через идентификатор.

Исходный текст

SKILL.md · MIT
---
name: appllama-usage
description: Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn. Load when the Appllama MCP is connected and the task involves building a mobile app or screen, researching app design patterns, studying onboarding/paywall/feature flows, improving an existing screen, or whenever an appllama_* / search_apps / list_app_screens tool is available. Covers the tool map, pagination, expiring media, and the full build-from-research playbooks.
license: MIT
metadata:
  author: Appllama (appllama.io)
  version: 1.1.0
---

# Appllama Usage Skill

Appllama is the design library of top-grossing mobile apps — their real
screens, flows, and UI patterns, with revenue and download context. The MCP
puts that library in an agent's hands: **not just a research tool, a builder's
tool.** You study what already wins, then you build something better.

Pair this skill with **appllama-app-design-skill** for every design/implementation
step — this skill tells you what to study; that one tells you how to build.

## Ground rules (read first)

1. **Start with `get_credits` — it's free.** It tells you the balance,
   limits, and reset date. Pro includes 1,500 credits a month (they reset in
   full on the 1st, UTC); every other call spends 1 credit.
2. **Go deep.** Design language lives in the whole journey, not a sample —
   walk every screen of the apps that matter for the task, images included.
   That is exactly what the library is for. The one thing that's against the
   terms is harvesting: sweeping the catalog to extract the dataset itself
   rather than to answer a real task. That isn't research, and it's detected
   server-side.
3. **Media URLs expire in ~1 hour.** Download/view what you study promptly.
   If links died mid-task, re-request that page for fresh ones — screen ids
   are durable, links are not.
4. **Ignore the watermark.** Every Appllama image and video carries a small
   Appllama watermark in the top-left corner. It is provenance, not part of
   the screen — don't let it skew your read of that corner (status bar,
   back button, title), and never reproduce it in anything you build.
5. **Pagination is sequential.** Every list response carries `next_cursor`;
   pass it back to continue. You cannot jump to page N — and a cursor only
   works for the same query that minted it. If a cursor errors, drop it and
   restart from page one.
6. **If you hit a rate limit, wait it out.** The per-minute and per-day
   limits sit far above real research; on the rare hit, wait the stated
   time — don't retry-hammer.
7. **Errors are instructions.** Tool errors are written to be acted on
   (expired cursor → restart; out of credits → tell the user their credits
   reset on the 1st and they can request more in Settings → Usage).

## Tool map

| Tool | What it gives you | Typical use |
|---|---|---|
| `get_credits` | Balance, limits, reset date. **Free.** | Session start |
| `search_apps` | 10 apps/page: name, revenue, downloads, rating, launch date, screens count, **flow list with screen counts**. Natural-language `query` + filters (revenue/downloads/rating/launch date/price/onboarding steps) + `sort` + `board_id` | Find the top apps for a category or need |
| `get_app` | One app in full: ratings breakdown, category rank, IAP pricing, top countries, flows | Decide if an app deserves a deep study |
| `list_app_screens` | 10 screens/page **in journey order** (welcome → onboarding → paywall → product), each with media URL, flow, UI elements, colors. Filter by `flow` or `section` | Walk an app screen by screen |
| `search_screens` | Screens across the whole library. `mode="keyword"` matches screen names + filters (flow, screen_type, element, app_id); `mode="semantic"` searches by meaning/visual language | Gather design references for one screen type |
| `get_screen` | One screen in full + up to 5 visually similar screens from other apps. Accepts `screen_ref` = `app_id/screen_id` (what appllama.io's "Copy Screen ID" produces) | The user pasted a screen ref; or drill into one reference |
| `list_flows` | The flow taxonomy with screen/app counts | Discover what flows exist for a category |
| `get_flow_apps` | Apps containing a flow, top revenue first | Find the best examples of one flow |
| `list_ui_elements` | ~38 UI-element families with counts (one call) | Vocabulary for element-level research |
| `get_element_screens` | Screens featuring an element family | Study how winners build one component |
| `list_my_boards` | The member's own appllama.io boards (screens / apps / flows) | Find their curation first |
| `get_board` | A board's full contents: screens with media, app profiles, or (app, flow) pairs | When the member curated a board for the task, START from it |

**The screen_ref handshake:** members can click "Copy Screen ID" on any
screen at appllama.io and paste it to you. It looks like
`1393061654/spl_9i075` — feed it straight to
`get_screen(screen_ref=...)` and you're looking at exactly the screen they
mean, plus its closest siblings across the library.

## The playbooks

| Scenario | Reference |
|---|---|
| Build an app from scratch (e.g. "build me a habit tracker") | [references/build-from-scratch.md](references/build-from-scratch.md) |
| Make an existing screen better | [references/improve-a-screen.md](references/improve-a-screen.md) |
| Flow & element research; general research method | [references/research-methods.md](references/research-methods.md) |

Both build playbooks end the same way: **the simulator loop from
appllama-app-design-skill, repeated until you cannot find a flaw.** Research
without that loop is decoration.

## Local reference boards

When you pull screens for study, save them into a local working structure —
links expire in about an hour, but your notes and downloads don't:

```
research/
  <category>/
    apps.md            # the shortlist: metrics, flows, verdicts
    <app-name>/
      screens.md       # per-screen notes: id, name, flow, elements, colors
      img/             # downloaded screens, in journey order
    patterns.md        # cross-app synthesis: the category's design language
```

Download the screens as you study them — synthesis happens with the images
side by side, not from metadata. Notes and screen IDs are durable; re-fetch
a fresh link from the ID if you ever need the pixels again.

© Appllama (appllama.io) · MIT · Appllama/appllama-skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой