スキルを探す

Webアプリの本番公開に向けて、Docker構成やテスト・公開の自動化を整え、更新方式の選定から稼働確認、障害時の復旧手順まで支援するスキル。

• テストと公開を自動化したいとき
• アプリをDocker化したいとき
• 本番の更新方式を選びたいとき

ReactとNext.jsの表示や操作の遅さを見直すための指針です。データ取得の待ち時間、配信するコード量、再描画などを優先度順に確認し、改善に役立てます。

• ページの読み込みの遅さを調べたいとき
• 配信するJavaScript量を見直したいとき
• 再描画と操作の遅延を減らしたいとき

TypeScriptのバックエンドでPrismaを使う際の設計・実装を支援します。検索や一括更新、移行、接続管理のパターンと注意点を具体例で確認できます。

• Prismaのモデルと関連を設計したいとき
• 検索処理とページ分割の見直し
• トランザクションや一括更新の不具合調査

Webアプリの本番公開に向け、CI/CDによるテストと配布の自動化、Docker化、稼働確認、切り戻し手順、公開前の確認項目を整理するスキル。

• テストと配布を自動化したいとき
• アプリをDocker化したいとき
• 本番公開の方式を選びたいとき

ライブラリやフレームワークの設定方法、API仕様、コード例をContext7 MCPで調べ、取得した現行ドキュメントと指定バージョンに基づく回答を支援するスキル。

• フレームワークの導入・設定の確認
• ライブラリのAPIと使い方の調査
• Prismaのクエリ例を調べたいとき

JavaScript・TypeScriptの実行、依存パッケージ管理、ビルド、テストをBunで進めるスキル。Nodeからの移行やVercelの設定も支援します。

• JavaScript・TypeScriptの新規開発
• NodeからBunへ移行したいとき
• bun testでテストを作成・修正したいとき

プロジェクトにデータベースやSMSなどの外部サービスを用意し、認証情報を`.env`へ同期して、キーの更新や料金プラン変更まで管理するスキル。

• プロジェクト用のPostgresを用意したいとき
• アプリにSMSサービスを追加したいとき
• 認証情報の同期やキー更新をしたいとき

ランディングページやスライド、操作できる試作品をHTMLで制作します。既存の資料や画面をもとに、構成や見た目の案を比較し、表示や動作を確認します。

• ブランド資料からLPを作りたいとき
• 製品の操作手順を試作したいとき
• HTMLでプレゼン資料を作りたいとき

StripeやLinearなど54のサイトの配色・文字・余白を参考に、HTML/CSSのページを制作します。部品や画面幅に応じた表示も揃えるスキル。

• Stripeを参考にしたLP制作
• Linearを参考にしたダッシュボード制作
• 資料サイトのデザイン制作

開発者向け製品のドキュメントや導入手順を実際に試し、所要時間、エラー表示、CLIのヘルプを確認。証拠付きの評価表で開発者の使いやすさを点検するスキル。

• ドキュメントと導入手順を試したいとき
• 初回導入の所要時間を測りたいとき
• エラー表示やCLIヘルプの点検

APIや開発ツールの計画を、利用する開発者の視点で対話的にレビューします。競合との比較や導入時のつまずきを整理し、目的に応じて改善点を検討するスキルです。

• APIやSDKの計画を見直したいとき
• 開発者の導入時のつまずきの確認
• 競合との開発者体験の比較

アプリの公開先、本番URL、稼働確認用の接続先や公開状況を調べるコマンドを整理し、今後の /land-and-deploy 用にCLAUDE.mdへ保存するスキルです。

• /land-and-deployの初期設定
• 公開先と本番URLを整理したいとき
• 稼働確認と公開状況の確認方法を保存

アプリのLLM呼び出しをCaveman Cloud経由に接続し、送信内容を変えずに使用量と費用を計測します。接続設定から実リクエストでの検証まで扱います。

• LLMアプリの使用量と費用の計測開始
• 既存のLLM呼び出しの接続先変更
• 実リクエストによる接続検証

コード変更時のテスト・型チェック・ビルドを自動化し、公開前の品質確認を整えます。GitHub Actionsの設定から段階的な公開、切り戻し手順まで扱うスキルです。

• 新規プロジェクトのCI導入
• テストと品質チェックの自動化
• 段階的な公開と切り戻しの設計

複数の連携サービスから過去24時間の動きを集め、予定や対応待ち、開発状況を一つのダッシュボードで確認できる朝のブリーフィングを自動作成します。

• 朝に複数ツールの動きを確認したいとき
• 会議と対応待ちをまとめて把握したいとき
• 開発状況やアラートの確認

ドキュメントや文章をVercelの文章ガイドラインに照らして確認し、語り口、トーン、書式、構成の指摘を、ファイル名と行番号付きで簡潔に返します。

• 公開前のドキュメントを点検したいとき
• 複数ファイルの語り口を確認したいとき
• 書式や構成の問題を探したいとき

Web画面のコードをVercelのガイドラインに照らして点検し、レイアウト・文字・色・動き・アクセシビリティの指摘を、ファイル名と行番号で示します。

• プロダクトのUIコードを点検したいとき
• ガイドラインで利用しやすさを確認したいとき
• 配置・文字・色・動きを点検したいとき

ブラウザー上のページを調べ、クリックや入力、スクリーンショット撮影、情報抽出を行います。OpenDesignのローカルプレビューを中心に、Webアプリの動作や品質を確認します。

• OpenDesignのプレビュー確認
• Webアプリのクリックや入力のテスト
• ページや要素の画面撮影

やりたい作業を手がかりに、エージェントへ追加できるスキルを検索します。候補の用途や導入コマンド、詳細リンクを案内し、希望に応じてインストールまで進めます。

• 特定の作業に合うスキルを探したいとき
• 新しい分野のスキルを探したいとき
• スキルの用途や導入方法の確認

アプリやWebサイトをVercelへデプロイし、公開ページの確認用URLとアカウント移管用リンクを取得します。フレームワークの自動判別や静的HTMLにも対応します。

• プロジェクトを公開してURLを共有したいとき
• 静的HTMLページの公開
• Vercelアカウントへの移管

Web画面のコードを最新のWeb Interface Guidelinesと照合し、改善すべき箇所を確認します。指摘はファイル名と行番号付きで示します。

• Web画面のコードを見直したいとき
• 基準に沿ってアクセシビリティを確認
• デザインや使い勝手のレビュー

ClaudeからGmailやSlack、GitHubなどの外部アプリを操作し、メール送信や課題作成、投稿、データ更新を実行するための連携スキルです。

• Gmailでメールを送信したいとき
• GitHubにラベル付き課題を作成
• Slackへのデプロイ完了連絡

検索に載せたい重要ページを対象に、noindexやHTTPヘッダー、robots.txt、CMSの設定を点検し、意図しない検索登録の妨げを見つけて修正するスキル。

• 重要ページがGoogle検索に出ない原因の調査
• 公開後にテスト環境の制限が残っていないかの確認
• CMSのページ・カテゴリ別登録設定の点検

Web画面の新規作成や改修で、見た目、配置、動き、使いやすさを整えるスキル。デザイン方針を文書化し、実装と実ブラウザでの表示・性能確認まで進めます。

• 参考画像やサイトからLPを作りたいとき
• 既存の管理画面の配置や見た目の改善
• アニメーションや操作時の反応の追加