Claude CodeでCLS(レイアウトシフト)の原因を探して直す手順
Claude CodeのChrome連携で表示の崩れを観察し、画像サイズ・フォント・広告枠の3原因をwidth/height、font-display、min-heightで直して、修正前後を比べる手順です。
全6181件中 631〜660件(公開日の新しい順)
Claude CodeのChrome連携で表示の崩れを観察し、画像サイズ・フォント・広告枠の3原因をwidth/height、font-display、min-heightで直して、修正前後を比べる手順です。
保守ブランチごとにworktreeを切り、修正コミットをcherry-pickしてClaude Codeに衝突箇所だけ直させる流れを、gitのコマンドと依頼文つきで示します。hotfixの戻し忘れ確認も扱います。
テストが無い関数の今の出力をそのまま期待値にする特性テスト。入力パターンの洗い出し、乱数と日時の固定、スナップショット化までをClaude Codeに任せる手順です。
bundle analyzerの出力をClaude Codeに渡し、重い依存の置換と動的importを決める手順。削減後にsize-limitで上限をCIに置き、再膨張を止めるところまで。
BullMQのキューとワーカーをClaude Codeに書かせ、attempts・指数backoff・stalled・removeOnCompleteをローカルのRedisで実測して確かめる手順と、検証用の権限設定をまとめます。
複数リポジトリのブランチ保護を読み取り専用のgh apiで一覧し、必須ステータスチェックの名前と実際のcheck run名を突き合わせる手順と、PUTを通さない権限の切り方をまとめます。
未アタッチのEBS、関連付けのないElastic IP、ターゲットのないロードバランサーをAWS CLIの読み取りコマンドだけで洗い出し、削除はTerraformの差分に回す権限設計を示します。
KafkaやWebSocketのproducerコードからAsyncAPI 3.0の仕様書を起こし、asyncapi validateで検証してHTMLまで出すスキルの作り方と、検証が見逃す向きの間違いをまとめます。
ast-grepの置換ルールをClaude Codeに書かせ、書き換える前に差分と件数を確かめる手順です。sedで文字列リテラルまで変わる例と、ast-grep 0.51.0で試した出力を載せています。
ログイン成功時にargon2idで再ハッシュする方式の実装、OWASPのパラメータ選び、平文をログやテストfixtureに残さないhooksまで、Claude Codeに任せる範囲と確認の仕方を示します。
審査の指摘をガイドライン番号ごとに分け、コードとメタデータの該当箇所に対応づけて、App Review宛ての返信文まで下書きする手順です。
旧エンドポイントにDeprecationとSunsetのヘッダを付け、呼び出し側のコードをgrepして旧新の対応表と移行ガイドを作る手順を、RFC 9745とRFC 8594に沿って書き、Claude Codeのスキルにします。
Androidのクラッシュはcrashバッファ、ANRは/data/anrのトレースに残ります。claude -pに標準入力で渡し、例外の型やメインスレッドの止まり先を絞る手順をまとめます。
actでworkflowをローカル実行し、終了コードとログをClaude Codeに返して直させる手順です。Stop hookの組み方と、actで再現できないOIDCやpermissionsの見分け方も扱います。
LCPが遅いとき、Chrome DevTools MCPのperformance_analyze_insightでどの区間が重いかを絞り、直して、同じ条件で再計測する流れを説明します。
ora2pgで変換したPL/SQLの残りをClaude Codeで直し、件数と合計の照合SQLで移行前後の一致を確かめる手順です。パッケージ、NULLと空文字、数値型の3点を扱います。
Node 20宣言のActionは、告知上すでに除去予定日を過ぎています。uses行の洗い出しからNode 24対応タグへの引き上げ、/batchでの分担、runner側の条件までをまとめます。
engineeringプラグインのtesting-strategyスキルで、API・データパイプライン・フロントエンド・インフラ別のテスト種別と網羅対象を決める手順です。定義が決めていない部分の補い方も扱います。
plan -refresh-onlyとplanのJSONからドリフトを拾い、取り込む・戻す・無視に分ける作業をClaude Codeに任せ、stateを書き換える操作はdenyで止める手順です。
engineeringプラグインのsystem-designスキルは、要件整理から全体設計、深掘り、スケール、トレードオフ分析までを5段で進めます。呼び出し方と、チーム規模や期限などの制約の渡し方をまとめます。
engineeringプラグインのstandupスキルで、Yesterday・Today・Blockersの形に朝会の報告を整える手順。GitHubやLinearをつなぐ場合と、gitログを自分で渡す場合の違いも解説します。
Query Profileの画面は渡せません。GET_QUERY_OPERATOR_STATSの出力をCSVにしてclaude -pに渡し、ディスクへのスピル、パーティション枝刈り、爆発する結合を読ませる手順です。
REVIEW.mdが長くなったら、@review-security.mdのような行で別ファイルを取り込めます。8ファイル・150,000バイトの上限、保護ブランチの条件、SKILL.mdを取り込む形まで説明します。
pg_stat_statementsの上位クエリとEXPLAIN (ANALYZE, BUFFERS)をClaudeに渡し、索引案はコピー先で前後比較します。本番には統計の読み取りだけのロールを渡す設計も説明します。
claude -pにパイプで渡せる標準入力は10MBまでで、超えるとエラーで止まります。ログをgrepや時間窓で絞る手順と、ファイルパスで渡す切り替え、上限を事前に検知するスクリプトをまとめます。
k6とLocustの結果からp95の跳ね上がりを読み、ボトルネックがアプリ側かDB側かを切り分ける手順です。時系列の重ね方と、Claudeに渡す分析の依頼文までまとめます。
gh run viewで同一コミットの試行ごとの結果とログを集め、Claudeに渡してフレークと本物の失敗を切り分ける手順を、スクリプトと判定表で示します。
engineeringプラグインのdocumentationスキルは、README・APIドキュメント・runbook・アーキテクチャ文書・オンボーディングガイドの5種別を書き分けます。種別ごとの項目と渡す材料を説明します。
engineeringプラグインのdebugスキルを導入し、再現・切り分け・原因特定・修正の4段で何を渡し、何が返るかをまとめます。呼び出し名の違いと、監視・ソース管理を接続したときの変化も扱います。
Vue 2アプリを@vue/compatの移行ビルドでVue 3へ移すとき、警告IDを1種類ずつ消す順序をCLAUDE.mdに書き、セッションをまたいで進める運用を説明します。