「tools」の検索結果

Flow Nexus上で複数のAIエージェントを編成し、調査や開発を分担。イベントを起点にした処理の自動化から、進捗監視や稼働数の調整まで扱うスキル。

• 複数エージェントで調査と分析を分担
• 複数リポジトリの開発を連携
• テストからデプロイまでの自動化

Flow Nexusのアカウント管理から隔離実行環境の作成、アプリ公開、クレジット残高確認まで、開発と運用に必要な操作をまとめて支援するスキル。

• 隔離環境でコードを実行したいとき
• アプリのテンプレートを配置したいとき
• 残高と支払い履歴を確認したいとき

Webサイトの画像容量や表示サイズ、読み込み方を点検し、形式ごとの圧縮や不要な付加情報の削除を進め、変更前後のファイルサイズを比較するスキル。

• 表示を遅くする画像を探したいとき
• 圧縮前後のファイル容量比較
• 画像の不要なメタデータ削除

画像を条件に応じて切り替えるpicture要素を点検し、代替表示用のimg、説明文や寸法、画像形式の指定を整え、修正後のHTMLを示すスキル。

• AVIFやWebPの代替画像を確認
• picture要素の順序と属性の点検
• 説明文や寸法がない画像指定の修正

Webページの画像が表示位置に合った読み込み設定になっているかを点検し、画面外の画像の遅延読み込みや、最初に見える重要画像の優先読み込みを整えるスキル。

• 画面外の画像の遅延読み込みを点検したいとき
• ヒーロー画像の読み込み優先度を確認したいとき
• 遅延読み込み画像の寸法を指定したいとき

高精細ディスプレイで画像がぼやける原因を点検し、2倍・3倍画像の用意やHTML・CSSの指定、配信設定、読み込み方法まで確認するスキル。

• 高精細画面の画像ぼけを調べたいとき
• 画像のsrcsetを見直したいとき
• CSS背景画像を高精細対応したいとき

HTMLの `<object>` 要素を点検し、埋め込み内容を読み込めない場合にも情報が伝わる代替テキストや代替コンテンツを整えるスキル。

• 代替内容のないobject要素の確認
• 埋め込みの読み込み失敗に備えたいとき
• 代替内容が同等の情報を伝えるか点検

HTMLの箇条書きや番号付きリストの親子構造を点検し、不適切な要素や入れ子を修正して、スクリーンリーダーが項目数や現在位置を正しく伝えられるようにするスキル。

• HTMLのリスト構造を点検したいとき
• 入れ子のリストを修正したいとき
• 読み上げ時の案内を確認したいとき

本文やタイトル、メタ情報、画像の代替テキストにあるキーワードの不自然な反復を調べ、頻出語と出現率を示しながら、読みやすい自然な表現への修正を支援するスキル。

• 記事のキーワード過多を点検したいとき
• AI生成文の反復表現の推敲
• タイトル・メタ情報・代替テキストの点検

Webサイトの画像形式を点検し、WebP・AVIFへの変換や代替画像の設定を支援します。表示サイズや読み込み方も調べ、具体的な修正箇所を示します。

• JPEG・PNGの変換候補の洗い出し
• WebP・AVIFと代替画像の設定
• CSS背景画像の形式の見直し

ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。

• ボタンの表示文字と名前を照合したいとき
• 音声操作しにくいリンクの点検
• アクセシビリティツールで修正を確認

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

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

HTMLの自動転送設定を点検し、突然のページ更新や移動による読み上げの中断を防ぐ修正を提案します。サーバー側の転送や利用者が選べるリンクへの置き換えを扱います。

• HTMLの自動転送を探したいとき
• サーバー側の転送に置き換えたいとき
• 読み上げ利用時のページ移動の点検

Web画面をキーボードだけで操作できるか点検し、Tabの移動順や非表示要素への移動、操作から抜け出せない問題を確認します。該当要素と修正・検証方法を示します。

• Tabで全操作要素に届くか確認
• 見た目に合うフォーカス順への修正
• 非表示要素をTabの移動対象から除外

スマートフォン実機とモバイル画面幅でのテスト状況を点検し、Playwrightによる主要操作のテスト追加やCIで継続的に検証できていない箇所の特定を支援するスキル。

• CIのモバイルテストを見直したいとき
• 主要操作のモバイルテストを追加したいとき
• AndroidとiOSの実機確認を計画したいとき

Webページの画像形式・容量・表示サイズ・読み込み方法を点検し、修正を支援します。画面幅に応じた画像の出し分けや、読み込み時のレイアウトずれも扱います。

• 表示が遅いページの画像容量・形式点検
• モバイルとPCで画像サイズを出し分け
• 画像読み込み時の表示ずれを防ぎたいとき

Webページ内のiframeやframeに内容が伝わるタイトルがあるか点検します。空欄や説明不足を見つけ、スクリーンリーダーで埋め込み内容を識別しやすくする修正を支援します。

• 埋め込み広告やSNSのタイトル確認
• iframeのtitle欠落や空欄を調べたいとき
• スクリーンリーダーでのフレーム識別確認

フロントエンドのチェック項目に合うnpmパッケージを調査し、利用数と更新時期の基準を満たす候補を選び、ルールファイルのメタデータに追記するスキル。

• チェック項目にnpmの参照を加えたいとき
• 利用数と公開時期で候補を絞りたいとき
• ルールの検出・修正・テスト用ツール探し

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

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

用語と説明を表すHTMLの構造を点検し、単独で使われているdt・ddをdlにまとめる修正を支援します。読み上げ支援で両者の関係を伝えるための確認も扱います。

• 用語集のHTML構造の点検
• 項目名と値を並べる表示のレビュー
• dlに囲まれていないdt・ddの修正

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

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

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

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

ページ内のaccesskey属性の重複を調べ、キーボード操作の競合を見つけます。値の割り当て直しや不要な指定の削除を提案し、修正後の確認方法まで整理します。

• キーボードショートカットの重複確認
• 操作要素へのキーボード移動のレビュー
• ショートカット修正後の操作確認

バッテリー残量や容量などのメーター表示を点検し、スクリーンリーダーで数値が何を表すか伝わるよう、読み上げ用の名前を確認・追加するスキル。

• 残量や容量メーターのラベル確認
• メーターに読み上げ用の名前を付けたいとき
• 共通UI部品のメーター点検