helderberto/agent-skills

zoom-out

Explain code with visual diagrams and analogies.

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/helderberto/agent-skills --skill zoom-out

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

Read the code and anything it depends on before explaining. Then, always:

  1. Start with an analogy from everyday life.
  2. Draw an ASCII diagram matching the shape of the thing: flow, sequence between actors, tree/hierarchy, state machine, data structure, or before/after. One concept per diagram — split rather than cram.
  3. Walk through the code step by step.
  4. Highlight a gotcha: a common mistake or misconception.

Conversational tone. Complex concepts get more than one analogy.

タスクに関連する項目

同じリポジトリから

関連する Skills

すべての Skills
helderberto
コミュニティ

codebase-design

Shared vocabulary for designing deep modules. Use when designing or improving a module's interface, placing a seam, making code more testable, or when another skill needs it. Don't use for codebase-wide audits (/architecture-audit) or UI components (/frontend-ui-engineering).

導入数
1
GitHub Stars
17
更新日
10月19日
helderberto
コミュニティ

debug

Disciplined diagnosis loop for hard bugs and performance regressions. Use when user says "diagnose" or "debug this", or reports something broken, throwing, failing, or slow. Don't use to build a feature or fix an understood bug test-first (/tdd).

導入数
1
GitHub Stars
17
更新日
10月19日
helderberto
コミュニティ

deps-audit

Check dependencies for known vulnerabilities and staleness. Use when asked to "audit dependencies", "check for vulnerabilities", or check dependency health. Don't use for code quality review.

導入数
1
GitHub Stars
17
更新日
10月19日
helderberto
コミュニティ

frontend-ui-engineering

Front-load UI construction decisions — component boundary and prop API, state placement, required states, responsiveness, accessibility. Use when creating or refactoring a component, page, or design-system primitive. Don't use for pure logic (/tdd), throwaway exploration (/prototype), or auditing finished UI (/a11y-audit).

導入数
1
GitHub Stars
17
更新日
10月19日