Menu
モバイルアプリUIの設計・改善・レビューを行うスキル。iOS、Android、Flutter、React Native を問わず、情報設計、UIパターン選定、タイポグラフィ、色、ブランド世界観、状態設計、プラットフォーム適応を伴う実装判断で使う。設定画面、一覧、フォーム、オンボーディング、空状態、エラー状態、詳細画面などの画面設計や、スクリーンショット・実装コードのレビュー、UI改善提案が必要なときに使う。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
安全なステージング、作業テーマ単位のコミット分割、ドキュメント更新、Conventional Commits メッセージ生成、必要に応じた push までを行うスキル。`コミットして`、`commit`、`コミットプッシュして` など commit を求められたときに使う。push は明示された場合だけ実行し、commit-only では push せず止まる。`pushして`、`プッシュして` など push だけの指示では使わない。
対象の変更がドキュメントに与える影響を判断し、必要な更新だけを行うスキル。呼び出し元から対象ファイル集合が渡されればそれを使い、無ければ staged change、さらに無ければ git diff HEAD と未追跡ファイルにフォールバックする。commit-push スキルから呼び出された場合、またはユーザーが /doc-updater と明示的に指示した場合にのみ実行し、自律的には起動しない。
ソフトウェア開発の複数ステップ作業について、実装前に具体的な計画書を書くスキル。機能実装、バグ修正、リファクタ、移行、テスト追加、運用変更、ドキュメント改修などで、ユーザーが「計画して」「実装方針を作って」「planを書いて」「作業を分解して」「実装前に整理して」と言ったら使う。コードに触る前、またはサブエージェントや別セッションへ委譲する前には積極的に使う。
対象ブランドのサイトURL、VI PDF、リポジトリの既存コードを入力として、awesome-design-md 準拠の9セクション構成で自己完結型の DESIGN.md を生成するスキル。DESIGN.md を新規作成したいとき、既存の DESIGN.md を更新・改善したいとき、サイトやPDFからデザイントークンを抽出して整理したいとき、AIエージェント向けのデザイン参照ファイルが必要なとき、ブランドガイドラインや VI（ビジュアルアイデンティティ）をコード実装に橋渡ししたいときに使う。
Design, inspect, and troubleshoot Pencil .pen files with MCP tools. Use this skill when an AI coding agent needs one selected mode per request: (1) Design-only editing in Pencil, (2) Design to Code implementation from Pencil files, (3) Code to Design synchronization into Pencil, or (4) Pencil MCP troubleshooting.
Hermes Agent（Nous Research の AI CLI / TUI / Desktop エージェント）をセットアップ・設定・運用・トラブルシュートするためのスキル。 ユーザーが hermes / hermes agent / ハーメス / Hermes Desktop を使うとき、config.yaml / .env / SOUL.md / MEMORY.md を編集するとき、gateway / doctor / config / model / tools / profile / cron / plugins / acp / dashboard / mcp / curator / kanban / proxy / send / audit / portal について質問したときに使う。 MCP サーバー追加、hermes skills、curator、Kanban swarm、`/goal` `/subgoal` `/undo`、ボイスモード、TTS / STT、cron、メッセージング連携、LLM プロバイダー切替、OAuth、プラグイン開発、Shell hook、プロファイル管理、Bitwarden Secrets Manager に関する作業でも使う。 MCP や gateway が Hermes Agent 以外の文脈で使われているときや、関係ない話題のときは使わない。
| name | mobile-ui-design |
| description | モバイルアプリUIの設計・改善・レビューを行うスキル。iOS、Android、Flutter、React Native を問わず、情報設計、UIパターン選定、タイポグラフィ、色、ブランド世界観、状態設計、プラットフォーム適応を伴う実装判断で使う。設定画面、一覧、フォーム、オンボーディング、空状態、エラー状態、詳細画面などの画面設計や、スクリーンショット・実装コードのレビュー、UI改善提案が必要なときに使う。 |
モバイルアプリ UI を実装するときに、見た目だけでなく操作性、情報設計、ブランド世界観、OS らしさまで一貫して判断する。 Web UI の定石をそのまま持ち込まず、タスク達成、可読性、タップしやすさ、状態遷移、文脈に合った表現を優先する。
可用性・アクセシビリティ > OS 慣習 > ブランド表現 の順で判断する。references/core-principles.md を使って、優先順位と OS 差分の扱いを決める。references/pattern-selection.md を使う。references/visual-language.md を使う。references/review-checklist.md を使ってレビューする。references/core-principles.md
モバイル UI の基本原則、優先順位、OS 差分、ブランド統合の考え方を読む。references/pattern-selection.md
ナビゲーション、フォーム、一覧、詳細、モーダル、状態設計の選び方を読む。references/visual-language.md
タイポグラフィ、色、余白、アイコン、文言、ブランド世界観の作り方を読む。references/review-checklist.md
スクリーンショットレビューとコードレビューの観点を読む。