Appllama について
Appllama は、売上上位のモバイルアプリの実画面、フロー、UI パターンを収益やダウンロードの情報とともに提供する MCP サービスです。モバイルアプリ開発者向けに、調査から Expo / React Native の画面構築まで Agent を導くスキルも備えています。
主な機能
- 01人気アプリの画面とフローを調査
- 02市場情報とともにデザインパターンを確認
- 03アプリカテゴリーごとのデザイン言語を抽出
- 04ネイティブらしい Expo / React Native 画面を構築
- 05シミュレーターで動作全体を確認
活用シーン
- 01モバイルアプリの画面をゼロから設計
- 02既存アプリの画面を改善
- 03オンボーディングとペイウォールの設計を調査
- 04アプリのナビゲーションとアニメーションを確認
MCP 対応
Appllama MCP サーバーは https://mcp.appllama.io/mcp で、アプリデザイン調査機能を MCP クライアントに提供します。付属の appllama-usage スキルは、ツールと調査手順を案内します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://mcp.appllama.io/mcpclaude mcp add --transport http io-appllama-appllama https://mcp.appllama.io/mcp{"mcpServers":{"io-appllama-appllama":{"type":"http","url":"https://mcp.appllama.io/mcp"}}}Cursor で開く{"servers":{"io-appllama-appllama":{"type":"http","url":"https://mcp.appllama.io/mcp"}}}VS Code で開く{"mcpServers":{"io-appllama-appllama":{"type":"http","url":"https://mcp.appllama.io/mcp"}}}{"mcpServers":{"io-appllama-appllama":{"serverUrl":"https://mcp.appllama.io/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
研究するだけでなく、実際に作る。
AI エージェントがモバイルアプリを本当に上手に作れるようにするエージェントスキルです。
売上上位アプリを調査し、シミュレーターで検証できる品質基準まで仕上げています。
appllama.io · MCP · X · LinkedIn · Product Hunt
Appllama は、売上上位のモバイルアプリのデザインライブラリです。実際の画面、フロー、UI パターンに、売上やダウンロード数の情報が添えられています。これらのスキルは、そのライブラリをエージェントの実践手法へと変えます。すでに成功しているアプリの画面をすべて調べ、カテゴリのデザイン言語を抽出し、それらに並べても見劣りしない画面を作ります。
スキル
| スキル | 内容 |
|---|---|
appllama-usage | リサーチエンジンです。Appllama MCP をデザインディレクターのように使う方法を解説します。すべてのツールの一覧に加え、アプリをゼロから作る、既存の画面を改善する、フローや要素を調査するためのプレイブックを提供します。 |
appllama-app-design-skill | 構築時の品質基準です。ネイティブらしい Expo / React Native の画面を作るために、Apple HIG への忠実さ、セマンティックカラー、ネイティブコントロール、粗雑な仕上がりを避ける規律、適切に動作するナビゲーション（push と replace の使い分け、シートやオーバーレイ、戻る操作を用意してはいけない一方通行の画面遷移）、厳格なモーション基準（そもそもアニメーションが必要か、指の速度を引き継ぐスプリング、JS スレッド上では何も実行しない）、生成画像アセット、そしてフルモーションのシミュレーターループ（スクリーンショットではなく、フロー全体を録画し、フレーム単位でスクラブ）を扱います。 |
これらは対になるよう設計されています。usage が何を調べるかを決め、design がどう作るかを決めます。どちらも、シミュレーター上で、欠点を指摘できない画面が完成するまで作業を終えないことを徹底します。
インストール
プロジェクトのルートからコマンドを1つ実行するだけです。Claude Code、Cursor、Codex、およびほか70以上のエージェントで動作します。
npx skills@latest add appllama/appllama-skills
バリエーション：
# install for specific agents, no prompts
npx skills@latest add appllama/appllama-skills -a claude-code -a cursor -y
# install user-wide instead of per-project
npx skills@latest add appllama/appllama-skills -g
アプリデザインスキルだけを使いたいですか？
appllama-app-design-skill は単独で使用できます。ネイティブ品質の構築基準、粗雑な仕上がりを避ける規律、フルモーションのシミュレーターループは、Appllama MCP に接続していてもいなくても機能します。
npx skills@latest add appllama/appllama-skills --skill appllama-app-design-skill
（同じ --skill フラグを使うと、リサーチエンジンの appllama-usage だけをインストールできます。）
手動でインストール
スキルは通常のディレクトリです。エージェントのスキルフォルダーにコピーしてください（プロジェクト単位なら .claude/skills/、ユーザー全体なら ~/.claude/skills/、またはお使いのハーネスに相当するフォルダー）。
git clone https://github.com/appllama/appllama-skills
cp -r appllama-skills/skills/* ~/.claude/skills/
Appllama MCP に接続
appllama-usage は Appllama MCP 上で動作します。appllama-app-design-skill も接続すると、さらに効果的です。エンドポイント：
https://mcp.appllama.io/mcp
Claude、Cursor、Codex、または任意の MCP クライアントにカスタムコネクターとして追加し、Appllama アカウントで接続を承認してください。MCP アクセスは Pro に含まれています。クレジットは毎月1日に全額リセットされます。呼び出し1回につきクレジットを1つ消費します。get_credits は常に無料です。
お試しください
MCP に接続し、スキルをインストールしたら、エージェントに次のように尋ねてください。
習慣トラッカーを作ってください。まず、売上上位の習慣管理アプリを調べて、 すべての画面がシミュレーターとの比較をクリアするまで続けてください。
この画面を改善してください。(スクリーンショット、コード、または appllama.io の「Copy Screen ID」参照を貼り付けてください)
優れたフィットネスアプリはオンボーディングをどのように構成していますか？所要時間はどのくらいで、各ステップで何を実現し、ペイウォールはどこに配置されていますか？
チェックアウトフローを組み込んでください。プッシュ遷移にする画面とシートで表示する画面を判断し、支払い後にペイウォールに戻れないようにしてください。
このアプリのアニメーションをレビューしてください。削除すべきもの、誤ったスレッドで実行されているもの、速度が不足しているものを特定し、計画を提示してください。
ライセンス
MIT。Appllama の名称、ラマ、ロゴは Antmind Ventures Private Limited の商標です。ライセンスはそれらの使用権を付与するものではありません。
Appllama が構築 — 売上上位アプリのデザインライブラリです。
X ·
LinkedIn ·
Product Hunt
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。