2025.01.27

ChatGPT×Cursor Composerでツール開発を加速：CursorRulesHubの事例と学び

shimasan0x00

こんにちは，shimasan0x00（@shimasan0x00）です．

今回、ChatGPTとCursor Composer, Chatを活用して「CursorRulesHub」というツールを開発しました．この記事では，開発過程や使用した技術，学びについて詳しく紹介します．

特に，AIツールを活用した効率的な開発プロセスと，その過程で得られた知見に焦点を当てています．

本記事のポイント

CursorRulesHubは，Cursorエディタの設定ファイル（.cursorrules）を効率的に探索・参照できるプラットフォームです・

主な機能

今回，CursorRulesHubの開発にあたって以下のフローで進めました.

Contents

ChatGPTとの対話を通じて，サービスの仕様を段階的に具体化しました．

仕様の壁打ち: ChatGPTを相手に，サービスのアイデアを具体化
- プロンプト例: “このサービスを提供するうえで考慮すべき点を理由とともにステップバイステップで提示してください．”
- 最初から構造化しなきゃ，構造化しなきゃと考えずにChatGPTのフォローを受けたほうが進むことがある
  - 気楽にプロンプト投げよう
各項目の深掘り: 構造化された設計に基づき，詳細を詰めていく
- 技術インフラの整備やAPI仕様の議論など

構造化された指示
- Markdown形式で指示を出す
- 各要件に理由を付けて説明を求める
- 段階的に詳細化していく
プロンプトの過信を避ける
- ユーザは的確な指示を出せているわけがない
- ChatGPTと壁打ちするのに躊躇している人は深く考えずに取り敢えず思ったことを入力する意識
具体的な壁打ち例
- 提案された仕様の現実性を検証
- 例：GitHub APIの利用頻度の最適化
  - 当初：リアルタイムでのAPI呼び出し
  - 改善：24時間ごとのバッチ処理に変更

Cursor ComposerとCursor Chatを使用して実装を進めました．

Cursor Composer: 事前に作成したpromptを元に対話しながらメイン実装
- Premium modelsへのrequestは120回くらい
- 今回はコマンド実行の自動化は有効化せず，全部確認
  - プロセスをすべてリアルタイムで追いたかった
  - push前にセキュリティインシデントが起きないようチェックするプロセスを追加
- .cursorrulesファイルは重要
  - @kinopeeeさんのベースに改修して使用
- Composerは全体像の把握が重要
  - コンテキストの適切な提供が質の高い出力につながる
Cursor Chat: 実装を進めていくうえでの相談，検討事項の共有
- デザイン相談
- 実装方針の確認

ChatGPTとCursor Composerを活用した今回のツール開発を通じて，効率化の可能性や課題を多く学びました．特に，AIを活用した壁打ちやプロンプト設計の改善は大きな成果でした．

Cursor Composerのおかげで，イメージから実装までのスピードが向上し，思ったことを具体化しやすくなった気がします．今までより上流工程の理解が必要なことは明らかなので勉強していきます．

ABOUT ME