ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。
- ボタンの表示文字と名前を照合したいとき
- 音声操作しにくいリンクの点検
- アクセシビリティツールで修正を確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Web画面をキーボードだけで操作できるか点検し、Tabの移動順や非表示要素への移動、操作から抜け出せない問題を確認します。該当要素と修正・検証方法を示します。
- Tabで全操作要素に届くか確認
- 見た目に合うフォーカス順への修正
- 非表示要素をTabの移動対象から除外
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
モーダルダイアログのキーボード操作と読み上げ対応を点検し、フォーカスの移動、Escapeでの終了、タイトルの関連付けの改善を支援するスキル。
- モーダルのキーボード操作の点検
- 開閉時のフォーカス移動を確認したいとき
- タイトルと読み上げ用ラベルの確認
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日 更新
検索に載せたい重要ページを対象に、noindexやHTTPヘッダー、robots.txt、CMSの設定を点検し、意図しない検索登録の妨げを見つけて修正するスキル。
- 重要ページがGoogle検索に出ない原因の調査
- 公開後にテスト環境の制限が残っていないかの確認
- CMSのページ・カテゴリ別登録設定の点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
同じ文言なのに異なるページへ移動するリンクを見つけ、リンク先の統一や文言の修正を支援し、スクリーンリーダーでも行き先を判断しやすくするスキル。
- 同じリンク文言の行き先を点検したいとき
- 読み上げ時のリンク文言の改善
- 共通コンポーネントのリンク確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
検索に載せたいページと除外したいページを整理し、robots.txt、noindex、canonicalの矛盾を点検して、目的に合った設定の修正を支援します。
- 検索対象に残るページを調べたいとき
- 検索から除外された原因の調査
- robots.txtとnoindexの競合確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
フォームの入力欄に複数のラベルが結び付いていないかを点検し、読み上げの重複や混乱を防ぐため、ラベルの統合とaria-labelledbyの使い分けを示すスキル。
- 入力欄の重複ラベルを探したいとき
- 複数の文章を入力欄の名前に使いたいとき
- 読み上げによるフォームラベルの確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページの主要画像や重要なフォント・CSSの読み込み優先度を点検し、fetchpriority属性で表示に必要なリソースの取得順を調整するスキル。
- 主要画像の表示速度を改善したいとき
- 画面外の画像との読み込み競合の見直し
- フォントやCSSの先読み優先度の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
装飾用の画像やアイコンが、スクリーンリーダーで不要に読み上げられないかを点検します。空のaltやaria-hiddenを確認し、実際に問題がある要素の修正を支援します。
- 装飾画像の不要な読み上げの点検
- SVGやアイコンの読み上げ確認
- 共通の装飾コンポーネントの点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Web記事の事実・数値・引用に信頼できる出典があるかを点検し、関連する外部リンクや説明的なリンク文言の追加、公開ページでの確認を支援するスキル。
- 記事の事実や数値の出典を点検したいとき
- 公式情報や研究へのリンクを追加したいとき
- 出典リンクの文言を見直したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページの初期表示に必要なCSSを抽出してHTMLに埋め込み、残りを非同期で読み込む構成へ整えます。画面幅や操作状態ごとの表示も確認するスキルです。
- 初期表示を遅らせるCSSの見直し
- 最初の画面に必要なCSSを抽出
- 後回しにできるCSSの非同期読み込み
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日 更新
記事ページの構造化データを点検し、見出し・画像・公開日・著者などを含むArticle形式のJSON-LD追加と、実際に配信されるページの検証を支援するスキル。
- ブログ記事の構造化データを確認したいとき
- ArticleのJSON-LDを追加したいとき
- 見出し・画像・公開日・著者の不足確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
バッテリー残量や容量などのメーター表示を点検し、スクリーンリーダーで数値が何を表すか伝わるよう、読み上げ用の名前を確認・追加するスキル。
- 残量や容量メーターのラベル確認
- メーターに読み上げ用の名前を付けたいとき
- 共通UI部品のメーター点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ボタンやリンクなどに、操作内容や移動先が伝わる名前が付いているかを点検します。表示テキストやaria-labelの不足を指摘し、具体的な修正案を示します。
- 名前のないボタンやリンクの検出
- 曖昧なラベルの見直し
- 共通部品の操作名のレビュー
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
フォームの結果やカート更新など、画面内で変わる情報が読み上げ利用者に伝わるかを点検し、ARIAライブリージョンの属性と通知の優先度を見直すスキル。
- フォーム結果とエラーの読み上げ点検
- カート更新を読み上げで伝えたいとき
- 読み込み状態や状況通知の点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
サイトの目的や運営者を伝える紹介ページを点検・作成し、組織の歴史、使命、専門性、連絡先などの情報が読者に伝わるか、実際のページ出力まで確認するスキル。
- サイトの紹介ページを見直したいとき
- 組織や使命を伝えるページの作成
- ページ出力の運営者情報を確認したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
AI・機械学習の知識を5分野10問の対話式クイズで確認し、全20段階・523レッスンの教材から開始地点を提案します。復習箇所と学習時間も整理します。
- AI学習の開始地点を決めたいとき
- 教材の既知の内容を省略したいとき
- 復習が必要な分野の確認
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新
接続先のデータやCSVなどを基に、グラフ・数値・表をまとめたダッシュボードを作成し、各指標の出典や更新状況を確認できる形で管理するスキルです。
- KPIと目標への進捗管理
- CSV・TSV・JSONの可視化
- 接続データによる定期レポート作成
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新
Webページやアプリの見た目を作る前に、配色・文字・カード配置・動きなどの定型表現を点検するスキル。避けたいデザインの重なりを確認し、明示された指定を優先します。
- Webページ制作前のデザイン確認
- ダッシュボードのカード配置の点検
- 部品の文字組みと配色の見直し
asgeirtj/system_prompts_leaks☆ 7万2026年10月16日 更新