Appllama/appllama-skills

これは何？

主な機能

• 01Appllama MCPを使って、売上上位アプリの画面やフローを調査するための手引きを提供します。
• 02Apple HIGへの準拠とセマンティックカラーを重視した、ネイティブらしいExpo／React Nativeの構築ガイドを提供します。
• 03pushとreplace、シート、戻ってはいけない画面など、ナビゲーションのルールを定めています。
• 04アニメーションを使う場面や、ジェスチャーの速度に応じたスプリングの動作など、モーションの基準を定めています。
• 05アプリのフロー全体を記録し、フレームごとに確認するシミュレーターのレビューループを備えています。

ユースケース

• AIコーディングエージェントを使い、ExpoまたはReact Nativeでモバイルアプリを画面ごとに構築する。
• 既存アプリの画面レイアウト、ナビゲーション、アニメーションを、定めた品質基準に照らして改善する。
• 自分のアプリをデザインする前に、主要アプリのオンボーディングやペイウォールの構成を調査する。

クイックスタート

1. 1

   プロジェクトのルートからスキルをインストールします

   npx skills@latest add appllama/appllama-skills
2. 2

   エージェントでAppllama MCPエンドポイントに接続し、Appllamaアカウントで承認します

使う前に知っておきたいこと

• !MCPへのアクセスにはAppllama Proのサブスクリプションが必要です。
• !MCPを呼び出すたびに、月間利用枠からクレジットを1つ消費します。

収録されている特集

トピック

よくある質問

appllama-skills とは？

売上上位アプリのデザインを参考に、AIコーディングエージェントがネイティブ品質のExpo／React Native画面を構築できるようにするエージェントスキルです。 このリポジトリには、モバイルアプリの構築に連携して使える2つのエージェントスキルが含まれています。appllama-usageはAppllama MCPを使った調査ワークフローで、デザインを始める前に売上上位アプリの画面、フロー、UIパターンを調べる方法を扱います。appllama-app-design-skillはExpoとReact Nativeの画面構築ガイドラインで、Apple HIGに沿ったコントロール、セマンティックカラー、pushとreplaceやシートなどのナビゲーション動作、モーションの基準、生成画像アセット、フロー全体を記録するシミュレーターを使ったレビューループを扱います。

appllama-skills は無料で使えますか？ライセンスは？

appllama-skills は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

appllama-skills は今もメンテナンスされていますか？

半年以内に更新あり。appllama-skills の最終コミットは 2026年9月6日 です。

appllama-skills は何に使えますか？

AIコーディングエージェントを使い、ExpoまたはReact Nativeでモバイルアプリを画面ごとに構築する。 既存アプリの画面レイアウト、ナビゲーション、アニメーションを、定めた品質基準に照らして改善する。 自分のアプリをデザインする前に、主要アプリのオンボーディングやペイウォールの構成を調査する。

appllama-skills のインストール方法は？

プロジェクトのルートからスキルをインストールします: npx skills@latest add appllama/appllama-skills エージェントでAppllama MCPエンドポイントに接続し、Appllamaアカウントで承認します

appllama-skills はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/Appllama/appllama-skills