tk-eli5

ビジュアルELI5解説

初めての人がトピックの核心となる流れをひと目で把握できる、図を中心としたHTML成果物を1つ作成します。 明示的な$tk-eli5の呼び出し、または全体像を示し、文章を控えたHTML解説の依頼に使用します。

適用範囲

• 直前の説明を文章だけで簡潔にする場合は、通常のホスト／モデルの機能です。NotApplicableで終了してください。
• 2つ以上のUI／ロジック案を実行可能な形で比較する場合は、tk-prototypeの対象です。NotApplicableで終了してください。
• 一般的な文章による解説、コードの解説、既存のHTML／ページの編集には、このスキルを適用しないでください。NotApplicableで終了してください。
• トピックが提示されていない、または曖昧な場合は、Unverifiableだけを出力し、ファイルを作成しないでください。

ワークフロー

1. 明確なトピックが1つあること、およびユーザーが出力先のパスを指定しているか確認します。パスが指定されていない場合は、現在の作業ディレクトリにeli5-<topic-slug>.htmlを使用します。すでに存在する場合は、数値の接尾辞を付けた新しいパスを選びます。明示的な許可なく既存のファイルを上書きしないでください。
2. 通常は、シンプルなメンタルモデルを一貫したたとえとともに、約3–5つのシーンに分けます。理解が大きく向上する場合や、必須の注意事項を保つために必要な場合は、シーンを増減してください。シーン数は設計上の目安であり、正しさの判定基準ではありません。最新情報や専門知識が重要なトピックでは、まず入手可能な根拠を確認してください。簡潔にする場合も、正確さや必須の警告を損なわないでください。
3. 自己完結型のHTMLファイルを1つ作成します。CSSとSVG／CSSによるビジュアルはインラインにし、外部アセット、フォント、フレームワーク、依存関係、ビルド手順、ネットワークリクエストは追加しないでください。
4. 大きなビジュアルと短い見出しを使い、説明文は各シーンでおおむね35語以内を目指します。文章を分割または削除すると不正確になる、あるいは理解しにくくなる場合に限り、この目安を超えて構いません。セマンティックHTML、十分なコントラスト、アクセシブルなSVGタイトル、色だけに依存しない区別を確保し、デフォルトでprefers-reduced-motionに対応してください。
5. HTMLをオフラインで直接開けること、一貫したシーン構成、インラインのビジュアル、AIによる作成を示すフッターが含まれていることを確認します。サーバーを起動したり、ブラウザーを自動的に開いたりしないでください。

HTMLの最後に、次の文をそのまま記載してください。

🤖 본 설명 자료는 AI가 작성했습니다.

完了と出力

指定されたHTMLファイルが存在し、インストールやネットワークアクセスなしで開け、全体像と少ない文章でトピックの核心となる流れを説明している場合に限り、Passを返してください。生成に失敗した場合は、決して成功したと報告しないでください。

ユーザーには、次の1行だけを返してください。

<path> — 초보자용 그림 중심 HTML 설명 자료.

出典

anthropics/claude-plugins-communityのeli5 v1.0.0、コミット863e70dc7cff21a2facc749e40a7ecd1a5d19833を基に、全体像を示す文章量の少ないHTML成果物と/eli5 <topic>の動作を採用しました。TigerKitでは、オフラインで完結する出力、スキルの適用範囲、検証、重複を避けるパス、アクセシビリティ、作成者の明示を追加しています。元の著作権表示とMITライセンスの通知は、リポジトリのNOTICE.mdにあります。