「how to」の検索結果

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

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

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

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

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

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

ページ表示の遅さを実測し、画像などの静的ファイルがCDNから適切に配信されているかを点検。キャッシュ設定や配信経路の改善につなげるスキル。

• ページ表示が遅い原因を調べたいとき
• 画像やスクリプトのCDN配信の点検
• 海外向けのキャッシュ設定の見直し

サイト内のリンク切れを調べ、404やサーバーエラーになるリンクの修正を支援します。実際のページとHTTP応答を確認し、検索エンジンの巡回への影響も説明します。

• ページ移動・削除後にリンクを点検したいとき
• メニューや本文のリンク切れを探したいとき
• リンク切れの検索巡回への影響を調べたいとき

画面のHTMLを確認し、role="text"の内側にあるリンクやボタンを検出。読み上げで操作要素が隠れる問題の修正と、キーボード操作の確認を支援します。

• テキスト内のリンクやボタンの点検
• 読み上げで操作要素が消える原因調査
• デザインシステムのアクセシビリティ確認

ダイアログの目的がスクリーンリーダーで伝わるかを点検し、タイトルやラベルの付け方を見直します。対象の要素と修正後の確認方法も示すスキル。

• モーダルの読み上げ名の点検
• 警告ダイアログのラベル確認
• 共通ダイアログ部品のレビュー

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

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

表の見出しやセルの対応関係を点検し、読み上げでもデータの意味が伝わるHTMLへ整えるスキル。単純な表から結合セルのある複雑な表まで確認します。

• 表の読み上げ対応を確認したいとき
• 結合セルと見出しの関係を見直すとき
• デザインシステムの表のレビュー

JavaScriptで文字列をコードとして実行する処理を探し、安全な代替方法を提案するスキル。eval()や文字列指定のタイマーを点検し、用途に応じた置き換えを支援します。

• eval()などの文字列実行を探したいとき
• JSON解析のeval()を置き換え
• 文字列指定のタイマーを関数参照に変更

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

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

自分が書いて送ったメールや文書から、語句や文の長さ、相手に応じた調子を分析するスキル。特徴を個人用スキルとして保存し、本人らしい下書き作りに役立てます。

• 送信済みメールから文体を捉えたいとき
• メッセージの下書きを自分らしくする
• 相手による文章の調子の違いを整理

プロジェクトを実際にビルド・起動・操作して検証し、次のエージェントが再現できる実行手順と操作用スクリプトをまとめた専用スキルを作成・改善します。

• プロジェクト専用の実行スキル作成
• セットアップと起動手順の検証
• 起動したアプリの操作スクリプト作成

データの流れや構成の違い、状態の変化を伝える図をArtifactsで作るために、図解の設計と明暗両テーマで読みやすいSVGの描画方法を整えるスキルです。

• データの流れや構成要素の関係の図解
• システム構成案を並べて比較
• 移行前後の変化を説明したいとき

渡されたドバイの時刻情報を使って、時刻カードのSVG画像とMarkdownの要約を作成します。付属テンプレートに値を反映し、指定の出力先へ保存するスキルです。

• ドバイの時刻をカード画像にしたいとき
• 時刻画像とMarkdown要約の保存
• 同じテンプレートで時刻カードを作成

受け取ったドバイの気温と単位から、SVG形式の天気カードとMarkdownの要約を作成するスキル。指定フォルダの画像・要約ファイルを更新します。

• ドバイの気温をカードにしたいとき
• 気温の要約をMarkdownに残したいとき
• 処理の流れで画像と要約を更新したいとき

複数シーンの動画を一続きの動きとして見せるため、切り替え前後の方向と速度、視線をつなぐ要素、場面内の動きを設計し、境界を検証するHyperFrames向けスキル。

• シーン切り替えの動きを統一したいとき
• 共通の要素で場面をつなぎたいとき
• 待ち時間を情報表示や操作に変えたいとき

文字、数字、グラフ、ロゴ、地図などに動きを付ける短尺映像を、素材の準備から構成・検証まで進め、確認後にMP4や透過動画へ書き出すスキル。

• 短いタイトルや引用を動かしたいとき
• 数値をカウントアップやグラフで見せたいとき
• ロゴの登場アニメーション制作

Remotionの専門家紹介ページに新しい人物を追加します。顔写真とプロフィール、連絡先を所定の場所に登録し、紹介カード画像の生成まで進めます。

• Remotionの専門家ページに人物を追加
• 顔写真・専門分野・連絡先を登録
• 専門家の紹介カード画像を生成

GitHubの課題に親子関係や作業の依存関係を設定し、進める順番を整理します。gh CLIで関係の追加・変更・解除と確認を行い、別リポジトリの課題も関連付けます。

• 大きな課題を子課題に分けたいとき
• 課題を進める順番を明示したいとき
• 別リポジトリの依存課題を結びたいとき

ライブラリや開発ツールの最新資料とコード例をContext7 CLIで検索し、バージョンやプログラミング言語に合うAPIの使い方や設定方法を調べるスキル。

• 最新のAPIや設定を確認したいとき
• 指定バージョンの資料を探したいとき
• 使う言語のコード例を優先したいとき

MemPalaceの部屋数、ストレージ使用量、全体の健全性を表示するスキル。状態確認用の案内を取得し、現在の利用状況を把握できます。

• MemPalaceの部屋数を確認したいとき
• ストレージ使用量を確認したいとき
• MemPalaceの健全性を確認したいとき

研究に必要な参加者数や試料数、検出できる効果の大きさを計算します。標準的な検定から複雑なモデルのシミュレーションまで扱い、人数の算定根拠を整理します。

• データ収集前に必要人数を見積もりたいとき
• 固定人数で検出できる差を知りたいとき
• 申請書に人数の算定根拠を書きたいとき

リチウムイオン電池の充電・放電・休止をPyBaMMでシミュレーションし、電圧や容量の変化を調べます。計算条件による誤差の確認や実測データとの比較も支援します。

• 充放電・休止時の電圧を予測したいとき
• 実測の充放電データと比較したいとき
• 数値計算の設定による差を調べたいとき