ページ内の外部リンクを点検し、404などのエラーや期限切れドメインを確認して、正しいURLへの更新や削除が必要なリンクと該当ページを特定するスキル。
- 古い記事の参考リンクを点検したいとき
- 外部リンク切れの更新・削除
- 期限切れや転用されたドメインの確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
閉じ忘れたタグや誤った入れ子など、HTML構造の不備を点検・修正します。実際のHTMLとHTTP応答を確認し、表示や検索エンジンの読み取りに影響する問題を探します。
- タグの閉じ忘れや入れ子の点検
- HTMLに起因する表示崩れの調査
- 検索エンジン向けのHTML構造確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
サイト内のリンク切れを調べ、404やサーバーエラーになるリンクの修正を支援します。実際のページとHTTP応答を確認し、検索エンジンの巡回への影響も説明します。
- ページ移動・削除後にリンクを点検したいとき
- メニューや本文のリンク切れを探したいとき
- リンク切れの検索巡回への影響を調べたいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
HTMLのcanonicalタグとHTTPのLinkヘッダーが示す正規URLを比較し、検索エンジンに矛盾した情報を送るページやテンプレートを特定するスキル。
- HTMLとHTTPの正規URL宣言の比較
- 正規URLの指定が矛盾する原因調査
- ルートやテンプレート別の出力点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
各ページのcanonicalタグを確認し、URLの表記違いやパラメータで重複するページについて、検索エンジンに伝える正規URLの設定を整えるスキル。
- 各ページのcanonicalタグの点検
- パラメータやドメイン表記による重複URLの確認
- 正規URLを追加・修正したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Web記事の事実・数値・引用に信頼できる出典があるかを点検し、関連する外部リンクや説明的なリンク文言の追加、公開ページでの確認を支援するスキル。
- 記事の事実や数値の出典を点検したいとき
- 公式情報や研究へのリンクを追加したいとき
- 出典リンクの文言を見直したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Webページの文字や入力欄の枠、アイコンなどの色のコントラストを点検し、操作中の状態も含めてWCAGの基準を満たす配色への修正を支援するスキル。
- 文字と背景の配色を点検したいとき
- 入力欄の枠やアイコンの視認性確認
- ホバーやフォーカス時の色の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
問い合わせページの連絡手段や見つけやすさを点検し、フォームや連絡先の追加、表示後のHTML・HTTP応答まで確認して、サイトの信頼性を支える情報を整えるスキル。
- 問い合わせページを新設したいとき
- 連絡手段とサイト内導線の点検
- 問い合わせページの出力確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
記事やブログの公開日・更新日を点検し、読者向けの日付表示と検索エンジン向けの構造化データを整え、本文の実質的な変更に合う更新日の管理を支援します。
- ブログ記事の日付表示の点検
- Article JSON-LDへの日付追加
- CMSテンプレートの日付処理確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Webページを紙に印刷したときの読みやすさを点検し、印刷用CSSを整えます。ナビや広告の非表示、文字サイズ、改ページ、外部リンクのURL表示を確認します。
- Webページを紙で読みやすくしたいとき
- 印刷時にナビや広告を隠したいとき
- 印刷の文字・改ページ・URL表示の調整
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
価格・数値・日時の表示を点検し、言語や地域に合ったIntl APIの使い方へ修正します。通貨記号や区切り文字の固定記述に加え、並べ替えや代替ロケールも確認します。
- 多地域向けの価格表示を整えたいとき
- 数値・日時の手作業整形を置き換える
- 言語に応じた並べ替えの確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
アフィリエイトやスポンサー付きリンクの前に、提携関係を伝える表示があるかを点検します。実際のHTMLやHTTP応答も確認し、表示位置や文面の修正を支援します。
- アフィリエイト表示を点検したいとき
- スポンサー表記を統一したいとき
- 実際のページ表示を確認したいとき
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日 更新
検索結果に表示させない指定のあるページを調べ、重要な商品・記事が誤って除外されていないか、実際のHTMLとHTTP応答を基に確認するスキル。
- 重要ページの検索除外を確認したいとき
- 管理画面や補助ページの除外設定点検
- noindexとdisallowの使い分け
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
「こちら」「続きを読む」などのリンク文言を点検し、リンク先の内容が伝わる表現へ見直して、SEOと読み上げ時の分かりやすさを支援するスキル。
- 曖昧なリンク文言を直したいとき
- 読み上げ利用者向けにリンクを点検
- 内部リンクのキーワード過多を確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ターミナル内で操作する画面をOpenTUIで作るスキル。基本API・React・Solidから実装方法を選び、部品配置、入力処理、アニメーション、テストを支援します。
- ReactやSolidでTUIを作りたいとき
- 入力フォームや選択メニューの実装
- 端末サイズに応じた画面配置
cline/cline☆ 7万2026年10月16日 更新
文章だけでは伝わりにくい情報を、会話内で表示するグラフ・表・図解・ダッシュボードにまとめます。外部通信に頼らないHTMLを作り、明暗テーマとスマホ幅で確認します。
- 数値の傾向をグラフで伝えたいとき
- 違いを表や図で比較したいとき
- 会話内でダッシュボードを表示
code-yeongyu/oh-my-openagent☆ 7万2026年10月16日 更新
通常のブラウザで開けないページや中国系・SNSの情報を、抽出ツールや専用APIで取得し、必要に応じてブラウザ操作や日時付きアーカイブの確認まで進めるスキル。
- 403エラーのページを読みたいとき
- 中国系プラットフォームの投稿調査
- 消えたページの保存版を確認したいとき
code-yeongyu/oh-my-openagent☆ 7万2026年10月16日 更新
実装を独立して取り込める小さなPRに分け、作業場所の分離、手動検証の記録、英語のPR作成、CIとレビューの修正対応、マージ後の片付けまで進めるスキル。
- 実装をPRとして届けたいとき
- 大きな作業を小さなPRに分けたいとき
- 独立したPRの並行実装
code-yeongyu/oh-my-openagent☆ 7万2026年10月16日 更新
教材の図を動かしたり、スライダーで数値を変えて結果を示したりするスキル。仕組みを操作して確かめる図や、ページの見出しを飾る動くドット模様も作れます。
- 教材の処理の流れを動かしたいとき
- 数式の変化をスライダーで示したいとき
- システムの仕組みを操作して学ぶ図
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新
教材やREADME、マニュアル向けに、実際のシステム名やログを根拠とした静的SVG図を作るスキル。9種類の図と統一した色・矢印で仕組みを説明します。
- READMEにシステム間の通信図を載せたいとき
- マニュアルで状態遷移を説明したいとき
- ログや仕様からデータの流れを図示
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新
教材のページや図、マニュアルの見た目と英文表現を共通ルールで整えます。配色や書体、図番号、カード配置に加え、ダークモードと操作しやすさ、動きを減らす設定も確認します。
- 教材ページの配色と書体の統一
- ダークモードの配色と可読性の確認
- 図番号とカード配置の統一
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新
AIエンジニアリングの教材をターミナルで一節ずつ学び、質問やコード演習、確認クイズに取り組めます。学習記録に沿った再開や復習にも対応します。
- 学習記録から続きを学びたいとき
- コード演習で概念を理解したいとき
- レッスンクイズで理解度の確認
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新