「content」の検索結果

ページ表示の遅さを実測し、画像などの静的ファイルがCDNから適切に配信されているかを点検。キャッシュ設定や配信経路の改善につなげるスキル。

• ページ表示が遅い原因を調べたいとき
• 画像やスクリプトのCDN配信の点検
• 海外向けのキャッシュ設定の見直し

行と列を同時にそろえる画面レイアウトを見直し、CSS Gridへの置き換えや、画面幅・内容に応じて配置が変わるグリッドの設計を支援するスキル。

• 二次元のFlexboxやfloat配置の見直し
• 画面幅に応じたカード一覧の配置
• 入れ子の要素を親グリッドにそろえたいとき

ページの初期表示を待たせるCSSの読み込みを点検し、必要なスタイルの埋め込みや後回しの読み込みを支援します。画面幅や操作状態ごとの表示も確認しながら修正を検討します。

• 初期表示を遅らせるCSSを調べたいとき
• 最初に必要なCSSと後回しのCSSの整理
• preloadやmediaによる読み込みの点検

ページの初期表示に必要なCSSを抽出してHTMLに埋め込み、残りを非同期で読み込む構成へ整えます。画面幅や操作状態ごとの表示も確認するスキルです。

• 初期表示を遅らせるCSSの見直し
• 最初の画面に必要なCSSを抽出
• 後回しにできるCSSの非同期読み込み

ページを開いてすぐ見える重要画像の読み込み順を点検し、画像サイズや遅延読み込み、優先度指定を見直して、主要コンテンツの表示改善を支援するスキル。

• ヒーロー画像の読み込み優先度の点検
• 初期表示画像の遅延読み込みを調べたいとき
• DevToolsで画像の修正を確認したいとき

Webページの文字や入力欄の枠、アイコンなどの色のコントラストを点検し、操作中の状態も含めてWCAGの基準を満たす配色への修正を支援するスキル。

• 文字と背景の配色を点検したいとき
• 入力欄の枠やアイコンの視認性確認
• ホバーやフォーカス時の色の確認

Webページを紙に印刷したときの読みやすさを点検し、印刷用CSSを整えます。ナビや広告の非表示、文字サイズ、改ページ、外部リンクのURL表示を確認します。

• Webページを紙で読みやすくしたいとき
• 印刷時にナビや広告を隠したいとき
• 印刷の文字・改ページ・URL表示の調整

Web記事の事実・数値・引用に信頼できる出典があるかを点検し、関連する外部リンクや説明的なリンク文言の追加、公開ページでの確認を支援するスキル。

• 記事の事実や数値の出典を点検したいとき
• 公式情報や研究へのリンクを追加したいとき
• 出典リンクの文言を見直したいとき

ページ全体がスクリーンリーダーから隠れる原因となるbodyのaria-hiddenを点検し、モーダル表示時などの誤設定を特定して修正を支援するスキル。

• モーダル表示時の読み上げを確認したいとき
• ページが読み上げられない原因の調査
• 状態変化に伴うbody属性の点検

記事やページの著者情報を検索エンジンに伝える構造化データを点検し、名前や外部プロフィールの設定、本文との関連付けを公開ページの出力まで確認するスキル。

• 記事ページの著者情報を点検したいとき
• 著者の外部プロフィールとの関連付け
• テンプレートの著者マークアップ確認

記事の長さや内容に応じて内部リンクと外部リンクの量・関連性を見直し、関連記事への導線や事実を裏付ける参照先を整える作業を支援するスキル。

• 記事内のリンク量を見直したいとき
• 関連記事への内部リンク追加
• 事実やデータを裏付ける出典の追加

記事ページの構造化データを点検し、見出し・画像・公開日・著者などを含むArticle形式のJSON-LD追加と、実際に配信されるページの検証を支援するスキル。

• ブログ記事の構造化データを確認したいとき
• ArticleのJSON-LDを追加したいとき
• 見出し・画像・公開日・著者の不足確認

