风少1227

検索での表示回数やクリック率を手がかりに、GSC分析、キーワード調査、タイトル改善、記事作成・翻訳、内部リンク整備までのSEO作業をつなぐスキル。

• 検索の表示回数とクリック率の分析
• キーワード調査と記事タイトル改善
• ブログ記事の作成と多言語翻訳

画面のアクセシビリティ、性能、テーマ対応、画面幅への対応、避けるべき実装を点検し、20点満点の評価と重要度別の改善案をまとめるスキルです。

• 公開前にアクセシビリティを確認したいとき
• 画面実装の性能問題を調べたいとき
• ダークモードやモバイル表示を点検するとき

画面で繰り返す部品や色・余白の指定を見つけ、共有コンポーネントや共通の設定値に整理します。既存箇所の置き換えと使い方の文書化まで進めるスキルです。

• 重複するボタンやカードの共通化
• 色と余白を共通設定にしたいとき
• ばらついた画面部品の統一

色や太字、装飾、動きが強すぎる画面を見直し、落ち着いて使える見た目に整えます。重要な要素の強調と個性を保ちながら、余白や文字、配色を調整するスキル。

• 鮮やかすぎる配色を和らげたいとき
• 太字や大きな要素の競合を減らしたいとき
• 過剰な装飾や動きを整理したいとき

Apple風の半透明で奥行きのあるUIを、CSSの共通設定と部品例を使って組み立てます。カードやボタン、明暗モード、アニメーション、読みやすさへの配慮まで扱います。

• 半透明のカードやボタンのデザイン
• ガラス風ツールバーやモーダルの作成
• ライト・ダークモードへの対応

データの収集・変換・転送をつなぐ処理や、届いたデータを順次扱う処理の設計を支援し、ツール比較から実装パターン、品質検証、監視の確認項目まで案内するスキル。

• データ処理の実行管理ツールを選びたいとき
• ストリーム処理を設計したいとき
• 欠損・重複・鮮度の検証設計

太い黒枠、鮮やかな配色、ぼかしのない影で、輪郭のはっきりした画面部品を作ります。カードやボタン、入力欄の見た目と操作時の動きを、共通のCSS設定でそろえるスキルです。

• 太い枠と硬い影のカードを作りたいとき
• ボタンのホバー・押下表現の作成
• ナビゲーションや入力欄の見た目統一

機能追加や原因不明の不具合修正を、分析・設計・実装・レビューに分けて進めます。CCGの役割別エージェントと検証スクリプトを使い、変更全体を確認するスキルです。

• 機能追加を設計から検証まで進めたいとき
• 原因不明の不具合を調べたいとき
• 大きなリファクタリングの計画と検証

Web画面の読み込みや操作、アニメーションの遅さを計測し、原因に応じて改善します。画像やJavaScriptの容量、描画処理、通信を見直し、変更前後の数値で効果を確かめます。

• ページの初回表示を速くしたいとき
• スクロールやアニメーションの改善
• 画像やJavaScriptの容量削減

Claude CodeやCodex CLIの会話ログを探し、直近のモデル応答全体を固定の同意文へ置き換えるスキル。書き換え前に対象を確認するプレビューにも対応します。

• 会話ログの直近の応答を置き換えたいとき
• ファイルを変更せず対象を確認したいとき
• Claude CodeやCodex CLIのログ特定

粘土のように柔らかく膨らんだ見た目のカードやボタンを、大きな角丸と内外の影で作ります。ダークモードや文字の読みやすさにも配慮したCSSの指針をまとめたスキルです。

• 柔らかな立体感のカードやボタン制作
• 入力欄やトグルの見た目の統一
• 粘土風UIのダークモード対応

既存の画面をスマートフォン、タブレット、デスクトップ、印刷やメールの用途に合わせて調整します。画面幅だけでなく、入力方法や情報の優先順位も見直し、操作しやすい構成に整えます。

