「table」の検索結果

保存した二つの費用集計JSONを比較し、総額やモデル別の増減を可視化。金額・増加率・トークン種別のしきい値で、PRによる費用増を検出するスキル。

• PR前後の費用を比較したいとき
• 費用変動の主因となるモデルの特定
• 費用増の上限をPRチェックに設定

claude-flow v3の大きなクラスを役割別に分割し、依存関係やイベント連携を整理します。機能の追加やテストを進めやすい構造への移行を支援します。

• 大きなクラスを役割別に分割したいとき
• タスク・セッション・監視の境界設計
• プラグインとイベント連携の設計

Webページのボタンや入力欄を識別するスナップショットを使い、ログイン、フォーム入力、情報の取得、画面撮影などのブラウザ操作を自動化するスキル。

• ログイン操作を自動化したいとき
• Webフォームの入力・送信
• 商品名・価格・リンクの収集

外部サイトへのアクセスでURL内の機密情報が送られないよう、Referrer-Policyの設定を点検し、ページの性質に合う値と修正方法を示します。

• パスワード再設定ページの情報漏えい点検
• サーバーやCDNの応答ヘッダー確認
• 機密URLに適したポリシーの比較

表示幅に対して大きすぎるWeb画像を調べ、画面サイズに合った画像配信へ修正するスキル。画像の寸法と実際の表示幅、srcsetやsizesの指定を確認します。

• スマホ向けページの過大な画像を探したいとき
• srcsetとsizesの指定を点検したいとき
• 画面幅に合う画像サイズを用意したいとき

JavaScriptの手書きループを点検し、配列やオブジェクトの標準メソッドに置き換えて、データの変換・抽出・集計の意図が伝わるコードに整えるスキル。

• 手書きループを整理したいとき
• データの変換・抽出・集計の明確化
• オブジェクト変換や深いコピーの見直し

画面外の画像・動画・iframeなどの読み込みを必要になるまで遅らせ、初期表示の負荷を抑える実装を支援します。実測と配置を確認し、変更すべき箇所を絞ります。

• ページの初期表示が遅い原因の調査
• 初期画面より下の画像の遅延読み込み
• 画面外の動画や重い部品の読み込み延期

検索結果に表示されるページ説明文を作成・点検し、未設定や重複、文字数の問題を修正します。各ページの内容と価値が伝わる固有の要約に整えます。

• 新規ページの説明文を作りたいとき
• 説明文の未設定や重複を探したいとき
• 説明文の文字数やHTMLを点検したいとき

公開ドキュメントの入口となる `/llms.txt` を点検・整備し、重要なページの選定、リンク先へのアクセス、配置場所の妥当性を確認するスキル。

• 公開ドキュメントの入口を点検したいとき
• 重要なAPI資料や入門ガイドの選定
• 資料へのリンクの到達確認

Webページの画像を調べ、見た目への影響を抑えた圧縮を進めるスキル。ファイル容量や表示寸法、読み込み方法、配信設定をまとめて確認します。

• 容量の大きいWeb画像を探したいとき
• 写真と図版の圧縮方法の選定
• ビルド時の画像圧縮を自動化したいとき

HTMLに直接書かれたJavaScriptを点検し、外部ファイルとaddEventListenerへ整理して、保守性やキャッシュ利用の改善を支援します。

• HTML内のJavaScriptを分離したいとき
• onclickをaddEventListenerに変更
• キャッシュ利用と保守性の見直し

フォームの入力欄に合うHTMLのtype属性とautocomplete属性を点検・修正し、スマートフォンのキーボード表示やブラウザの自動入力を整えるスキル。

• 既存フォームの入力属性を点検したいとき
• スマホのメール・電話入力を整えたいとき
• ブラウザの自動入力を設定したいとき

HTMLに直接書かれたCSSや埋め込みスタイルを点検し、例外を見極めて外部ファイルへの整理を支援します。画面幅や操作状態ごとの表示も確認します。

• HTML内のスタイルを点検したいとき
• 埋め込みCSSを外部へ整理したいとき
• 初期表示用CSSや動的な値の例外判断

一覧や表の各要素に付けたイベント処理を見直し、親要素でまとめて受け取る方式へ整理します。後から追加される要素の操作対応や、リスナー数の削減を支援します。

• 動的に追加した項目の操作を直したいとき
• 表の行ごとのリスナーをまとめたいとき
• クリック対象の判定を見直したいとき

画像の幅・高さ指定を点検し、読み込み時に周囲の文章やボタンが動く原因を調べます。画像本来の縦横比に沿った属性とCSSの修正案を、変更前後のHTMLで示します。

• 画像読み込み時の表示ずれを調べたいとき
• 幅・高さ属性のない画像の洗い出し
• 画面幅に応じた画像の縦横比の維持

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

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

本番公開するJavaScriptに残ったconsole出力を点検し、削除や環境別の無効化、ログサービスへの置き換えを支援します。ブラウザでの実行経路と修正後の確認方法も扱います。

• 公開前のデバッグログ点検
• 開発用と本番用のログを分けたいとき
• ビルド時のconsole出力除去

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

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

メニュー項目やタブなどに付けたARIAロールが、必要な親ロールに収まっているかを点検します。読み上げ時のグループ認識や操作に関わる問題を調べ、修正案を示します。

• メニュー項目の親ロールを確認したいとき
• タブやリストの構造点検
• デザインシステムの部品レビュー

画面や共通部品のアクセシビリティを自動テストで確認し、テスト不足の指摘やCIへの組み込みを通じて、構造・属性の問題と変更による不具合を見つけるスキル。

• 共通部品の検査範囲の見直し
• 画面操作テストへの検査追加
• CIでのアクセシビリティ検査

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

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

画面要素の役割を支援技術に伝えるARIAの指定を点検し、誤記や未定義の値を修正します。標準HTMLへの置き換えや、キー操作・読み上げの確認も支援します。

• ARIAの誤記や未定義値を探したいとき
• 独自部品を標準HTMLへ置き換え
• 共通UI部品のアクセシビリティ確認

計画の前提や抜け漏れを、異なる役割の複数エージェントが相互に批判して検討します。根拠の残った知見を専任の計画担当へ渡し、実行手順にまとめるスキルです。

• 実装前に前提を見直したいとき
• 連携リスクや例外を点検したいとき
• 複数の解決案を比較したいとき

異なる役割のエージェントが計画の前提や設計を相互に批評し、盲点や過剰な複雑さを洗い出します。批評を経て残った知見を専用の担当へ渡し、実行可能な計画にまとめます。

• 計画の前提を厳しく点検したいとき
• 連携リスクや例外の見落としを探したいとき
• 設計の不要な複雑さを見直したいとき