モバイルアプリのデザインと開発におすすめの Claude スキル

目的別のおすすめ

• React Native と Expo：開発とリリースには Expo 公式のスキル、パフォーマンスには Vercel の react-native-skills か Callstack のスキル、AI っぽく見えない画面には Mobile Taste Skill。
• SwiftUI と iOS：モダンでアクセシブルな SwiftUI には Paul Hudson の SwiftUI Pro、状態管理とパフォーマンスには Antoine van der Lee の SwiftUI Expert、アイデアから App Store までには Claude Code Apple Skills。
• Flutter：アーキテクチャ、レイアウト、ルーティング、テストを扱う Flutter チーム自身のスキル。
• どのフレームワークでもデザインを：Apple Design Skill は SwiftUI、Flutter、React Native などのデザインを Apple のヒューマンインターフェイスガイドラインに照らしてレビューします。スタイル、配色、フォントを選ぶなら UI UX Pro Max。
• 申請の前に：App Store Review が、プロジェクトを App Store と Google Play のルールに照らしてチェックします。
• アプリのように感じさせたい Web アプリ：Emil Kowalski の mobile-native が、スマートフォンで Web だとばれる CSS とメタタグを直します。

モバイルアプリのスキル比較

スター数とライセンスは 2026年11月8日時点の GitHub API の値で、概数です。複数のスキルを含むリポジトリでは、スター数はリポジトリ全体のものです。

最もインストールされているモバイルスキル

skills CLI 経由のインストール数で、2026年11月8日時点の skills.sh レジストリの値です。/plugin install で入れるプラグインはほとんどここに表れないため、最低値として見てください。

• ui-ux-pro-max（Web とモバイル）：約 440,000
• vercel-react-native-skills：約 270,000
• mobile-native（Emil Kowalski）：約 116,000
• expo-dev-client（Expo のスキルで最も多い）：約 74,000
• flutter-apply-architecture-best-practices（Flutter チームのスキルで最も多い）：約 45,000
• swiftui-pro（Paul Hudson）：約 37,000
• swiftui-expert-skill（Antoine van der Lee）：約 36,000

Claude Code をモバイルアプリ向けにセットアップする方法

1. プラットフォームで選ぶ：作るスキルを 1 つ、デザインするスキルを 1 つ

   Expo なら Expo のスキルと Mobile Taste Skill。SwiftUI なら SwiftUI Pro か SwiftUI Expert と Apple Design Skill。Flutter なら Flutter チームのスキルと Apple Design Skill か UI UX Pro Max。どちらもスタイルを決めたがるスキルを 2 つ入れると、ぶつかります。

   # Expo 公式のスキル（Claude Code プラグイン）
   /plugin install expo@claude-plugins-official
   
   # Vercel の React Native ルール
   npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills
   
   # SwiftUI Pro（Paul Hudson）
   npx skills add https://github.com/twostraws/swiftui-agent-skill --skill swiftui-pro
   
   # SwiftUI Expert（Antoine van der Lee）
   /plugin marketplace add AvdLee/SwiftUI-Agent-Skill
   /plugin install swiftui-expert@swiftui-expert-skill
   
   # Flutter チームのスキル
   npx skills add flutter/agent-plugins
   
   # どのフレームワークでも使える Apple デザインレビュー
   npx skills add dickwu/apple-design-skill
   
   # React Native と Expo 向けの Mobile Taste Skill
   /plugin marketplace add draftbit/mobile-taste-skill
   /plugin install mobile-taste-skill

2. ブリーフと参考アプリを渡す

   誰のためのアプリか、重要な 3〜4 画面、好きな雰囲気のアプリを伝えます。Mobile Taste Skill は、コードを書く前に、エージェントにアプリの読み解き（種類、利用者、雰囲気）を決めさせ、ナビゲーションを設計させます。

3. コードではなく、シミュレーターで確認する

   iOS シミュレーター、Android エミュレーター、Expo Go でアプリを動かし、複数のサイズで実際の画面を見ましょう。Callstack の agent-device スキルを使えば、エージェントがデバイスを操作して自分の仕事を確認できます。

4. デザインシステムをリポジトリに保存する

   Mobile Taste Skill は MOBILE-DESIGN.md を書き出し、Expo には expo-design-system スキルがあります。結果をリポジトリに置いておけば、後のセッションやほかのエージェントも同じ色、書体、余白に従います。CLAUDE.md ガイドもご覧ください。

出典：Expo のエージェントスキル

インストール前に知っておきたいこと

• Sleek を本格的に使うには有料アカウントが必要です。スキルの説明によると、無料アカウントでは約 1 回分のデザインに使える試用クレジットがもらえ、Pro は月額 $69 です。ブリーフはすべて sleek.design に送られます。
• Expo の EAS スキルは Expo のホスト型ビルドとアップデートのサービスを使います。また、どの Expo スキルも、Expo のエージェント CLI でフィードバックを送るようエージェントに求めます。
• SwiftUI Expert のトレースツールには Xcode の xctrace と Python 3 が必要です。手元のマシンで Instruments のトレースを記録・分析します。
• Claude Code Apple Skills はバージョンを固定せずに main ブランチを追っています。免責事項には、スキルは Claude Code の助けを借りて書かれ、不正確な内容を含む可能性があると書かれています。
• Emil Kowalski の mobile-native は、スマートフォン上の Web アプリと PWA 向けで、ネイティブアプリ向けではありません。
• どれも Apple や Google が作ったものではなく、App Store Review は審査の通過を約束できません。レジストリには、スターの少ないリポジトリにある Sleek の design-mobile-apps が約 130 万インストールとして載っていますが、この数字は確認できなかったため、上の一覧には含めていません。

スキルに、毎日働くアプリデザイナーを

スキルは 1 つのセッションのモバイル開発を良くします。Crewmark は Claude Code や Codex を AI アプリデザイナーに変えます。週に 3 画面を仕上げるといった目標、勤務時間、直すべき画面が並ぶボードを持ち、ハートビートで起きて、シミュレーターのスクリーンショット付きでプルリクエストを作成します。

1. アプリデザイナーの職種を雇う

   ブリーフ、目標、ルーティンは設定済みです。AI アプリデザイナーとAI ソフトウェアエンジニアをご覧ください。

2. モバイルスキルをリポジトリにインストールする

   社員はほかのセッションと同じように、.claude/skills のスキルを使います。Web や UI の仕事には、Web サイトデザインにおすすめの Claude スキルをご覧ください。

3. プロンプトではなく、プルリクエストをレビューする

   気に入った画面は承認し、修正はボードで依頼します。AI 社員とはもご覧ください。

Claude モバイルアプリスキルのよくある質問