スキル一覧に戻る

goms-klm-analysis

raintree-technology
更新日 4 days ago
78
9
78
GitHubで表示
デザインautomationdesign

について

このスキルは、UIワークフローを目標、操作、方法に分解してモデル化・評価するために、GOMSおよびキーストロークレベルモデル(KLM)分析を実行します。タスクフローの比較、クリックやキー入力などのインタラクションコストの計測、インターフェース再設計のための熟練者実行時間の推定に使用されます。開発者は、反復可能な手順タスクを分析し、パフォーマンスを最適化して認知負荷を軽減するためにこれを適用すべきです。

クイックインストール

Claude Code

推奨
メイン
npx skills add raintree-technology/claude-starter -a claude-code
プラグインコマンド代替
/plugin add https://github.com/raintree-technology/claude-starter
Git クローン代替
git clone https://github.com/raintree-technology/claude-starter.git ~/.claude/skills/goms-klm-analysis

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

ドキュメント

GOMS / KLM Analysis

Use this skill when the useful artifact is an explicit workflow model. It is best for repeatable tasks with known steps, such as dashboard triage, form submission, search/refine/open flows, command palettes, editor workflows, and mobile settings tasks.

Choose The Model

  • Use KLM when the task is procedural and the user already knows what to do. It estimates expert, error-free execution time.
  • Use GOMS when there are meaningful alternatives, decision rules, or multiple methods to achieve the same goal.
  • Use a lightweight cognitive walkthrough when the risk is discoverability, comprehension, or first-time use rather than speed.

KLM Operators

Start with these operator families and adjust for the product context:

  • K: keystroke, tap, click, button press, or discrete command.
  • P: point to or visually acquire a target.
  • M: mental preparation before a chunk of action.
  • H: hand movement between input devices or postures.
  • R: system response wait time.
  • V: visual verification or reading needed to continue.

Do not overfit exact timings. Count removed operators and wait states first; add timings only when comparison needs a rough total.

Workflow

  1. Name the task and user expertise level.
  2. Capture the current method as numbered user actions.
  3. Mark operators for each action.
  4. Insert mental operators before decisions, strategy shifts, mode changes, or non-obvious commands.
  5. Insert response waits only when the UI blocks the next action.
  6. Build the proposed method with the same operator rules.
  7. Compare operator counts, waits, and error-prone transitions.
  8. Recommend the smallest UI changes that remove operators or make the selected method obvious.

Selection Rules

For GOMS, make selection rules explicit:

  • If the user knows the exact item name, use search.
  • If the item is recent or spatially stable, use recents or pinned navigation.
  • If the task requires comparison, use a list/table with persistent controls.
  • If the task is destructive, use a slower method only when it reduces error risk.

Bad selection rules reveal design problems. If the rules depend on hidden knowledge, redesign the flow instead of documenting the rule.

Output

For a single flow:

Task:
User:
Current method:
Operator model:
Findings:
Recommendations:

For alternatives:

Option A:
- Operators:
- Waits:
- Error-prone transitions:

Option B:
- Operators:
- Waits:
- Error-prone transitions:

Decision:

Guardrails

  • KLM models skilled, error-free performance; do not use it as the only lens for onboarding, accessibility, or confusing flows.
  • Do not count implementation steps. Count user-observable operations.
  • Keep safety and confidence in the model. A slower confirmation can be correct for irreversible actions.
  • If the design is for an Apple platform, pair this skill with Apple HIG guidance for platform conventions.

GitHub リポジトリ

raintree-technology/claude-starter
パス: templates/.claude/skills/goms-klm-analysis
0
ai-toolsanthropicclaudeclaude-aiclaude-codedeveloper-tools

関連スキル

executing-plans

デザイン

executing-plansスキルは、完全な実装計画があり、それを管理されたバッチでレビューチェックポイントを設けながら実行する場合に使用します。このスキルは計画を読み込んで批判的にレビューした後、小さなバッチ(デフォルトは3タスク)でタスクを実行し、各バッチの間に進捗状況を報告してアーキテクトのレビューを受けます。これにより、品質管理チェックポイントが組み込まれた体系的な実装が保証されます。

スキルを見る

requesting-code-review

デザイン

このスキルは、コードレビュアーサブエージェントを起動し、処理を進める前に要件に対してコード変更を分析します。タスク完了後、主要な機能の実装後、またはmainブランチへのマージ前などに使用すべきです。このレビューは、現在の実装と元の計画を比較することで、問題を早期に発見するのに役立ちます。

スキルを見る

connect-mcp-server

デザイン

このスキルは、開発者がHTTP、stdio、またはSSEトランスポートを使用してMCPサーバーをClaude Codeに接続するための包括的なガイドを提供します。GitHub、Notion、カスタムAPIなどの外部サービスを統合するためのインストール、設定、認証、セキュリティについて解説しています。MCP統合のセットアップ、外部ツールの設定、またはClaudeのModel Context Protocolを扱う際にご利用ください。

スキルを見る

web-cli-teleport

デザイン

このスキルは、タスク分析に基づいて開発者がClaude Code WebとCLIインターフェースの選択を支援し、これらの環境間でのシームレスなセッションテレポーテーションを可能にします。Web、CLI、モバイル環境を切り替える際のセッション状態とコンテキストを管理することで、ワークフローを最適化します。様々な段階で異なるツールを必要とする複雑なプロジェクトにご活用ください。

スキルを見る