Agent skill
debounce-throttle-patterns
高頻度イベントに対するデバウンス/スロットリングの設計・実装・検証を整理するスキル。 UIイベントやファイル監視の負荷を最適化し、応答性と安定性を両立する。 Anchors: • Debounce Pattern / 適用: 連続入力の抑制 / 目的: 不要な処理の削減 • Throttle Pattern / 適用: 定期的な処理制御 / 目的: リソース負荷の平準化 • Web Performance Patterns / 適用: UIイベント最適化 / 目的: UX改善 Trigger: Use when optimizing high-frequency events, selecting debounce/throttle strategies, tuning delay intervals, or validating performance impacts. debounce, throttle, event optimization, scroll resize, input performance
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/design/debounce-throttle-patterns-daishiman-aiworkfloworchestrat
SKILL.md
debounce-throttle-patterns
概要
高頻度イベントの最適化に必要な要件整理、パターン選択、実装、検証を支援する。
ワークフロー
Phase 1: 要件整理
目的: イベントの種類と制約を整理し、最適化対象を明確にする。
アクション:
references/Level1_basics.mdで基本概念を確認する。assets/pattern-selection-checklist.mdで要件を整理する。references/requirements-index.mdで要件整合を確認する。
Task: agents/analyze-event-requirements.md を参照
Phase 2: パターン設計
目的: デバウンス/スロットリングの選定とパラメータ設計を行う。
アクション:
references/implementation-patterns.mdでパターンを比較する。- 待機時間/間隔を設計し、判断根拠を記録する。
assets/debounce-throttle.tsで実装方針を確認する。
Task: agents/design-pattern-strategy.md を参照
Phase 3: 実装
目的: 選定したパターンを実装し、影響範囲を記録する。
アクション:
assets/debounce-throttle.tsをベースに実装する。- 変更点と影響範囲を整理する。
Task: agents/implement-patterns.md を参照
Phase 4: 検証と運用
目的: パフォーマンス影響を検証し、改善記録を残す。
アクション:
assets/performance-measurement-template.mdで測定結果を整理する。agents/validate-pattern-performance.mdの観点で評価する。scripts/log_usage.mjsで記録を更新する。
Task: agents/validate-pattern-performance.md を参照
Task仕様ナビ
| Task | 起動タイミング | 入力 | 出力 |
|---|---|---|---|
| analyze-event-requirements | Phase 1開始時 | イベント情報 | 要件メモ、制約一覧 |
| design-pattern-strategy | Phase 2開始時 | 要件メモ | パターン設計、パラメータ案 |
| implement-patterns | Phase 3開始時 | 設計メモ | 実装差分、影響範囲 |
| validate-pattern-performance | Phase 4開始時 | 実装差分 | 検証レポート、改善提案 |
詳細仕様: 各Taskの詳細は agents/ ディレクトリを参照
ベストプラクティス
すべきこと
| 推奨事項 | 理由 |
|---|---|
| イベントの目的を先に整理する | パターン選定が明確になる |
| パラメータ根拠を記録する | 再調整が容易になる |
| 実装後に測定する | 期待効果を確認できる |
| 影響範囲を明示する | 回帰を防止できる |
避けるべきこと
| 禁止事項 | 問題点 |
|---|---|
| 一律でパターン適用 | UX劣化を招く |
| 根拠なしの間隔設定 | 調整できない |
| 測定を省略する | 効果が不明になる |
| 記録を残さない | 改善が継続できない |
リソース参照
scripts/（決定論的処理）
| スクリプト | 機能 |
|---|---|
scripts/validate-skill.mjs |
スキル構造検証 |
scripts/log_usage.mjs |
使用記録と評価メトリクス更新 |
references/（詳細知識）
| リソース | パス | 読込条件 |
|---|---|---|
| レベル1 基礎 | references/Level1_basics.md | 要件整理時 |
| レベル2 実務 | references/Level2_intermediate.md | 設計時 |
| レベル3 応用 | references/Level3_advanced.md | 実装時 |
| レベル4 専門 | references/Level4_expert.md | 検証時 |
| 実装パターン | references/implementation-patterns.md | 設計時 |
| 要求仕様索引 | references/requirements-index.md | 仕様確認時 |
| 旧スキル | references/legacy-skill.md | 互換確認時 |
assets/（テンプレート・素材）
| アセット | 用途 |
|---|---|
assets/debounce-throttle.ts |
実装テンプレート |
assets/pattern-selection-checklist.md |
パターン選定チェックリスト |
assets/performance-measurement-template.md |
測定テンプレート |
運用ファイル
| ファイル | 目的 |
|---|---|
EVALS.json |
レベル評価・メトリクス管理 |
LOGS.md |
実行ログの蓄積 |
CHANGELOG.md |
改善履歴の記録 |
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?