mcpField
H
hig-doctor

hig-doctor

github.com/podoデザイン・UI29160 回インストール1 日前に更新
リポジトリ

hig-doctor について

hig-doctorは、UIコードやデザインにおけるApple HIG違反を見つけて修正する複数のスキルです。コンポーネント別に診断し、該当ガイドラインの説明と修正案を提示します。

主な機能

  1. 01Apple HIG違反の診断
  2. 02UIコンポーネント別の対応
  3. 03関連ガイドラインの説明
  4. 04対象を絞った修正案

活用シーン

  1. 01ボタンやトグルの監査
  2. 02ナビゲーションやタブのレイアウト確認
  3. 03フォームやテキストフィールドの確認
  4. 04色やタイポグラフィの問題発見

インストール

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

$npx skills add https://github.com/podo/design-agent-skills --skill hig-doctor

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

同梱ファイルstub.yaml

詳細

hig-doctor

カタログの概要 — 完全版パッケージ:raintree-technology/hig-doctor

判断ツリー

Apple HIG 違反を診断して修正するには、次の手順を実行します。

  1. HIG Doctor のスキルはすでにインストールされていますか? 確認:~/.design-agent-skills/skills/hig-foundations/SKILL.md が存在するか確認します。

    • はい → 該当する hig-doctor スキルを呼び出して続行します
    • いいえ → 手順 2 に進みます
  2. シェルにアクセスできますか?

    • はい → 以下のインストールコマンドを実行してから、スキルを呼び出します
    • いいえ → インストールコマンドを表示します。Claude Code では、! で始まるチャットメッセージとして送信します。グローバルにインストールする場合は -g を追加し、プロジェクトのみにインストールする場合は省略します

インストールコマンド

npx skills add raintree-technology/hig-doctor

ウェブサイト:apple.raintree.technology

インストール後の呼び出し

スキルはコンポーネントのカテゴリごとに診断します。問題の領域に合ったものを呼び出してください。

  • hig-components-controls — ボタン、トグル、スライダーの違反
  • hig-components-layout — ナビゲーションバー、タブバーの違反
  • hig-components-menus — コンテキストメニュー、ピッカーの違反
  • hig-components-dialogs — アラート、シートの違反
  • hig-inputs — テキストフィールド、フォームの違反
  • hig-foundations — 色、タイポグラフィ、間隔の違反

起動フレーズ:「HIG 準拠」「Apple HIG の監査」「HIG を診断」

機能

HIG Doctor は、Apple HIG への準拠を診断するマルチスキルツールです。各スキルは HIG コンポーネントのカテゴリを担当し、UI コードやデザインの違反を特定して、該当する具体的なガイドラインを説明し、的を絞った修正方法を提示します。ガイドラインを解説する apple-hig-skills と連携し、こちらは診断と修正を行います。

コメント