Skill.md検索

プレビュー環境と本番環境へのワンコマンドデプロイが実行できます。手順を踏むだけで安全にデプロイできます。 デプロイ前に自動チェック（Lintエラー確認、テスト実行、ビルド検証）を行い、問題のあるコードのデプロイを防ぎます。 環境変数（APIキーやデータベース接続情報など）の設定・確認が簡単にでき、環境ごとに異なる設定を管理できます。 デプロイの状態確認やビルドログの確認、前のバージョンへの巻き戻し（ロールバック）がコマンド一つで実行できます。 デプロイ関連のトラブル（ビルドエラー、環境変数の反映遅延、タイムアウト）の対処方法がガイドされます。 Webアプリを開発し、Vercelで定期的にデプロイする開発者 プレビュー環境で変更確認してから本番反映したい人 デプロイ手順を忘れずに、ミスなく実行したい人 環境変数の管理やデプロイログ確認が必要な運用担当者 Vercel CLIを使用したデプロイ操作を支援します。プレビューデプロイは vercel コマンド、本番デプロイは vercel --prod で実行します。デプロイ前チェックリストとして、pnpm lint（Lintエラー確認）、pnpm test（テスト実行）、pnpm build（ビルド検証）、環境変数設定確認が必須です。環境変数管理では vercel env ls で全変数確認、vercel env add で新規追加ができます。デプロイ状態確認は vercel ls（一覧）、vercel inspect（詳細）、vercel logs（ビルドログ）で行えます。ロールバック機能として vercel rollback で前デプロイに戻すか、vercel rollback で特定デプロイに戻せます。トラブルシューティングでは、ビルドエラーはローカルで pnpm build で確認、環境変数反映遅延は vercel --force で強制再デプロイ、Function タイムアウトは vercel.json で調整します。

