メニュー
モバイルアプリUIの設計・改善・レビューを行うスキル。iOS、Android、Flutter、React Native を問わず、情報設計、UIパターン選定、タイポグラフィ、色、ブランド世界観、状態設計、プラットフォーム適応を伴う実装判断で使う。設定画面、一覧、フォーム、オンボーディング、空状態、エラー状態、詳細画面などの画面設計や、スクリーンショット・実装コードのレビュー、UI改善提案が必要なときに使う。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
安全なステージング、作業テーマ単位のコミット分割、ドキュメント更新、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
スクリーンショットレビューとコードレビューの観点を読む。