ページ内の大きなアニメーションGIFを調べ、計測で負荷を確認したうえでMP4やWebMへの変換と動画タグへの置き換えを支援するスキル。

• GIFを含むページの遅さを調べたいとき
• 大きなGIFをMP4やWebMに変えたいとき
• ループ動画の再生属性を見直したいとき

フォームの結果やカート更新など、画面内で変わる情報が読み上げ利用者に伝わるかを点検し、ARIAライブリージョンの属性と通知の優先度を見直すスキル。

• フォーム結果とエラーの読み上げ点検
• カート更新を読み上げで伝えたいとき
• 読み込み状態や状況通知の点検

記事の著者紹介に経験・資格・専門プロフィールへのリンクがあるかを確認し、表示後のHTMLや構造化データも含めてSEO上の改善箇所を示すスキル。

• 記事の著者紹介を点検したいとき
• 資格や専門プロフィールの記載改善
• HTMLや構造化データの著者情報監査

存在しないページに訪れた人を検索や主要ページへ案内する、独自の404ページを作成・点検するスキル。表示内容に加え、HTTPステータスの正しさも確認します。

• 独自の404ページを作りたいとき
• リンク切れ時の検索・案内の整備
• 存在しないページの200応答の確認

OpenSpecの仕様の変更分を読み取り、既存の内容を保ちながら本体の仕様書へ反映します。要件の追加・修正・削除・改名に対応し、変更をアーカイブせずに仕様を更新します。

• 変更を残したまま仕様を更新したいとき
• 既存要件にシナリオを追加したいとき
• 選んだ仕様ファイルだけ同期したいとき

ClineのUIパッケージを単独でnpm公開するために、バージョン更新、品質チェック、正式版・プレビュー版の配信、初回公開の設定を進めるスキル。

• UIパッケージの正式版を公開したいとき
• プレビュー版を配布したいとき
• 公開前のテストと同梱内容の確認

通常のブラウザで開けないページや中国系・SNSの情報を、抽出ツールや専用APIで取得し、必要に応じてブラウザ操作や日時付きアーカイブの確認まで進めるスキル。

• 403エラーのページを読みたいとき
• 中国系プラットフォームの投稿調査
• 消えたページの保存版を確認したいとき

人とClaudeが共同編集する文書の作成・修正やコメント返信を支援します。Claude Docsの接続機能を使い、本文やタブを扱うスキルです。

• 共有の企画書を作成したいとき
• 文書の一部を修正したいとき
• 文書のコメントに返信したいとき

PDFやOffice文書、Web成果物を納品前に検証し、形式ごとのチェックと実際の表示確認、仮テキストの検索で、文字切れや重なり、不要な記載を点検します。

• 納品前の資料チェック
• 描画後のページの崩れを確認したいとき
• 仮テキストやサンプル文の検出

レポートや印刷用資料のPDF作成・改訂に加え、既存PDFの結合・分割・切り抜き・フォーム入力を支援します。生成後の表示と整合性も確認するスキルです。

• レポートや印刷用ガイドをPDFにしたいとき
• PDF文書の内容や配置を改訂したいとき
• 既存PDFを結合・分割・切り抜きしたいとき

ChatGPTのPageやSpaceを、目的に沿って整理します。ページの移動やタスク一覧の重複整理、入口ページの見直しを通じて、必要な情報へたどりやすい構成に整えます。

• 最上位のPageを整理したいとき
• 重複するタスク一覧をまとめたいとき
• 進行中の仕事と記録・資料を分ける

Muse Codeの現在・過去のセッションログから、依頼内容や判断、実行結果を確認し、作業の引き継ぎやログに残る消失ファイルの復元を支援するスキル。

• 前回のMuse Code作業を要約したいとき
• ログから消失ファイルを復元したいとき
• 過去の依頼や実行結果を確認したいとき