PRD・設計ドキュメント・実装コードを一括分析し、要件と実装のギャップを自動検出できます。 各機能の実装完了度を✅🔄❌で可視化し、どの機能が完了・部分実装・未実装かを明確に把握できます。 技術的負債（TODO・古いパターン・未使用コード）を洗い出し、優先度付きで改善提案を提示できます。 テスト・ドキュメント・コード品質の観点から改善案を提案し、短期・中期・長期のアクションプランを一覧表示できます。 プロジェクトの全体像を把握したい開発リード・PO コードレビュー観点で品質課題を洗い出したい人 次スプリントの優先度決定に向けてギャップ分析をしたい人 実装は行わず、分析・提案に専念したい設計者 docs/*.md（PRD・アーキテクチャ・機能設計）と src/ 配下の実装をスキャンし、読み取り専用で分析します。PRD受け入れ条件との突合、アーキテクチャ設計方針との整合性チェック、MVP/Post-MVP機能のギャップ分析、コード品質評価、技術的負債の特定を実施します。禁止事項：コード修正・新規ファイル作成・テスト実行・外部API アクセス・優先度の低い細かい指摘の羅列。出力は分析レポート形式で、エグゼクティブサマリー・PRD実装状況・アーキテクチャ・技術的負債・追加機能提案（短期/中期/長期）・テスト/ドキュメント状況・推奨アクションプランの7セクションで構成します。

作業計画をファイルで記録: 要件・設計・タスクリストを.steering/ディレクトリに自動生成し、作業の全体像を可視化できます。 進捗を一元管理: tasklist.mdをただ1つの進捗情報源として、タスク完了ごとにチェックを付けながら確実に消化できます。 実装中の迷走を防止: tasklist.mdを常に参照することで、やるべき作業の優先順位が明確になり、余計なタスクを追加しないようコントロールできます。 作業完了後の学びを記録: 全タスク完了後、振り返り欄に改善点や気づきを記録し、次の作業に活かせます。 チーム間の引き継ぎがスムーズ: 日付とタイトル付きのディレクトリで過去の作業履歴が保管され、後で参照・検索しやすくなります。 エンジニア・開発者: 機能開発やリファクタリング（コードの整理・改善）の進捗を漏れなく管理したい人 プロジェクトマネージャー: チーム全体のタスク進行状況を可視化し、ボトルネックを早期発見したい人 スタートアップ・小規模チーム: 少ないツール数で効率的に作業追跡したい環境 リモートチーム: 非同期でタスク状況を把握でき、複数拠点でも情報共有しやすくしたい人 目的: .steering/に作業の要求・設計・タスクを必ず残し、tasklist.mdを進捗の唯一の正（Single Source of Truth）とする。3つのモードで運用： 1. plan: 既存ドキュメント確認後、.steering/-/ディレクトリを作成し、テンプレートから3ファイル（requirements.md、design.md、tasklist.md）を生成。tasklist.mdを具体的なタスクに分解する。 2. implement: tasklistを先頭から1つずつ選択→実装→tasklist更新を反復。未完了タスクを残さない。 3. reflect: 全タスク完了後、振り返り欄を記入し学びや改善点をまとめる。 tasklist.md形式: 作業名、開始日、状態（planning/in_progress/done）をヘッダに記載。チェックボックス形式でタスク管理。implement中は頻繁に更新し、新規タスク発生時は追加、スコープ外タスクは別sessionへ。

調査で見つけた価値ある知見・トリッキーな解決策・アーキテクチャの決定理由などを、会話終了後も永続的に保存できます。 タグやカテゴリ別に整理されたメモから、キーワード検索で関連情報をすぐに見つけ出せます。 前の会話で解決した同じ問題に再度取り組むとき、過去のメモを参照して二度手間を避けられます。 メモの作成日・更新日・ステータスを記録することで、どの情報が古くなったか・どの問題が解決済みかを把握できます。 コードベースのgotchaや非自明なパターンを記録し、チーム全体で共有したい開発チーム 同じバグや問題に何度も直面するため、過去の解決策をいつでも参照できるようにしたい開発者 調査や実験の過程で見つけた発見を捨てず、後で活用したいリサーチャーやアーキテクト

プロジェクトが使用している技術スタック（Next.js、Supabase など）を自動検出し、対応するベストプラクティスを調査できます。 各技術の推奨パターン（✅ 推奨例）とアンチパターン（❌ 避けるべき例）を、具体的なコード例付きでまとめられます。 プロジェクトの既存コードパターンを確認しながら、プロジェクト固有のコーディングガイドを自動生成できます。 すべての開発チームメンバーが同じベストプラクティスに基づいて実装できるよう、体系的なドキュメントを作成できます。 新しいプロジェクトの技術スタックが決まり、開発チーム全体で使うべきパターンを統一したいテックリード 採用した技術（Next.js App Routerなど）の「正しい使い方」を明文化して、レビュー基準を統一したいアーキテクト チームメンバーの経験レベルがバラバラなため、ベストプラクティスを体系的に共有して品質を上げたいマネージャー

技術スタックを理由付きで提案できる：言語・フレームワーク・データベース・ツールを選定し、なぜそれを選んだのかを明記した設計書を作成します。 システム全体の構成を図解で示せる：Mermaidで書かれたシステム構成図とコンポーネント説明により、チーム全体が同じイメージを共有できます。 セキュリティ・パフォーマンス・スケーラビリティを網羅できる：非機能要件（性能・信頼性・セキュリティ）を満たすための設計を自動で落とし込みます。 既存設計があれば差分更新で対応：新規作成だけでなく、既存のアーキテクチャ設計書を最新の要件に合わせて更新できます。 技術選定の根拠が全てトレーサブル：どの技術をいつ選んだのか、理由は何か、代替案は何かが記録され、後から意思決定を追跡できます。 プロダクトマネージャー/ディレクター：PRDから実装可能な設計へ落とし込みたい方 エンジニア・アーキテクト：技術選定を体系的に文書化したい方 スタートアップ創業者：限られた予算・期間の中で最適な技術スタックを決めたい方 チームリード：チーム全体で設計の意思決定を共有・理解させたい方

10,000〜15,000文字の本格的なブログ記事を自動作成：リサーチから構成、執筆まで一貫して高品質な記事を生成し、すぐに公開できる状態に仕上げます。 記事に合わせたサムネイル・セクション画像を指示書化：AI画像生成ツール（Midjourney、DALL-Eなど）で即座に使えるプロンプトを自動作成し、ビジュアル制作を効率化します。 X（Twitter）、ポッドキャスト、対談スクリプトに展開：1つのブログ記事から複数のメディア用コンテンツを自動生成し、SNSや音声メディアでも活用できます。 ステップごとに立ち止まるので品質管理が簡単：10段階（C1〜C10）の構造化されたステップで進み、各段階で内容を確認・修正してから次に進めます。 リサーチ〜マルチメディア展開まで体系的に整理：ブログ作成に必要なすべてのファイル、資料、テンプレートが自動で整理されます。 ブログ・コンテンツ企画担当者：ブログ記事をSNSや他メディアにも展開したい方 個人ブロガー/ビジネスブロガー：高品質な記事を短期間で量産したい方 マーケッター：1つのテーマから多角的なコンテンツ施策を展開したい方 ポッドキャスター/YouTuber：記事から音声・動画スクリプトを効率的に作成したい方

職務経歴書・履歴書をプロフェッショナルなフォーマットで作成：既存の経歴情報から企業採用担当者に響く形式で自動生成し、テンプレートから即座に使用可能です。 定量的成果を強調して市場価値をアピール：単なる業務説明ではなく、「何人のチームを率いた」「売上○○%増加」といった具体的な成果を抽出・強調します。 IT・セキュリティ・エンジニア向けスキル・資格を自動レコメンド：現在のキャリアに基づき、業界トレンドに合わせた推奨スキル（EDR、SIEM、Kubernetes、生成AI支援ツール等）を提示します。 強みと市場ニーズを整合させる：あなたの経歴から「コアコンピタンス（中核競争力）」を抽出し、採用市場で求められる形に再構成します。 複数職種向けにバリエーション作成が可能：同じ経歴から、エンジニア職、マネージャー職、セキュリティスペシャリスト等、異なる職種向けに複数パターンを作成できます。 転職活動中のエンジニア/セキュリティ人材：自分の経歴を市場価値の高い形で表現したい方 キャリアチェンジを検討している方：IT業界への転職で必要なスキル・資格を把握したい方 キャリア採用の面接対策担当者：候補者の強み・経歴を整理して採用判断したい方 フリーランス・副業をされている方：複数の職種・プロジェクトを統一的にアピールしたい方

エンタープライズレベルのデザイン方針を自動決定：プロダクトの文脈から「精密さ重視」「信頼感重視」「親しみやすさ重視」など、最適なデザインパーソナリティを選定し、そのルールに基づいて設計します。 4pxグリッド・タイポグラフィ・色使いルールを統一：パディング・マージン・ボーダーラディアス・影・アニメーションなど、全デザイン要素の細部までルール化し、1ピクセルの精密さを実現します。 ダッシュボード・管理画面・SaaSのUIを体系的に提案：データ表示、フォーム入力、ナビゲーション、状態表現などの実装パターンを、デザイン方針に沿った形で提示します。 デザイン実装時のチェックリストを自動生成：「このボーダーラディアスは正しいか」「このスペーシングは統一されているか」といった検証項目を明示し、品質を保ちます。 アンチパターンを明確化：避けるべきデザイン（派手な影、不揃いなパディング、過剰なアニメーション等）を事前に指摘し、デザインズレを防ぎます。 プロダクトデザイナー/UIデザイナー：高品質で統一感のあるUIを効率的に作成したい方 フロントエンドエンジニア：デザインシステムに基づいたコンポーネント実装をしたい方 スタートアップのプロダクト責任者：限られた時間でプロフェッショナルなUIを実現したい方 デザインシステム構築チーム：企業全体で統一されたデザイン言語を定義したい方

コーディング規約を一元化 命名ルール、コードのフォーマット、型定義の方針などを「これが正解」と明記し、チーム全体で同じ基準に統一できます。 エラー処理やテスト方針を明確化 例外処理の方法やUnit/Integration/E2E（エンドツーエンド）テストの書き方など、測定可能な基準を定めて、品質のばらつきを減らします。 Git運用とコードレビュー基準を設定 ブランチ戦略（Git フロー）・コミットメッセージ・レビュー時のチェックポイントなどを統一し、スムーズな開発フローを実現できます。 CI/CD（自動化パイプライン）の方針を記載 テストの自動実行や本番デプロイの条件を定義し、品質を担保しながら開発速度を上げられます。 既存ドキュメントの構造を保持 プロジェクトの技術選定やディレクトリ構造と整合性を取りながら、ドキュメントを更新・拡張できます。 エンジニアリングリード・テックリード 開発チームの品質基準を決めたり、コードレビュー観点を統一したい方。 開発初期段階のプロジェクトマネージャー チーム立ち上げ時に「どうやって開発するか」を形式化し、スケーラブルな開発体制を構築したい方。 既存プロジェクトの開発効率を改善したい人 コードレビューの指摘がばらつく、テスト方針が曖昧など、暗黙知が多い状況を改善したい方。

実ブラウザでユーザーフローを自動テスト：ログイン、フォーム入力、ページ遷移など、実際のユーザー操作をブラウザ自動化で再現し、動作を検証します。 ページ表示・レイアウト・機能を視覚的に確認：スクリーンショットとテキスト検証を組み合わせ、見た目と機能が期待通りか同時に確認できます。 モバイル・タブレット・デスクトップの全デバイスで検証：レスポンシブデザインが全画面サイズで正常に動作するか、自動で複数解像度でテストします。 認証・フォーム・複雑なユーザーフローを自動化：複数ステップの操作が必要なテストも自動化でき、手動テストの時間を大幅削減できます。 問題の原因を素早く特定：テスト失敗時に「要素が見つからない」「入力が反映されない」等の具体的な原因を自動判定し、デバッグ時間を短縮します。 QA/品質管理チーム：リリース前の機能テストを効率化したい方 フロントエンドエンジニア：新機能の動作を自動検証したい方 スタートアップの開発チーム：手動テストの手間を減らしたい方 プロダクトマネージャー：リリース前に実際の使い心地を検証したい方

オリジナリティのあるデザインコード作成: AI定型デザインを避け、明確なコンセプト（ミニマル、マキシマリズム、レトログなど）に基づいた独自性のあるHTMLやReactコンポーネントを生成できます。 美的品質が高いUI実装: フォント選定、カラーパレット、モーション、空間構成など、記憶に残るビジュアル表現をコード化して実装できます。 機能するプロダクションコード: デザイン性と実装品質を両立させ、レスポンシブ対応やアクセシビリティを考慮した本番運用可能なコードを出力します。 フレームワーク対応の柔軟な実装: HTMLやReact + Tailwind CSS + Framer Motionなど、プロジェクトに合わせた技術スタックで実装できます。 スタートアップ創業者・マーケター: ランディングページやプロダクトUIを素早く立ち上げたい方 個人開発者・フリーランス: デザイナーを雇わずに高品質なUIを実現したい方 デザイナー・エンジニア: AIジェネリックなデザインから脱却し、ブランド独自の世界観を実装したい方 プロダクト企画者: アイデアをビジュアルで素早く検証・提案したい方

要件を実装設計に落とし込み: 何を作るか（PRD）を、どう実現するか（設計書）に自動的に変換し、docs/functional-design.mdを生成できます。 図解による構造化設計: システム構成図、データモデル（ER図）、コンポーネント責務図、ユースケースフロー（シーケンス図）などを自動作成し、複雑な仕様を可視化できます。 実装に必要な定義をまとめて出力: エラーハンドリング、API設計、画面遷移図など、開発チームがすぐに実装に取り掛かれる詳細度の設計書を整理できます。 PRDとの追跡可能性確保: 各設計項目に「対応するPRD機能」を明記し、要件漏れがないかを確認できます。 プロダクト責任者・PM: 要件を確実に実装設計に繋げ、開発チームへの指示を明確にしたい方 システムエンジニア・技術リード: 複雑な仕様を図解して共通理解を作りたい方 デザイナー・開発チーム: データモデルや画面遷移を事前に合意したい方 スタートアップCTO: スピーディーに要件から設計への流れを確立したい方

プロジェクト固有の用語を定義・統一 「診断」「稟議」など、ビジネス上の用語や、プロジェクト内でのみ使う造語（プロジェクト用語）を明確に定義し、チーム内での認識齟齬（そご）を防げます。 技術用語と実装箇所をセットで管理 Supabase、RLS（行レベルセキュリティ）などの技術用語について、「どこのコード/テーブルで使われているか」を同時に確認できます。 カテゴリー分けで用語を素早く検索 ドメイン用語、技術用語、ステータス・状態値など、用語を分類することで、必要な定義をサッと見つけられます。 関連用語を相互参照できる 用語同士の関連性をリンク化し、「この用語から関連する概念」を辿りながら学べます。 具体例と関連ドキュメントを一元管理 各用語に「使用例」「実装箇所」を記載することで、定義だけでなく「実際どう使われているのか」も把握できます。 新入メンバーやプロジェクト合流者 既存プロジェクトの専門用語や造語を素早く理解し、オンボーディングを加速できます。 複数チーム（営業・企画・エンジニア）が協力するプロジェクト ビジネス用語と技術用語の定義を統一し、部署間のコミュニケーションをスムーズにしたい方。 プロジェクトドキュメントが増えて用語の定義が曖昧になっている状況 用語集を一元管理し、認識の揺れを無くしたい方。

職務経歴と求人のマッチング分析: 職務経歴書と募集要項を照合し、自分の経験がどの程度マッチしているかを可視化し、強調すべきポイントを特定できます。 複数バリエーションのPR文自動生成: 一言版から詳細版まで、応募フォーム・職務経歴書・SNSなど各種用途に合わせた複数の応募文を同時に生成できます。 事実に基づいた信頼できる応募: 職務経歴書に記載されている事実のみを使用し、誇張や創作のない誠実で説得力のある応募文を作成できます。 スキルギャップを正直に補足: 不足スキルが明確になった場合、それを補うための関連経験や学習姿勢を効果的に表現できます。 転職活動中の求職者: 案件ごとに応募文を作り直す時間を削減したい方 フリーランス・副業者: 案件応募時の提案文を素早く用意したい方 キャリアチェンジを検討する人: 異職種への応募でも経験をマッチングさせたPRを作りたい方 採用担当者: 候補者の応募文品質を改善するテンプレート・ガイドが必要な方

壁打ちメモを正式なPRDに変換: アイデア段階の雑なメモを、プロダクト要件定義書（PRD）として体系的に整理・具体化できます。 ビジネス指標を明確に定義: プロダクト概要、ターゲットペルソナ、KPI（SMART形式）、機能要件、非機能要件を漏れなく整理し、成功の定義を統一できます。 MVP範囲を明確化: 機能をP0/P1/P2で優先度付けし、スコープ外も明示することで、何を最初に作るかが一目瞭然になります。 チーム全体の共通理解を作成: 技術者、デザイナー、営業がすべて同じ要件に基づいて動けるようになります。 スタートアップ創業者・CEO: アイデアを実装可能な要件に落とし込みたい方 プロダクト企画者・PM: ふわふわしたアイデアを開発チームに正確に伝えたい方 コンサルタント・事業開発者: クライアントの要望を構造化された要件書にまとめたい方 プロジェクトマネージャー: 要件定義段階でスコープ曖昧性を排除したい方

価値提案から体験設計への展開: ラフなアイデアから、ユーザーが実際に使う流れ（ジャーニー）、情報構造（IA）、主要画面を具体化できます。 ユーザー視点の設計をまとめる: 対象ユーザー、その1日の流れ、使用トリガー、主要ユースケースなど、実際の利用シーンを念頭に置いた設計書を整理できます。 機能構成とリスク検証を統合: MVP機能をP0/P1/P2で分けるだけでなく、技術的リスク、運用リスク、法務リスクも事前に洗い出し、検証計画を立てられます。 仮説と検証の計画を記録: 不確実な部分を「仮説」として明確にし、それをどう検証するか（ユーザーテスト、アンケート等）を設定できます。 プロダクトデザイナー: ユーザー体験を起点に、全体的な設計をまとめたい方 起業家・新事業担当者: アイデアの実現性と価値を検証する設計書が必要な方 プロダクト企画者: ラフなアイデアを投資家や経営層に説得できる設計書に昇華したい方 UXリサーチャー・UXデザイナー: ユーザーリサーチの成果を設計に反映させ、メンバー間で共有したい方

開発状況を誰でも理解できる形式で報告 - 技術用語を避け、進捗率やスケジュール遅延を数値と図表で可視化できます 課題を解決策とセットで提示 - 問題が発生した際に、その影響範囲と対応方針を同時に記載するため、経営陣が素早く判断できます 次のアクション項目を自動整理 - 誰が何をいつまでにすべきかが明確になり、プロジェクトの混乱を防げます ステータスを色記号で一目瞭然に - 🟢🟡🔴の記号で順調・注意・要対応が直感的にわかります A4用紙1〜2枚の簡潔な形式 - 忙しい経営層でも5分で全体状況を把握できる長さに自動調整されます プロジェクトマネージャー・スクラムマスター - 週次・月次の進捗報告をテンプレートに沿って素早く作成したい方 開発チームのリーダー - 技術的な課題を経営陣にも理解しやすく説明する必要がある方 経営層・ステークホルダー向け報告担当者 - 複雑な開発状況を簡潔にまとめた報告書が必要な方

技術設計をディレクトリ構造に落とし込み アーキテクチャで決めたレイヤー構成（UI層 / Service層 / Repository層など）を「どこに何を置くか」というフォルダ配置に翻訳できます。 命名規則とディレクトリ責務を明確化 「components/」「utils/」「services/」など、各フォルダが何を担当するか定義し、チーム全体で一貫した配置ルールを共有できます。 レイヤー間の依存ルールを設定 UI層がService層に依存するなど、「どの層がどの層を参照できるか」を明記し、過度な結合を防げます。 テストファイルの配置方法を統一 Unit / Integration / E2E テストをどこに配置するか定義し、テスト戦略と整合させられます。 スケーリング時の分割方針を記載 機能やモジュールが増えた際に「どのタイミングで、どう分割するか」を事前に定義しておき、成長に対応しやすい構造を作れます。 プロジェクト立ち上げ期のエンジニアリングリード 「どこに何を置くか」を決めたい、スケーラブルなプロジェクト構造を構築したい方。 既存プロジェクトが増殖してカオス化している状況 ファイルの配置がばらばら、「新機能どこに追加しよう」に迷うような状態を改善したい方。 複数エンジニアが同時に開発するプロジェクト 開発者ごとに配置ルールが異なる状況を統一し、コードレビューや保守をスムーズにしたい方。

ビジネスニーズに合わせたオーダーメイドスキルを設計・構築 - 自社特有のワークフローや専門知識をClaudeに組み込み、繰り返し活用できるスキルを作成できます ドメイン専門知識をAIに学習させる - 会社独自の業務ルール、用語、チェックリストなどを「参照ドキュメント」として組み込み、一貫性のある自動処理が可能になります 外部ツール・APIとの連携を自動化 - ファイル読み込み、検索、データ変換などのツール連携をスキル内で定義し、複雑な処理を簡潔に実行できます 作成→テスト→改善のサイクルを高速化 - スキルの構造や作成プロセスが体系化されているため、試行錯誤なく効率的に実装できます 企業のAI導入担当者 - ChatGPT的な汎用ツールではなく、自社業務に特化したAIアシスタントを構築したい方 業務効率化を担当するエンジニア・PdM - 部門横断的に使える自動化スキルを社内に展開したい方 データ分析・レポート業務の担当者 - 定型的な分析や報告書作成を自動化するカスタムスキルを作りたい方