CraftのAPIを使ってClaude Codeで構築する

Craft ドキュメントで API を有効化する

まず、この Craft ドキュメントで API を有効化する必要があります。これにより、Craft がこのドキュメント用の API エンドポイントをセットアップできるようになります。 その後、Claude Code からそのサーバーに接続するために API エンドポイントの URL を使用します。

ステップ1

ドキュメント内で、右上にある「Imagine」ボタンをクリックします。

ステップ2

パネルの下部にある「Enable API」をクリックします。

ステップ3

あなたのドキュメントとやり取りするために使用される API URL が、上部に表示されるようになりました。

ステップ4

このプロジェクトでは、API はあなたのドキュメントの読み取りだけを行えば十分です。 API の権限を「Read（読み取り）」のみに設定してください。

ステップ5

このプロジェクトでは、API はあなたのドキュメントへの書き込みだけを行えば十分です。 API の権限を「Write（書き込み）」のみに設定してください。

ステップ6

このプロジェクトでは、「Download AI Bundle」ボタンをクリックしてください。 これにより、API ドキュメントとドキュメントの内容が含まれたフォルダがダウンロードされます。 このフォルダを Lovable にアップロードすることで、Lovable があなたのドキュメントの読み取り方法を理解できるようになります。

Claude Code プロンプトでAPIを使う

Craft docでAPIを有効にしたら、Claude Code 、プロジェクトの生成に使用するプロンプトを書くことに集中できます。

Claude Code 、APIの使い方を確認し、ドキュメントの構造を理解するために、AIバンドルをプロンプトに添付します。このバンドルはマークダウンのドキュメントで、Craftドキュメントの現在のコンテンツとAPIドキュメントを含んでいます。

ステップ1

コンピュータのターミナルを開きます。ダウンロードした "bundle.md "ファイルだけが入っていて、他には何も入っていないフォルダでOpenAI Codexを起動します。

作りたいアプリを説明するプロンプトを追加しましょう。以下はテストに使えるごく一般的なプロンプトの例です。

Copy Prompt

私のCraft docの内容を視覚化したウェブサイトを作成してください。このデータへのアクセス方法と構造については、添付ファイルに説明があります。

ステップ2

Enterキーを押して、Claude Codeがあなたのアプリを実装するのを待ちます。