TechLeads.club 💎

Webアプリの操作手順をデスクトップ上で再現し、カーソル付きのデモ動画とクリック・入力などの操作記録を保存するスキル。既存の手順の再録画にも対応します。

• 購入やユーザー招待の手順を録画したいとき
• 更新履歴に添える機能紹介動画の制作
• 画面変更後に既存デモを撮り直したいとき

対話を通じて企画の背景や課題、成功条件、対象範囲、利用の流れを整理し、開発するかどうかの判断を、技術設計に踏み込まず製品要件書にまとめるスキル。

• 企画の背景にある課題を明確にしたいとき
• 決定済みの機能要件を文書化したいとき
• 開発や延期、中止を判断したいとき

Nx CloudのCI実行状況を監視し、失敗時の修正案の確認・適用やローカルでの追加修正、再実行まで進めます。監視時間や修正前の確認条件も指定できます。

• プッシュ後のCIを監視したいとき
• CIの修正案を確認・適用したいとき
• ローカル検証で失敗した修正案の改善

Nxで複数プロジェクトを管理する環境を調べ、設定や依存関係、変更の影響範囲を確認し、プロジェクト間の境界やキャッシュ、CI/CDを整えるスキルです。

• Nx環境のアプリと共有ライブラリの把握
• 変更が影響するプロジェクトの確認
• プロジェクト境界とキャッシュの設定

PRの変更を既存テストや公式資料と照合し、動作・安全性・構造・冗長なコードを点検して、根拠付きの指摘と判定を一件のGitHubレビューにまとめるスキル。

• マージ前のPRレビュー
• コード構造や不要なコメントの点検
• 依存関係の変更を公式資料で確認

GitHub Actionsで失敗したPRチェックを調べ、ログの要点と修正計画をまとめます。明示的な承認を受けてから修正し、変更内容やテスト結果を報告します。

• PRのGitHub Actions失敗を調べたいとき
• エラーログの要約と修正計画を得たいとき
• 承認した修正を実装し結果を確認したいとき

ReactとNext.jsのコードを性能面から見直し、データ取得の待ち時間や配信コード量、不要な再描画を減らす改善を影響の大きい順に進めます。

• Reactコードの性能レビュー
• Next.jsのデータ取得を速めたいとき
• 配信コード量と読込時間の削減

Nxのワークスペースでビルド・テスト・コード検査を実行するスキル。単一・複数プロジェクトや変更の影響範囲を指定し、実行対象と条件を調整できます。

• 指定プロジェクトをテストしたいとき
• 変更の影響範囲をビルド・検査
• 複数タスクを一括実行したいとき

AI検索がページを発見し、内容を理解・引用しやすくなるよう、本文構成やメタデータ、構造化データを点検します。新規ページの作成から既存サイトの改善まで支援します。

• ブログのAI検索への対応を点検したいとき
• 直接回答と出典を備えた記事を作りたいとき
• メタデータや構造化データを修正したいとき

git履歴から人とファイルの関係を分析し、認証や暗号など重要なコードの担当偏りや保守の空白を調べます。属人化の指標と関連ファイル群を整理し、CSV・JSONで出力します。

• 更新停滞と担当集中のある重要コードの調査
• 認証コードの属人化を確認したいとき
• CODEOWNERSと変更履歴の比較

文章やコードの分析結果から、処理の流れやシステム構成をMermaidの図にまとめます。構文検証からSVG・PNG・ASCIIへの出力、複数図の一括変換まで扱います。

• システム構成を可視化したいとき
• APIの呼び出し順を資料化したいとき
• データベースの関係図を作りたいとき

AI製品の理想顧客像と市場での位置づけを整理し、購入者に伝わる訴求を組み立てるスキル。顧客との適合度・購買意欲の評価や、市場適合の定期検証も扱います。

• 既存顧客の情報から理想顧客像を定義
• 競合や手作業との差別化を整理
• 技術的な機能を購入者向けの訴求に変換

