開発のスキル

Next.jsでのWebアプリ開発、Turborepoによる複数プロジェクトの管理、RemixIconの導入を支援し、構成やビルド設定を整えるスキルです。

• Next.jsでWebアプリを作りたいとき
• 複数アプリでコードを共有したいとき
• 描画方式やデータ取得を選びたいとき

Three.jsを使ったWeb向け3Dアプリの制作を支援し、シーンやアニメーション、シェーダー、VR/XR体験、製品設定画面などの実装を扱います。

• 商品を3Dで見せたいとき
• 3Dシーンに動きを付けたいとき
• モデルやテクスチャを読み込みたいとき

決済サービスごとのチェックアウト、定期課金、Webhook処理を組み込み、VietQR決済や複数プロバイダーの注文管理まで進めるためのスキルです。

• 決済とチェックアウトの導入
• 定期課金やプラン変更の実装
• Webhook通知の検証

ReactとTypeScriptの画面開発で、コンポーネントや機能の構成、データ取得、ルーティング、スタイル、性能改善を一貫した方針で進めるためのガイドです。

• Reactで画面やコンポーネントを作りたいとき
• 新機能のファイル構成を決めたいとき
• データ取得やルーティングを実装したいとき

MongoDBとPostgreSQLのスキーマ設計、クエリ作成、インデックス最適化から、移行・バックアップ・権限管理までのデータベース作業を支援します。

• MongoDBのデータ構造を設計したいとき
• SQLや集計クエリを作成したいとき
• クエリの遅さやインデックスを調べたいとき

コードレビューの指摘を技術的に確かめて対応し、作業完了やテスト成功を伝える前に、根拠となる検証結果を確認するためのスキルです。

• レビュー指摘の妥当性を確かめたいとき
• 大きな変更をレビューに出したいとき
• マージ前に確認事項を整理したいとき

PuppeteerのCLIスクリプトでブラウザーを操作し、画面の撮影、フォーム入力、ページ情報の取得、通信・エラー・性能の調査を行うスキルです。

• ブラウザー操作を自動化したいとき
• フォーム入力や送信を実行したいとき
• ページ情報を収集したいとき

API設計から認証、データベース最適化、テスト、セキュリティ、デプロイ、監視まで、バックエンド開発の判断と実装を支援するスキルです。

• バックエンドの技術構成を選びたいとき
• APIや認証を設計したいとき
• データベースの性能を改善したいとき

処理量や利用者数、実行期間などを極端に小さく・大きく想定し、通常の規模では見えにくい設計上の限界や壊れやすい箇所を探るスキルです。

• データ量が増えた場合の限界を考えたいとき
• 本番運用前に設計を見直したいとき
• 長期間動かす処理のリスクを探したいとき

AIエージェントと外部サービスをつなぐMCPサーバーを、PythonやTypeScriptで設計・実装し、入力検証やエラー処理、動作評価まで進めるスキルです。

• 外部APIのMCPサーバーを作りたいとき
• エージェントの作業に合うツール設計
• 入力検証やエラー処理のレビュー

リポジトリ内のコードや文書を、構造を保ったAI向けの単一ファイルにまとめます。対象の絞り込みや出力形式の選択、トークン数の確認にも対応します。

• コードレビュー用にリポジトリをまとめたいとき
• 調査対象のフォルダーだけを抽出したいとき
• コード全体をAIに読ませて調べたいとき

不具合やテスト失敗の原因を順に調べ、症状ではなく発生源を特定して修正し、検証結果を確かめてから完了を判断するスキルです。

• テスト失敗の原因を調べたいとき
• エラーの発生源を特定したいとき
• 不具合の再発を防ぎたいとき

Shopifyのアプリや拡張機能、テーマの開発を支援します。APIでの商品・注文管理、チェックアウト画面のカスタマイズ、Liquidによるストア構築を扱います。

• Shopifyアプリを開発したいとき
• チェックアウト画面をカスタマイズしたいとき
• 管理画面やPOSに機能を追加したいとき

似た実装や増え続ける例外の背後にある共通原則を見つけ、複数の仕組みを一つの抽象化で整理する設計検討を支援します。

• 重複した実装の共通点を探すとき
• 増え続ける例外を整理したいとき
• 複雑な設計を見直したいとき

専門知識や繰り返し作業をClaude向けスキルにまとめるため、利用例の整理からSKILL.mdと付属資料の設計、検証、配布用パッケージ化までを案内します。

• 定型業務をClaude向けスキルにしたいとき
• SKILL.mdと参照資料の構成整理
• 利用結果をもとに既存スキルを改善

インストール前にすぐ使える小規模なiOS体験を設計し、App Clipの導線やカード、通常アプリへの案内、利用状況の計測を整えるスキルです。

• インストール前のお試し体験を設計したいとき
• App Clipのカードや起動導線を見直したいとき
• フルアプリへの案内方法を検討したいとき

アプリのクラッシュ状況を読み解き、影響の大きい不具合から修正する順序を整理します。Crashlyticsの設定や安定性の推移確認にも使えます。

• クラッシュの修正優先度を決めたいとき
• Crashlyticsを導入したいとき
• クラッシュレポートを読み解きたいとき

Apple App ReviewやGoogle Play審査での却下理由を分類し、修正方針や審査への返信案、再提出前の確認項目をまとめるスキルです。

• 審査却下の理由を整理したいとき
• 審査担当者への返信案を作りたいとき
• 修正内容と再提出手順を決めたいとき

HyperFramesの再利用ブロックやエフェクト部品を探して導入し、既存の構成へ組み込むスキル。表示時間や重なり順の設定、HTML・CSS・JSの統合を扱います。

• 配布一覧から使える部品を探したいとき
• 導入したブロックを既存の構成に追加
• エフェクトのコード片を統合したいとき

HyperFramesの作品でGSAPを使ったアニメーションを実装し、要素の登場や連続動作、再生制御、画面幅や動きを減らす設定への対応を整えるスキルです。

• HyperFramesで要素を登場させたいとき
• 複数要素の動く順序や開始時間を調整
• 画面幅や動きを減らす設定への対応

変更差分を読み取り、Conventional Commitsに沿った件名や本文、Issue参照を含むコミットメッセージ案を作成し、内容確認後の実行まで支援します。

• 差分からコミット文を作りたいとき
• コミットのtypeやscopeを整理したいとき
• Issueや破壊的変更を記載したいとき

LoongCollectorのC++本体やGoプラグインをビルドし、単体テストやE2E用イメージを作る際に、CI準拠またはローカルの手順を選べます。

• C++本体をCI準拠でビルドしたいとき
• C++の単体テストを実行したいとき
• Goプラグインをビルドしたいとき

LoongCollectorの構成や用語、主要ファイルの役割、C++・Goの規約を把握し、コードの調査や変更方針の検討に役立てるスキルです。

• コード調査で関連ファイルを探したいとき
• データパイプラインの構成を把握したいとき
• C++・Goの実装規約を確認したいとき

LoongCollectorのメトリクス命名やラベル、警告レベルの基準と、C++・Goでの追加・更新方法を確認し、自監視コードを整えるスキルです。

• メトリクス名と単位をレビューしたいとき
• C++・Goに監視指標を追加したいとき
• エラーに合うアラームレベルを選びたいとき