mcpField
M
miniapp-center-hub-refactor

miniapp-center-hub-refactor

github.com/sun-sunshine06デザイン・UI2838 回インストール6 日前に更新
リポジトリ

miniapp-center-hub-refactor について

miniapp-center-hub-refactorは、ナビゲーションやページの担当範囲が分かりにくくなった際に、ミニアプリの情報設計を見直すスキルです。ハブの設計、ルートの対応付け、移行計画を支援します。

主な機能

  1. 01トップレベルナビゲーションと入口の監査
  2. 02高頻度の操作と低頻度の設定の分離
  3. 03ハブのセクションとページ所有権の設計
  4. 04旧入口と新しい配置先の対応付け
  5. 05ナビゲーション変更と確認の順序化

活用シーン

  1. 01保留中の作業を見つけにくい場合
  2. 02設定や連携機能の担当範囲が不明な場合
  3. 03トップレベルタブを減らしてページを再編する場合
  4. 04ナビゲーション移行を計画する場合

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sun-sunshine06/miniprogram-skills --skill miniapp-center-hub-refactor

インストール後、Claude Code で/miniapp-center-hub-refactorを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
references/
center-hub-playbook.md
example-prompts.md

詳細

ミニアプリセンターハブのリファクタリング

概要

表面的なスタイルやラベルではなく、情報アーキテクチャそのものが本当の問題である場合にこのスキルを使用します。ユーザーが、保留中の作業をどこで処理すればよいか、設定をどこで管理すればよいか、どのタブが連携や個人の状態を担っているのか分からなくなったときに活用してください。

クイックスタート

  1. references/center-hub-playbook.md を読みます。
  2. ルートを移動する前に、現在のトップレベルタブ、重複するエントリーポイント、詳細ページを監査します。
  3. 高頻度のアクションフローと低頻度の設定フローを分離します。
  4. ハブはアグリゲーターとして維持し、独自の状態、フォーム、バリデーションを必要とするフローには詳細ページを残します。
  5. ページのテキストを短くすることだけが目的であれば、代わりに miniapp-user-facing-copy-trim を使用します。

基本ルール

  • 現在のファイルツリーではなく、ユーザーの疑問から始めます:
    • 今すぐ処理すべきことは何か
    • 設定や連携はどこで管理するのか
  • トップレベルタブを減らすのは、代替のエントリーポイントが引き続き明確である場合に限ります。
  • ハブを構造化されていない1つの長いページにするのではなく、inbox、settings、status など、所有権が安定した内部セクションをハブに設けます。
  • ハブでは要約と次のアクションを目立たせ、長い説明やめったに使われない詳細は控えめにします。
  • フローが独自のフォーム状態、バリデーション、フィルター、多段階のインタラクションを持つ場合は、詳細ページを残します。
  • ページは、どの古いページがリンクしていたかではなく、所有権に基づいて移動します。
  • 古いナビゲーションを削除または非表示にする前に、古いエントリーポイントから新しいハブの場所への移行マップを定義します。
  • 構造の変更をレビュー可能に保つため、トップレベルナビゲーション、ルートドキュメント、スモークチェックをまとめて更新します。

出力形式

  1. 現在のナビゲーションの問題
  2. 提案するハブ構造
  3. ページの所有権と移行マップ
  4. 移行の順序

リソース

  • references/center-hub-playbook.md: 監査チェックリスト、セクション設計ルール、移行ガイダンス
  • references/example-prompts.md: 再利用可能なトリガープロンプトと非トリガープロンプト

コメント