「before」の検索結果

ページの初期表示を遅らせるリソース取得の依存関係を計測し、重要なCSSの埋め込みや必須ファイルの先読みで、通信の待ちが連鎖する構造を見直すスキル。

• ページの初期表示が遅いとき
• リソース取得の依存関係の点検
• 重要CSSの埋め込みや先読みの検討

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

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

読み込み中に画像や広告でページの配置がずれる原因を測定し、表示領域の確保やフォント・アニメーションの見直しで、誤クリックや読書の中断を減らす改善を支援します。

• 読み込み中に内容が動く原因を調べたいとき
• 画像・埋め込み・広告の表示領域を確保
• フォントやアニメーションの安定性確認

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

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

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

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

SharedArrayBufferなどに必要なクロスオリジン分離を点検。セキュリティヘッダーと外部リソースの互換性を調べ、ブラウザーでの成立を確認するスキル。

• SharedArrayBufferの利用要件確認
• COEP導入前の外部リソース調査
• ポップアップや埋め込みへの影響確認

画面の状態やラベルを支援技術へ伝えるARIA属性の値を点検し、真偽値の誤記や参照先IDの不備を見つけ、仕様に沿った修正と確認方法を示すスキル。

• 操作部品のARIA属性を点検したいとき
• ARIA属性の参照先IDを確認したいとき
• 公開前にアクセシビリティ修正を確認

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

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

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

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

VoiceStudioの不具合報告の整理、変更内容のレビュー、自動テストの失敗調査、リリース準備を支援し、修正と配布前の確認を進めるスキル。

• VoiceStudioの不具合調査
• 貢献者のプルリクエストのレビュー
• 自動チェックの失敗原因の調査

OpenSpecを使うプロジェクトで、既存コードや仕様を調べながらアイデア・問題・要件を対話で整理し、実装前や作業途中の判断を助けるスキル。

• 曖昧な機能案の範囲を整理したいとき
• 既存構成を踏まえて技術を比較
• 実装で詰まり設計を見直したいとき

複数のOpenSpec変更をまとめてアーカイブします。成果物とタスクの進捗を確認し、仕様の競合を実装に照らして整理したうえで、仕様の同期と変更の保管を進めます。

• 完了した変更をまとめて保管したいとき
• 複数変更の仕様の競合を整理したいとき
• 未完了の作業を確認して保管したいとき

作りたい機能や修正内容から、OpenSpecの提案書・仕様の変更分・設計書・実装タスクを作成します。既存のコードや設定を調べ、実装前にレビューできる計画を整えます。

• 新機能の実装計画を作りたいとき
• 不具合修正を具体的なタスクにしたいとき
• 仕様変更と設計をまとめて確認したいとき

OpenSpecの利用者向け文書を、執筆時の文脈を引き継がない別のエージェントが実際のコマンドやソースと照合し、誤りと修正案を報告するスキル。

• 公開前の文書を事実確認したいとき
• 特定の節のコマンド例を検証したいとき
• 改訂した説明の正確さを確認したいとき

機能追加や不具合修正に向けて、OpenSpecの変更用ひな形を作成します。利用するワークフローと進捗を確認し、最初に作る計画文書のテンプレートを提示します。

• 新機能の変更を始めたいとき
• 不具合修正の計画準備
• 選んだ作業手順の初期テンプレート確認

OpenSpecで進めている変更の計画文書を見直し、新しい決定を反映します。関連文書の矛盾や不足も確認し、修正案を示して承認を得たうえで更新します。実装コードは編集しません。

• 既存の計画に新しい決定を反映したいとき
• 計画文書の矛盾を確認したいとき
• 編集後に関連文書の整合性を取りたいとき

スキルが求めるファイル操作やコマンド実行、通信などを、明示されたサンドボックスポリシーと照合し、対象の操作を実行せずに判定と根拠を返します。

• 実行前にファイル操作を審査したいとき
• コマンドや通信を規則と照合したいとき
• 秘密情報や破壊的操作を審査したいとき

AI Engineering from Scratchの学習内容を8問の四択クイズで確認し、得点と誤答の解説、復習すべきレッスンを示します。

• フェーズ修了後に理解度を確かめたいとき
• 次のフェーズへ進む準備を確認したいとき
• 誤答から復習する教材を探したいとき

人の指名、AIの自動選択、アプリや別スキルからの呼び出しを区別し、スキルの起動ルールを設計・検証します。選択理由を追えるJSONの判定結果を返します。

• 明示指定と自動選択のルール分離
• 呼び出し元と連鎖の制限を検証したいとき
• 起動を見送る条件の確認

コードの変更内容を整理し、プロジェクト所定のテンプレートに沿った GitHub のプルリクエストを作成します。関連 Issue、変更理由、テスト内容を確認し、レビュー提出を支援します。

• 完成した変更をレビューに提出したいとき
• コミットから PR 説明を作りたいとき
• ドラフト PR を作成したいとき

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

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

npmで公開済みの最新版と現在のコードの差分を読み、未公開の変更を共通部品・実行環境別に整理し、影響範囲とバージョン更新の目安を示すスキル。

• 公開前の未リリース変更の確認
• コード差分からリリースノートを作りたいとき
• 層ごとのバージョン更新の判断

Xの最近の投稿を期間・アカウント・キーワードで絞って調べ、投稿へのリンクを示しながら、ウェブ検索との照合で反応と未確認の情報を整理するスキル。

• ニュースや製品発表への反応調査
• 信頼するアカウントの投稿調査
• 返信や引用の文脈を確認したいとき

コードの脆弱性を探す3人と再現検証を担う2人のエージェントで並行監査し、攻撃の成立条件と影響を確かめ、深刻度・修正案・再発防止策をまとめるスキル。

• リリース前の安全確認
• PRのセキュリティ監査
• 脆弱性の悪用可否を確かめたいとき