Community画像github.com

ceorkm/モバイルアプリUIデザイン

高品質なモバイルアプリのUI/UX画面、フロー、コンポーネントをデザインします。ユーザーがモバイルアプリ画面のデザインやアプリモックアップの作成、モバイルUIコンポーネントの構築、既存のモバイルアプリデザインの改善、オンボーディングフローの作成、モバイルナビゲーションのデザイン、またはモバイルファーストのインターフェース作業を依頼した際に使用します。

モバイルアプリUIデザイン とは?

このスキルは、モバイルアプリのUI/UXデザインに特化したエージェントスキルです。ユーザーがモバイルアプリ画面のデザイン、アプリモックアップの作成、モバイルUIコンポーネントの構築、既存デザインの改善、オンボーディングフローやナビゲーションのデザインなど、モバイルファーストのインターフェース作業を依頼した際に自動的にトリガーされます。特に、ユーザーが「アプリをデザインして」「この画面をもっと良くして」といった曖昧な表現を使った場合でも動作します。React Native、Flutter、SwiftUIなどのモダンなモバイルフレームワークのスタイルを視覚プロトタイプとして生成可能で、プロフェッショナルなUI/UX成果物を提供します。主にClaude Code、Cursor、CodexなどのAIエージェントプラットフォームで利用され、デザインと開発のギャップを埋めるのに役立ちます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ceorkm/mobile-app-ui-design/tree/main/skills/mobile-app-ui-design

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

モバイルアプリUIデザイン は何をしますか?

高品質なモバイルアプリのUI/UX画面、フロー、コンポーネントをデザインします。このスキルは、ユーザーがモバイルアプリ画面のデザイン、アプリモックアップの作成、モバイルUIコンポーネントの構築、既存のモバイルアプリデザインの改善、オンボーディングフローの作成、モバイルナビゲーションのデザイン、またはモバイルファーストのインターフェース作業を依頼した際に使用します。また、ユーザーがアプリデザイン、モバイルUI、モバイルUX、画面デザイン、アプリモックアップ、ワイヤーフレームについて言及した場合や、React Native / Flutter / SwiftUIスタイルのインターフェースを視覚プロトタイプとして構築したい場合にもトリガーされます。ユーザーが単に「アプリをデザインして」や「この画面をもっと良くして」と言った場合でも、このスキルを使用してください。

関連スキル