「elo」の検索結果

ページのHTMLを調べ、body内などに誤って置かれたメタタグを特定して、headへの移動やスクリプトの挿入先の修正を支援するスキル。

• CMSプラグイン変更後のタグ配置を確認
• JavaScriptによるbody内への挿入を調査
• robotsやOGなどの配置を点検

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

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

Front-End Checklistのルール文書を採点基準に沿って点検し、曖昧なAI向け指示や不足項目を、具体的な手順とコード例で補うスキル。

• 未完成のチェックリストルールの拡充
• AI向け確認・修正指示の具体化
• PR前のルール構造と品質の確認

画像の読み込みに失敗したときの表示を点検し、代替画像や意味のあるプレースホルダーの実装を支援します。エラーログや読み込み中の表示、修正の確認方法も扱います。

• リンク切れ画像の代替表示を整えたいとき
• 画像読み込み中の仮表示の見直し
• ログとDevToolsで画像エラーを調査

実際のブラウザでページの読み込みや描画を測定し、遅さの原因となる通信・スクリプト実行・レイアウト処理を特定して、改善点を検討するスキル。

• ページの読み込みが遅い原因の調査
• 端末や回線条件ごとの性能比較
• 開発やCI/CDへの性能監査の導入

主要ブラウザでの表示や動作を確認し、ブラウザごとの不具合を修正します。パソコン・モバイルのテスト範囲とCIを見直し、継続的な自動検証の抜けを探します。

• 主要ブラウザ間の表示・動作確認
• パソコン・モバイルのテスト範囲確認
• ブラウザの自動検証漏れの点検

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

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

ページを開いてすぐ見える重要画像の読み込み順を点検し、画像サイズや遅延読み込み、優先度指定を見直して、主要コンテンツの表示改善を支援するスキル。

• ヒーロー画像の読み込み優先度の点検
• 初期表示画像の遅延読み込みを調べたいとき
• DevToolsで画像の修正を確認したいとき

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

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

実際のコードベースで、CodeGraphの有無によるエージェントの調査を比較します。バージョンや対象言語を選び、費用・ツール使用回数・回答の正しさから効果を検証します。

• ローカル開発版を評価したいとき
• 公開済みバージョンを監査したいとき
• 調査費用とファイル参照回数の比較

codegraphに新しいプログラミング言語への対応を追加します。構文解析の設定から情報抽出の実装、テスト、実際の3つのコードベースでの比較評価まで進めます。

• codegraphに新しい言語を追加したいとき
• 関数やインポートの抽出を検証したいとき
• 実際の3つのコードベースで効果を比べたいとき

PythonでWeb APIを作る際に、FastAPIの入力検証やエラー処理、非同期処理を整え、読みやすさと応答性能を考慮した実装を支援するスキル。

• APIのルートと入力検証の設計
• 非同期のDB・API呼び出しの見直し
• エラー処理とログの整理

Cline デスクトップアプリの安定版・beta・nightly の配布を支援します。変更履歴やバージョンの準備から、署名付きビルドの作成、更新配信の確認まで案内します。

• デスクトップの安定版を準備したいとき
• 安定版と併用できる beta の配布
• 署名付き nightly を作成したいとき

Cline の VS Code 拡張機能の公開を支援します。安定版・nightly・緊急修正版の手順に沿って、バージョン選定から変更履歴の準備、承認、公開後の確認まで案内します。

• 拡張機能の安定版を公開したいとき
• nightly を手動で作成したいとき
• 旧版の緊急修正を公開したいとき

ターミナル内で操作する画面をOpenTUIで作るスキル。基本API・React・Solidから実装方法を選び、部品配置、入力処理、アニメーション、テストを支援します。

• ReactやSolidでTUIを作りたいとき
• 入力フォームや選択メニューの実装
• 端末サイズに応じた画面配置

開発の計画から実装、実際の画面やAPIでの動作確認、後片付けまでを進めるスキル。変更のリスクに応じて確認手順を分け、完了の根拠を記録します。

• バグ修正の効果を確認したいとき
• 機能を実際の画面やAPIで確かめたいとき
• 開発の判断や検証記録を引き継ぎたいとき

oh-my-opencodeのnpm公開をGitHub Actionsで進め、関連パッケージの配布確認、リリースノート作成、Discord告知まで扱います。

• 変更規模を指定して公開したいとき
• プレリリース版の公開
• 関連パッケージとバイナリの配布確認

長期の目標を検証可能な小さな作業に分け、進捗と実際の動作の証拠を記録しながら進めます。中断後も記録を引き継ぎ、段階ごとに完了を確かめるスキルです。

• 長期の開発目標を進めたいとき
• 中断した作業を再開したいとき
• 完了条件の証拠を残したいとき

Three.jsで3D表現を実装する際に、シーン構築から形状・質感・照明・アニメーション・操作まで、分野別の資料でAPIと実装パターンを確認するスキル。

• カメラと照明のある3Dシーン構築
• GLTFモデルの読み込み確認
• アニメーションや独自の画面効果の実装

聞き手に何を理解・判断してほしいかを軸に、プレゼンの構成や見出し、根拠、図表の使い方を整理します。発表用と単独で読む資料の違いも考慮します。

• 5分の進捗報告を構成したいとき
• 取締役会資料の判断事項を明確にしたいとき
• 導入説明を中心とした顧客デモの構成

Pythonの実行環境をプロジェクト内に用意し、必要なパッケージを導入します。既存の管理ツールを尊重し、次回も使える実行手順まで整えるスキルです。

• 新規Pythonプロジェクトの環境構築
• 既存環境にパッケージを追加したいとき
• 環境管理のインストールエラーへの対応

Claude Code on the webの開始時に依存関係を整え、テストやリンターを実行できるよう、起動フックの作成・登録から動作確認まで進めるスキル。

• Web用の開発環境を整えたいとき
• 開始時に依存関係を入れたいとき
• テストやリンターの動作確認

コード全体を調べ、開発コマンドや設計の要点をCLAUDE.mdにまとめます。READMEや既存ルールの重要事項も拾い、次の作業に必要な情報を整理するスキルです。

• CLAUDE.mdを新規作成したいとき
• ビルドやテストの手順整理
• コード設計の全体像をまとめたいとき

稼働中のWebアプリをStrixで検査し、認証やアクセス制御などの弱点を探します。再現用の実証コードを確認し、修正後の再検査につなげるスキルです。

• ステージング環境を検査したいとき
• アカウント間のアクセス権限の検証
• ローカル開発サーバーの検査