ページに最初の文字や画像が現れるまでの時間を測り、表示を妨げるCSSやJavaScript、サーバー応答の遅れを調べて、改善箇所を具体化するスキル。
- ページの初期表示が遅い原因を調べたいとき
- 描画を妨げるCSSやJavaScriptの確認
- 測定に基づく読み込み性能のレビュー
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
GIF・動画・CSSアニメーションの速い点滅を点検し、光に敏感な利用者への影響を考慮して、点滅の除去や速度変更、代替表現への修正を支援するスキル。
- アニメーションGIFの点滅確認
- 動画やCSSアニメーションの点検
- 点滅をフェードや静止表示に変えたいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
文字のないリンクやラベルのないアイコン、リンク切れを点検します。説明文や読み上げ用の名前を補い、移動先が分かるリンクへ修正するスキルです。
- ページ内の空リンクを探したいとき
- アイコンリンクに移動先の説明を追加
- リンク切れを点検・修正したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
モーダルの開閉や画面遷移で、キーボードの操作対象が適切に移るかを点検するスキル。フォーカスの移動・復帰を見直し、動的な画面で操作位置を見失う問題を改善します。
- モーダル開閉時のフォーカス確認
- SPAの画面遷移後の操作位置確認
- 動的更新時のキーボード操作改善
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページを開いてすぐ見える重要画像の読み込み順を点検し、画像サイズや遅延読み込み、優先度指定を見直して、主要コンテンツの表示改善を支援するスキル。
- ヒーロー画像の読み込み優先度の点検
- 初期表示画像の遅延読み込みを調べたいとき
- DevToolsで画像の修正を確認したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
空のボタンやアイコンだけのボタンを点検し、読み上げで操作内容が伝わる名前を付けます。別ページへ移動する要素はリンクに直すなど、役割も見直します。
- 説明のないボタンを探したいとき
- アイコンボタンの読み上げ名を追加
- 画面移動に適した要素を確認したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページの初期表示を遅らせるリソース取得の依存関係を計測し、重要なCSSの埋め込みや必須ファイルの先読みで、通信の待ちが連鎖する構造を見直すスキル。
- ページの初期表示が遅いとき
- リソース取得の依存関係の点検
- 重要CSSの埋め込みや先読みの検討
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページの初期表示を待たせるCSSの読み込みを点検し、必要なスタイルの埋め込みや後回しの読み込みを支援します。画面幅や操作状態ごとの表示も確認しながら修正を検討します。
- 初期表示を遅らせるCSSを調べたいとき
- 最初に必要なCSSと後回しのCSSの整理
- preloadやmediaによる読み込みの点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Webサイトの画像を点検し、圧縮効率の高いAVIF形式の導入を支援します。画像サイズや読み込み方も確認し、非対応ブラウザ向けにWebPやJPEGを用意する構成を検討します。
- サイトの写真にAVIFを導入したいとき
- 非対応ブラウザ向けのWebP・JPEG配信
- 初期画面の画像サイズや読み込み方の点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
進捗バーに何の処理を示すか分かる名前があるかを点検し、ラベルや値の属性を整えて、スクリーンリーダーでも進行状況の意味を把握できるようにするスキル。
- 進捗バーの読み上げ用の名前の点検
- 読み込み表示への処理名の追加
- 進捗の現在値と範囲の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページ内リンクのスクロールを点検し、動きを減らす設定に応じた即時移動と、キーボード操作時のフォーカス移動を確認して、修正方法を示します。
- ページ内ナビゲーションの点検
- 動きを減らす設定でのスクロール確認
- アンカー移動後のフォーカスを直したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページを開いた際の音声・動画の自動再生を点検し、再生設定の解除や消音、キーボードで使える一時停止操作を整えて、利用者が再生を制御できるようにするスキル。
- 読み込み時の音声・動画再生の点検
- 動画の消音と一時停止操作の追加
- 再生操作のキーボード対応の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
フォームへの自動フォーカスを点検し、読み込み直後に説明文を飛ばして入力欄へ移る動作を見直します。利用者の操作を起点にフォーカスを移す修正も提案します。
- 説明文のあるフォームの点検
- 読み込み時の意図しないスクロール調査
- 利用者の操作後にフォーカスを移したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページ全体がスクリーンリーダーから隠れる原因となるbodyのaria-hiddenを点検し、モーダル表示時などの誤設定を特定して修正を支援するスキル。
- モーダル表示時の読み上げを確認したいとき
- ページが読み上げられない原因の調査
- 状態変化に伴うbody属性の点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
codegraphに新しいプログラミング言語への対応を追加します。構文解析の設定から情報抽出の実装、テスト、実際の3つのコードベースでの比較評価まで進めます。
- codegraphに新しい言語を追加したいとき
- 関数やインポートの抽出を検証したいとき
- 実際の3つのコードベースで効果を比べたいとき
colbymchenry/codegraph☆ 7.4万2026年10月18日 更新
教材の図を動かしたり、スライダーで数値を変えて結果を示したりするスキル。仕組みを操作して確かめる図や、ページの見出しを飾る動くドット模様も作れます。
- 教材の処理の流れを動かしたいとき
- 数式の変化をスライダーで示したいとき
- システムの仕組みを操作して学ぶ図
rohitg00/ai-engineering-from-scratch☆ 7.1万2026年10月18日 更新
ClineのUIパッケージを単独でnpm公開するために、バージョン更新、品質チェック、正式版・プレビュー版の配信、初回公開の設定を進めるスキル。
- UIパッケージの正式版を公開したいとき
- プレビュー版を配布したいとき
- 公開前のテストと同梱内容の確認
cline/cline☆ 7万2026年10月18日 更新
人とClaudeが共同編集する文書の作成・修正やコメント返信を支援します。Claude Docsの接続機能を使い、本文やタブを扱うスキルです。
- 共有の企画書を作成したいとき
- 文書の一部を修正したいとき
- 文書のコメントに返信したいとき
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
Word文書やテンプレートの作成・編集、内容の抽出、画像の差し替えに対応し、見出しや箇条書きの構造を整えて、全ページの表示まで確認します。
- 構造を整えたWord文書の作成
- 既存文書の内容を整理したいとき
- 文書内の画像や文章の差し替え
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
メモやREADME、議事録などをMarkdownファイルで作成・修正し、見出しやリストを内容に合わせて整え、完成後の全文確認まで行うスキル。
- プロジェクトのREADME作成
- 会議メモを議事録にまとめたいとき
- Markdownのマニュアル修正
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
Function Healthの検査結果と医療者の記録を取得し、検査項目・採取日・数値・基準範囲を整理します。過去の検査履歴をまとめて確認する際にも使えます。
- 検査値と基準範囲の確認
- 過去の検査結果を集めて変化を見たいとき
- 医療者の相談記録の確認
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
画面の配置図やストーリーボードを使い、構成や操作の流れが異なる案を3〜5種類ずつ比較します。過去の案を残しながらデザインの方向性を探るスキルです。
- 画面レイアウトを複数案で比較したいとき
- ストーリーボードで操作の流れを検討
- 気に入った案の別案を見たいとき
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
実際の地理データを使い、資料向けの世界・地域地図や、街路を拡大・移動できる地図を作ります。静止画への書き出しとウェブでの操作に合わせて描画方法を選びます。
- プレゼンテーションに世界地図を載せたいとき
- 報告書用に地域の地図を作りたいとき
- 拡大・移動できる街路地図の作成
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
報告書や手紙などの文書を、印刷に適したレイアウトで作るスキル。複数ページに続く文章と、一枚に収めるポスターなどを用途に応じて作り分け、見出しや表も整えます。
- 報告書やガイドを印刷したいとき
- 履歴書や手紙を整えたいとき
- 一枚のポスターや証明書の作成
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新