「frame」の検索結果

Webページの本文や指定箇所を抽出し、Markdownなどで保存するスキル。JavaScriptで表示されるページの取得や、Pythonでの巡回処理作成にも対応。

• 記事本文をMarkdownで保存したいとき
• JavaScriptで表示される情報の抽出
• ボット対策のあるページを取得したいとき

アプリやWebサイトをVercelへデプロイし、公開ページの確認用URLとアカウント移管用リンクを取得します。フレームワークの自動判別や静的HTMLにも対応します。

• プロジェクトを公開してURLを共有したいとき
• 静的HTMLページの公開
• Vercelアカウントへの移管

市場・競合・消費者・財務などの調査について、章立てと必要データを設計し、収集済みの情報を図表・出典・戦略上の示唆を含むレポートにまとめるスキル。

• 調査の章立てと収集データを設計したいとき
• 市場・競合の調査結果を報告書にしたいとき
• 消費者理解やブランド戦略を整理したいとき

Slackのメッセージや絵文字に使うアニメーションGIFを作成します。揺れ・回転・跳ねる動きを組み合わせ、用途に合わせて容量や画像サイズを検証・調整するスキルです。

• リアクション用の動く絵文字を作成
• Slackのメッセージ用GIFを作成
• 用途に合わせてGIFを軽量化したいとき

リアルタイム音声の評価を始めるために、目的に合う実行基盤を選び、プロンプトやデータ、READMEのひな形を作成して評価とテストで検証するスキル。

• 単一ターンの音声評価を始めたいとき
• 保存音声を使った評価の準備
• 模擬ツールを含む複数ターン評価

ページ送りのHTMLを確認し、現在のページ表示や前後のリンク、キーボード操作を点検します。読み上げソフトでも位置や移動先が分かる構造へ修正するスキルです。

• 検索結果のページ送りの点検
• キーボードでのページ移動の確認
• 読み上げ用ラベルの改善

JavaScriptが使えない環境でもページの重要な内容を読めるように、初期HTMLとnoscriptの代替表示を点検し、必要な修正を案内するスキル。

• JavaScript無効時の表示確認
• JavaScript依存機能の代替表示
• 初期HTMLの重要コンテンツの点検

Webページのナビゲーションを点検し、nav要素や識別ラベル、スキップリンクを使って、スクリーンリーダーで目的の領域へ移動しやすい構造に整えるスキル。

• メインとフッターの操作性を見直したいとき
• 複数のナビゲーションを区別したいとき
• 共通部品が出力するHTMLの点検

ブラウザに表示されるHTMLを基準に、内部・外部リンクやページ内リンクの不備を点検します。404や意図しない転送を見つけ、修正と継続的な監視の導入を支援します。

• ドキュメントやECサイトのリンク点検
• 共通部品が出力するリンクのレビュー
• CI/CDへのリンク自動チェック導入

URLに含まれる大文字を調べ、小文字への統一と301リダイレクトの設定を支援するスキル。内部リンクやサイトマップも確認し、重複URLを整理します。

• URL内の大文字を点検したいとき
• 新規サイトのURL統一方針を決めるとき
• 301リダイレクトを検証したいとき

WebページのHTMLを点検し、汎用のdivを内容の役割に合う要素へ置き換える方針を示して、読み上げでの移動や検索エンジンによる構造の理解を支えるスキル。

• div中心のページ構造を見直したいとき
• テンプレートや共通部品の出力HTML確認
• 読み上げで移動しやすい構造にしたいとき

HTMLで読み込みの遅い重要リソースを見つけ、フォントや画像の先読み、外部ドメインへの事前接続を見直すスキル。ブラウザに届くマークアップまで確認します。

• 重要なフォントや画像の先読み確認
• 外部ドメインへの事前接続の確認
• 出力されたHTMLのヒント監査

フォームの入力エラーや必須項目が支援技術にも伝わるかを点検し、説明文と入力欄の関連付け、エラー状態、選択肢のグループ化を改善するスキル。

• 読み上げでも伝わる入力エラーにしたいとき
• 必須項目と選択肢グループの点検
• Reactフォームの入力検証レビュー

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

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

ドラッグ＆ドロップをキーボードやスクリーンリーダーでも使えるか点検し、実際に表示されるHTMLを基に、代替操作や操作状況の読み上げを整えるスキル。

• ドラッグ操作のキーボード対応確認
• スクリーンリーダーへの状態通知確認
• 出力されたHTMLの点検

ブラウザのタブやスマートフォンのホーム画面に使うサイトアイコンを点検し、端末に応じた形式・サイズの生成からHTMLやPWAの設定まで支援するスキル。

• タブやブックマーク用アイコンの準備
• モバイルのホーム画面用アイコン設定
• PWAのアイコン設定を確認したいとき

ファイル選択欄やドラッグ＆ドロップ領域を点検し、ラベル、形式・容量の案内、進捗やエラー通知を改善します。読み上げやキーボードで使えるか確認するスキルです。

• アップロード欄のラベルと説明の確認
• ドラッグ操作の代替手段の点検
• 進捗やエラーの読み上げ改善

アラビア語など右から左へ読む言語や、文字方向が混在する投稿を点検し、HTMLの方向指定と表示・読み上げ順、画面配置の確認や修正を支援するスキル。

• アラビア語・ヘブライ語ページの点検
• 文字方向が混在する名前や投稿への対応
• ナビゲーションやアイコンの左右反転確認

Webページのスクリプト読み込みを点検し、defer・async・type=moduleの使い分けと修正を支援します。ブラウザに届くHTMLまで確認します。

• ページ表示を遅らせるタグの点検
• スクリプトの読み込み方式を選びたいとき
• 共通部品が出力するHTMLのレビュー

公開前のHTMLに残る開発用コメント、デバッグコード、ログ、仮の要素を点検して除去します。必要なコメントを残しながら、機密情報の露出も確認するスキルです。

• 本番公開前にHTMLを整理したいとき
• コメント内の機密情報を点検したいとき
• デバッグログや仮の要素の削除

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

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

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

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

パンくずリストのHTML構造と現在地の指定を点検し、サイトの階層を画面読み上げでも理解できるよう、適切な要素とARIA属性を整えるスキル。

• パンくずの読み上げ対応を点検したいとき
• 共通部品が出力するHTMLの確認
• 構造化データと表示内容の整合確認

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

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