「esp」の検索結果

独立した画面部品のCSSを点検し、レイアウト再計算や再描画の範囲を抑える設定を提案します。画面幅や操作状態ごとの表示も確認し、適用箇所を見極めます。

• 独立した部品が多いページの見直し
• 画面外の一覧項目の描画を省きたいとき
• 画面幅ごとの表示を確認したいとき

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

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

HTML・JS・CSSの配信時の圧縮状態を確認し、実測した読み込みの問題に基づいて、サーバーやCDNでのGzip・Brotli設定を見直すスキル。

• モバイル回線での表示遅延を調べたいとき
• テキスト資源の圧縮ヘッダーを確認
• サーバーやCDNの圧縮設定を見直す

画像や内容を切り替えるカルーセルを点検し、自動再生の停止、キーボード操作、読み上げ通知、動きを抑える設定への対応を確認・修正するスキル。

• 自動再生スライドの停止操作の点検
• キーボードだけでの操作確認
• スライド変更の読み上げ通知の確認

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

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

HTMLのhead内でCSSとJavaScriptの読み込み順を点検し、画面幅や操作状態ごとの表示も確かめながら、表示の遅れや装飾のちらつきへの修正案を示すスキル。

• 装飾のない画面が一瞬見える原因の調査
• head内のCSSとJSの順序確認
• スクリプト遅延と重要なCSSの点検

WebサイトのCSP設定とHTMLの挿入処理を点検し、読み込めるリソースの制限や安全な表示処理を整え、本番に近い環境でブラウザの挙動まで検証するスキル。

• 既存のCSP設定を点検したいとき
• スクリプトや外部リソースを制限したいとき
• 信頼できないHTMLの表示処理の確認

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

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

本番配信するCSSの空白やコメントを削ってファイルを小さくするために、圧縮の適用状況やビルド設定を点検し、画面幅ごとの表示も確認するスキル。

• 本番CSSの圧縮状況の確認
• ビルド工程に圧縮を追加したいとき
• PostCSSの出力を見直したいとき

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

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

記事やブログの著者名・肩書き・プロフィールへのリンクを点検し、実際のページ表示やHTMLを基に、誰が書いた内容か伝わる著者欄へ整えるスキル。

• ブログの著者情報を点検したいとき
• 著者名・肩書き・紹介リンクの追加
• 生成されたHTMLの著者情報レビュー

CSSアニメーションで描画負荷のかかる指定を見つけ、transformやopacityを使う修正を提案します。画面幅や操作状態ごとの表示、動きを減らす設定も確認します。

• カクつくアニメーションの見直し
• 位置やサイズを動かす指定の修正
• 動きを減らす設定の確認

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

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

「こちら」「続きを読む」などのリンク文言を点検し、リンク先の内容が伝わる表現へ見直して、SEOと読み上げ時の分かりやすさを支援するスキル。

• 曖昧なリンク文言を直したいとき
• 読み上げ利用者向けにリンクを点検
• 内部リンクのキーワード過多を確認

サイトの目的や運営者を伝える紹介ページを点検・作成し、組織の歴史、使命、専門性、連絡先などの情報が読者に伝わるか、実際のページ出力まで確認するスキル。

• サイトの紹介ページを見直したいとき
• 組織や使命を伝えるページの作成
• ページ出力の運営者情報を確認したいとき

画面のない環境でターミナルアプリを操作し、表示を待って不具合を再現・検証するスキル。画面の記録やPNG撮影、操作テストの作成にも対応します。

• 画面なしでCLIの不具合を再現したいとき
• 対話型プロセスをバックグラウンド実行
• ターミナルの操作テスト作成

教材の図を動かしたり、スライダーで数値を変えて結果を示したりするスキル。仕組みを操作して確かめる図や、ページの見出しを飾る動くドット模様も作れます。

• 教材の処理の流れを動かしたいとき
• 数式の変化をスライダーで示したいとき
• システムの仕組みを操作して学ぶ図

普段使っているChromeのログイン状態を使い、ページ操作やフォーム入力、操作のGIF記録を進めるために、タブ管理やサイト権限、エラー時の対応を定めるスキル。

• Chromeのログイン状態で作業したいとき
• ブラウザー操作をGIFで残したいとき
• ページのコンソールログ調査

PageやSpaceの文書を、読者と目的に合わせて作成・編集するスキル。既存の書式や保存先を尊重し、根拠の確認から見出し・文章・表の整理、保存後の確認まで扱います。

• 説明や決定事項をページに残したいとき
• 既存ページの特定箇所を編集したいとき
• 比較内容を読みやすい表に整理したいとき

新規プロジェクトの開始時に、保存先が未確定の場合の専用フォルダと構成を決めます。既存ファイルの調査制限を守り、必要最小限の実行可能なひな型を整えます。

• 保存先未定の新規開発を始めたいとき
• 既存ファイルを調べずに着手したいとき
• 汎用フォルダ内の成果物をまとめたいとき

調査・レビュー・移行を複数のエージェントで進める手順を設計し、異なる情報源の確認、独立した検証、未解決事項を残した結果の統合までを組み立てるスキル。

• 複数の情報源を使う調査設計
• 実装とテストを別視点でレビュー
• 候補案を独立した評価者で比較

Threadsの投稿や保存済み投稿、通知、閲覧数などを確認し、話題の検索や運用の振り返りに使えます。フィードの調整や確認を経た投稿公開も扱うスキルです。

• 閲覧数やいいねの多い投稿を確認
• 保存済み投稿や通知の確認
• トレンドやキーワードで話題探し

アップロード済みの写真や接続した端末のギャラリーを、内容・撮影日・場所などで検索し、候補の説明や撮影情報を確認しながら目的の一枚を探すスキル。

• 旅行やイベントの写真を探したいとき
• 特定の場所で撮った写真の検索
• 写真の詳細や撮影日を確認したいとき

クリックや入力に反応するアプリの試作品を作ります。Reactで状態の変化、フォーム検証、アニメーション、複数ステップの画面遷移まで実装するスキルです。

• 入力検証付きフォームの試作
• 複数ステップの画面遷移の確認
• ホバーやアニメーションの確認