Python、JavaScript/TypeScript、Goのコードをセキュリティの観点で点検するスキルです。言語やフレームワークに応じた改善案と、重大度別の報告書をまとめます。

• 既存コードの安全性を点検したいとき
• 重大度別のセキュリティ報告書の作成
• 安全な初期設定でコードを書きたいとき

コードを根拠に、守るべきデータや権限の境界、攻撃の入口と悪用経路を整理し、発生可能性・影響・対策をまとめたMarkdownの脅威モデルを作るスキル。

• コード全体の攻撃経路を整理したいとき
• 特定ディレクトリの脅威分析
• データや認証情報のリスクを優先付け

見込み客ごとの課題に合わせた短い動画で、新規営業の流れを設計。台本・動画ツールの選定から、メールでの届け方、視聴状況に応じたフォローまで整理します。

• 新規営業に個別動画を取り入れたいとき
• 本数と予算に合う動画ツールの選定
• 録画デモを営業に活用したいとき

検索エンジンがページを見つけ、内容を理解できるようにサイトを整えます。メタタグやサイトマップ、構造化データを見直し、技術面とページ内のSEO改善を支援します。

• タイトルとメタ情報を見直したいとき
• クロール設定とサイトマップの確認
• 記事や商品ページへの構造化データ追加

Webサイトの表示性能をLighthouseで測定し、スコアやレポートを読み解くスキルです。読み込み時間や容量の上限設定、変更前後の比較、CIでの継続測定も支援します。

• モバイル・PCの表示性能を測りたいとき
• スコアや未達項目を理解したいとき
• 容量や読み込み時間に上限を設けたいとき

見込み客の選別や営業メール、返信の振り分けを担うAI営業担当の導入を設計するスキル。顧客像と予算に合わせ、ツール選定から人への引き継ぎ、運用改善まで整理します。

• AI営業担当の導入計画を立てたいとき
• 見込み客の採点・選別基準の設計
• 返信率や商談化率が低い営業施策の改善

AIを使うSEO施策を、キーワード調査から競合比較ページの企画、データとテンプレートによるページ量産、AI検索での引用状況の確認まで設計するスキル。

• 競合の代替・比較ページを企画したいとき
• データとテンプレートでページを増やしたいとき
• AI Overviewsでの引用対策

利用者の投稿風コンテンツを使うUGC広告について、クリエイター募集や制作依頼、AI動画の活用、通常投稿での検証から広告配信の拡大までを組み立てるスキル。

• 商品動画のクリエイター募集
• 短い動画の制作依頼書づくり
• AI広告動画のバリエーション企画

記事や動画を複数の媒体に展開し、ニュースレターやDMから商談につなぐ流れを設計します。競合投稿の分析から制作計画、売上への貢献の測定までを扱うスキルです。

• 週の作業時間に合う発信計画を作りたいとき
• 一つの記事や動画を複数媒体に展開したいとき
• ニュースレターや読者との対話を商談につなげたいとき

営業・マーケティングの反復業務を整理し、見込み客の評価や担当振り分け、CRM連携、AIエージェント活用を含む自動化の仕組みを設計するスキルです。

• 見込み客情報の補完と振り分けの設計
• n8n・Make・Zapierの比較
• AIを使った営業フローを設計したいとき

AI製品の売上・営業効率・継続率を測る指標を選び、ダッシュボードと週次レビューを設計します。AIの計算コストや顧客データの品質も整理します。

• AI製品の売上指標を選びたいとき
• 経営・営業ダッシュボードの設計
• CRMデータの品質評価

製品の公開に向け、Product HuntやHacker News、SNSなどの告知先を選び、事前登録の募集から公開当日の対応、公開後の施策までを計画するスキル。

• Product Huntで公開したいとき
• 複数チャネルの告知を連携したいとき
• 公開前に事前登録者を集めたいとき