開発のスキル

存在しないページに訪れた人を検索や主要ページへ案内する、独自の404ページを作成・点検するスキル。表示内容に加え、HTTPステータスの正しさも確認します。

• 独自の404ページを作りたいとき
• リンク切れ時の検索・案内の整備
• 存在しないページの200応答の確認

補足説明を表示するツールチップを、キーボードや画面読み上げでも使えるよう点検し、HTML属性、表示・終了操作、コントラストを見直すスキル。

• ツールチップのキーボード操作の点検
• 補足説明の読み上げを確認したいとき
• 表示操作とEscapeキー終了の点検

Webサイトの画像を点検し、圧縮効率の高いAVIF形式の導入を支援します。画像サイズや読み込み方も確認し、非対応ブラウザ向けにWebPやJPEGを用意する構成を検討します。

• サイトの写真にAVIFを導入したいとき
• 非対応ブラウザ向けのWebP・JPEG配信
• 初期画面の画像サイズや読み込み方の点検

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

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

チェックボックスやラジオボタン、スイッチの読み上げ用の名前を点検し、何を選択・切り替える操作かが伝わるラベルの付け方と確認方法を示すスキル。

• チェックボックスやラジオのラベル確認
• スイッチ名が目的を伝えるかの点検
• 読み上げ用の名前の不足や曖昧さの修正

ブラウザの「戻る・進む」でページをメモリから復元する仕組みを点検し、復元を妨げるイベント処理や、復元後に古い情報が残る原因の修正を支援します。

• 戻る・進む操作が遅い原因の調査
• キャッシュ復元を妨げる処理の確認
• 復元後に古い情報が残る不具合の修正

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

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

画面の要素に設定した役割とARIA属性の組み合わせを点検し、スクリーンリーダーが意味を正しく受け取れるよう、未対応の属性の削除や修正を案内するスキル。

• 共通部品のARIA属性の点検
• デザインシステムのアクセシビリティ確認
• 意図と違う読み上げを調べたいとき

データベースの構造やデータを変更するファイルをマージ前に点検し、適用時の動作、差し戻しの限界、ロックやデータ量のリスクと判断根拠を整理するスキル。

• マージ前にDB変更を点検したいとき
• 差し戻しの限界を確認したいとき
• ロックや大量データへの影響確認

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

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

複数のスキル保存先を指定した優先順位で調べ、読み込み候補を一覧化します。名前の重複や除外項目を確認してから、採用するスキルの指示本文だけを読み込む手順を整えます。

• プロジェクト用と個人用の一括整理
• 有効化前のスキル名重複チェック
• カタログの上限と除外項目の確認

再利用するエージェントスキルの構成と識別情報を検証し、指示・外部機能・実行タイミングなどを整理して、実装前に必要な仕組みの組み合わせを選びます。

• 作業手順をスキル化したいとき
• SKILL.mdの識別情報の検証
• 指示・スクリプト・委任の使い分け

OpenSpecに登録した変更の仕様や設計を読み、未完了タスクの実装を進めます。完了チェックと進捗確認を重ね、途中からの再開にも対応するスキルです。

• 計画済みの変更を実装したいとき
• 途中の実装を再開したいとき
• 完了タスクと残作業の確認

OpenSpecで実装前に必要な提案・仕様・設計・タスクなどの文書を、既存コードや依存関係に沿ってまとめて作成し、実装を始められる状態に整えるスキル。

• 新機能の計画文書をまとめて作りたいとき
• 変更内容を実装タスクに整理したいとき
• 前提となる文書の不足を埋めたいとき

進行中のOpenSpecの変更を確認し、次に必要な計画文書を一つずつ作成します。既存文書と作成ルールを読み直し、作成後の進捗と次に着手できる項目を示します。

• 進行中の変更計画を再開
• 次の計画文書を作成したいとき
• 中断した文書の不足ファイル補完

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

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

OpenSpecの仕様の変更分を読み取り、既存の内容を保ちながら本体の仕様書へ反映します。要件の追加・修正・削除・改名に対応し、変更をアーカイブせずに仕様を更新します。

• 変更を残したまま仕様を更新したいとき
• 既存要件にシナリオを追加したいとき
• 選んだ仕様ファイルだけ同期したいとき

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

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

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

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

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

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

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

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

実装を終えたOpenSpecの変更を、成果物・タスクの完了状況と仕様の差分を確認して保管します。必要に応じて本体仕様への反映を行い、保存先と確認結果を報告します。

• 実装済みの変更を保管したいとき
• 保管前に仕様への反映を確認
• 作業終了前の未完了項目チェック

AIモデルや音声・画像・動画APIの仕様、接続先、入出力条件を確認し、制作処理を適切なプロバイダーへ振り分けるためのガイドです。

• 生成に使うAPIとモデルを確認したいとき
• 音声・画像・動画の入力条件を調べたいとき
• 保留中の生成ジョブを再開したいとき

GSAPで複数のアニメーションの順序や重なりを組み立てるスキル。開始時刻や区切りの名前を指定し、入れ子の構成と再生・停止・逆再生まで扱います。

• 複数の要素を順番に動かしたいとき
• 動きの重なりを細かく調整
• ラベルで演出の区切りを整理