• パソコン向け画面をスマホに対応したいとき
• タブレットの縦横レイアウト調整
• モバイル画面をデスクトップに展開

開発したいものに応じてプログラミング言語を選び、対応する言語別ガイドへつなぎます。Web開発、システム開発、スクリプトによる自動化などの用途を整理するための索引です。

• Webバックエンドの言語選定
• フロントエンド開発の資料探し
• システム開発向け言語の比較

コードの複雑さ、重複、命名規則、関数の長さを点検し、問題箇所を重要度付きで整理します。レビューやリファクタリング後に、改善すべき箇所を確認するスキルです。

• コミット前に品質を確認したいとき
• リファクタリング後の点検
• 複雑な関数や重複コードの洗い出し

モジュールのフォルダ構成とREADME.md・DESIGN.mdの有無や内容を点検し、コードとの食い違いや不足項目をまとめて、引き渡し前の確認を支援するスキル。

• 新規モジュールの引き渡し前確認
• リファクタリング後の文書点検
• README.mdとDESIGN.mdの不足確認

APIやセキュリティ、クラウド構成など、システム設計の相談内容に応じた関連資料へ案内します。メッセージキューやキャッシュも扱う、設計分野の索引となるスキルです。

• API設計の資料を探したいとき
• セキュリティ設計の論点整理
• コンテナやServerlessの構成検討

Kubernetesのアプリ配置から、Gitを基準にした継続デプロイ、コードによるクラウド資源管理までを扱い、環境別の設定や検証・更新手順を整えます。

• Helmと環境別設定を整えたいとき
• ArgoCDやFluxによる継続デプロイ
• TerraformやPulumiでクラウド資源管理

半透明の背景、ぼかし、細い境界線、柔らかな影を組み合わせ、すりガラス風の画面部品を作ります。カードやナビゲーションの見た目をそろえ、文字の読みやすさにも配慮するスキルです。

• すりガラス風のカードを作りたいとき
• ナビゲーションとモーダルの表現統一
• 半透明ボタンとホバー表示の作成

OpenSpecの変更計画に沿って未完了タスクを実装し、完了状況を更新します。仕様や設計を確認しながら、新規着手と途中からの再開を支えるスキルです。

• 計画済みの変更を実装したいとき
• 途中の実装を再開したいとき
• 残りのタスクと進捗の管理

OpenSpecの変更を、成果物やタスクの完了状況を確認して日付付きで保管します。仕様の差分を本体へ反映するか確認し、実装後の整理を進めるスキルです。

• 実装済みの変更を保管したいとき
• 保管前の未完了項目の確認
• 本体へ反映する仕様差分の確認

画面や部品のデザインを、情報の伝わり方や操作の分かりやすさから評価します。利用者像に沿った確認と40点満点の採点で、優先して直す問題と具体的な改善案を整理します。

• 公開前に画面や部品を評価したいとき
• 情報過多や分かりにくい導線の修正順位付け
• 初心者と熟練者の視点で操作を確認したいとき

WebやAPIのセキュリティ評価、コード監査、脅威調査などの相談を、目的に合う専門資料へ振り分けます。攻撃側と防御側の両面から、調査や検証の進め方を整理するスキルです。

• WebやAPIの安全性を評価したいとき
• コードの脆弱性を監査したいとき
• 検知ルールや初動対応の整理

長い文字列や通信エラー、多言語表示などで画面が崩れたり操作が止まったりする箇所を改善します。空の状態や連続送信も含め、実利用を想定して画面を整えます。

• 長文による表示崩れの修正
• 通信・APIエラーからの復帰対応
• 翻訳文や右から左の言語への対応

初回利用の案内やデータがない画面を設計・改善し、利用者が最初の成果に進める導線を整えます。ツアーやヒントの出し方、完了状況の記録も扱います。

• 初回利用の案内を改善したいとき
• 空の画面から最初の操作へ導きたいとき
• 複雑な画面の操作ツアー設計