Skip to main content
skill Claude Code CX Codex Cursor GitHub Copilot

appllama-usage — Claude Code skill: what it does, how to install

Guides Appllama MCP research for mobile apps: inspect real screens and flows before building or improving an interface.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add Appllama/appllama-skills --skill appllama-usage -a claude-code
Open on GitHub

What appllama-usage does

This skill gives an agent a research workflow for Appllama MCP. It starts with get_credits, then directs the agent to search apps, flows, screens, or UI elements before it builds a mobile screen or revises an existing one.

Use search_apps and search_screens to find references, then inspect them through get_app, list_app_screens, and get_screen. The skill also covers flow research with list_flows and get_flow_apps, plus element-level study through list_ui_elements and get_element_screens. A member board can be opened with list_my_boards or get_board.

Media links expire in about an hour, so the workflow saves downloaded screens, notes, and screen IDs under research/. That makes local copies important during visual comparison. Pagination is sequential: return next_cursor only to the query that created it, or restart from the first page when a cursor fails.

What it helps with

  • find app references for a target flow
  • trace a journey from welcome screen to product
  • collect references for a paywall screen
  • compare one UI element across apps
  • store screen notes and images for later synthesis

Example prompts for the agent

  • “Use the connected Appllama MCP to research onboarding flows for a mobile app and save references under `research/`.”
  • “Find paywall screens with `search_screens`, then inspect their UI elements and flows.”
  • “Open screen reference `1393061654/spl_9i075` with `get_screen` and review similar screens.”

How to install appllama-usage

1Skills CLI (Vercel)

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

2Manually: put the files in place

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

Copy the whole skill folder; for one project use .claude/skills/appllama-usage/

From the same set2

The whole set →

Similar

quick-mockups civitai Generates 3 to 5 parallel UI mockups in HTML. Useful when you need to explore layouts, wireframes, and hierarchy variations before writing frontend code. Claude Code CX Codex Cursor +1 1,700installs pretext Hermes Agent A skill for browser demos built on @chenglou/pretext: text wraps around shapes, splits into graphemes and gets measured through canvas without a page reflow. Claude Code CX Codex Cursor +1 317installs pretty-mermaid imxv Renders Mermaid diagrams to SVG, PNG, or ASCII/Unicode without a browser. Useful for docs, READMEs, and terminal output. Claude Code CX Codex Cursor +1 4,500installs ads-photoshoot AgriciDaniel Generates rights-cleared paid-ad product photography from an authorized image and brand profile. Keeps packaging and logos intact across studio or lifestyle scenes. Claude Code CX Codex Cursor +1 3,800installs ads-generate AgriciDaniel Generates paid-ad image assets from a validated brief and brand profile using a configured image provider. Keeps generation audits with hashes and safe zones. Claude Code CX Codex Cursor +1 3,800installs library-curator nexu-io Pulls images, logos and screenshots out of the OD Library and copies the file into your project, handing back a relative path you can drop into markup. Claude Code CX Codex Cursor +1 951installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. Claude Code 1,424,476installs

Questions about appllama-usage

How do I install appllama-usage in Claude Code?

Run npx skills add Appllama/appllama-skills --skill appllama-usage -a claude-code. The skill is placed at ~/.claude/skills/appllama-usage/SKILL.md.

What does appllama-usage do?

It guides an agent through mobile app research with Appllama MCP. The skill covers tool selection, screen and flow analysis, pagination, and expiring media links.

Why should I save researched screen images locally?

Screen media links expire in about an hour. Screen IDs remain usable, so the agent can request a fresh link later when needed.

Source text

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

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor