1. タスクを記述する
地域の野生植物に関する位置情報対応ガイドを構築します。インタラクティブな地図で自分の州を選択し、カテゴリー別に植物を閲覧し、現在の季節のものを確認し、印刷可能なフィールドリファレンスをエクスポートします。
Claudeにツールの目的、インタラクションフロー、デザインの方向性を伝えましょう。具体的な機能要件と美的な指示があると、より洗練された結果が得られます。
野生の食用植物に不慣れで、どこから始めればいいか分からない人のために、採集ガイドを作りたいと思っています。
必要な機能:
- ユーザーがインタラクティブな米国地図で自分の州をクリックすると、地域の採集データが表示される(us-atlas TopoJSON CDN https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json（新しいタブで開きます） から地図データを取得し、D3のgeoAlbersUsa投影法でレンダリングする)
- カテゴリー別に食用植物を閲覧でき、各種に12か月分の季節バーを表示することで、収穫時期を一目で確認できる
- ユーザーが植物をタップすると詳細が展開され、個人の採集リストに植物を追加し、選択した種と安全上の注意事項を含む印刷可能なフィールドガイドをエクスポートできる
デザイン: 静かで有機的な雰囲気。暖かみのあるクリーム色、落ち着いたセージグリーン、柔らかいオリーブ色。フィールドジャーナルと編集デザイン誌が融合したような、洗練されていながら親しみやすい雰囲気。滑らかなトランジション、丸みのある角、優れたタイプヒエラルキー。
2. Claudeにコンテキストを与える
Claudeは会話の中で直接、動作するアーティファクトを構築します。設定でアーティファクトを有効にすると、Claudeがすぐに使えるインタラクティブなアプリケーションを作成できるようになります。
設定でアーティファクトをオンにしてください。これにより、Claudeは地図、状態管理、データ可視化など、完全なインタラクティブ性を持つアプリをチャット内で直接レンダリングして生成できるようになります。セットアップやデプロイは不要です。
必要なコンテキスト
アップロードするものはありません。
3. Claudeが作成するもの
Claudeは、州をクリックすると地域の植物データが表示されるインタラクティブな米国地図から始まる、完全に動作する採集ガイドを作成します。
野生食用植物フィールドガイドを作成しました。できることは以下の通りです:
地域別に探索する — 地図上でハイライトされた州をクリックしてください。現在、ガイドには太平洋北西部(ワシントン州、オレゴン州、アイダホ州)と北東部(メイン州からメリーランド州まで)のデータが含まれています。その他の地域は「近日公開」と表示されます。
カテゴリー別に閲覧する — 州を選択したら、タブを使って、その地域で採れる野草、ベリー、キノコ、根菜、ナッツ類を探索できます。
季節性を確認する — 各植物カードには、収穫時期を示す12か月分のバーが表示されます。現在の月がハイライトされるため、今が旬のものを一目で確認できます。
さらに詳しく調べる — カードをタップすると詳細が展開され、見つけられる場所、調理方法、注意すべき似た植物が表示されます。危険な似た植物がある場合は、警告パネルが表示されます。
リストを作成する — +ボタンをクリックして、植物を採集リストに追加します。選択した項目は、件数を追跡するフローティングパネルに表示されます。
フィールドガイドをエクスポートする — 準備ができたら、エクスポートを実行すると、選択した種、調理に関するメモ、安全上の注意事項を含む印刷可能な参考資料が生成されます。
フィールドガイドを見る
4. フォローアッププロンプト
Claudeとの会話を続けて、さらに改良、拡張、または探索しましょう。
検証済みの情報に置き換える
このガイドは、動作を示すためにサンプルデータを使用しています。見た目や使い心地に満足したら、Claudeにあなたの地域の実際の種について調査してもらいましょう—実際の収穫時期、検証済みの識別情報、最新の安全上の警告などです。
アーティファクト内の例を、私の地域の最新の採集データに置き換えてください。検証済みの収穫時期、正確な識別のヒント、記録されている似た植物について調査してください。これを実際の野外で使いたいと思っています。
野外で見つけたものを識別する
写真をアップロードして、目の前にあるものから逆算して調べましょう。
トレイルで見つけたものの写真を添付しました。この画像と私の地域に基づくと、これは何だと考えられますか?確認のために実際に何を確認すべきですか—ひだの構造、胞子紋、匂いなど。写真だけで判断できることとできないことを教えてください。
5. コツ、ヒント、トラブルシューティング
Claudeが構築したものから学ぶ、あるいはそのまま再利用する
Claudeにロジックを順を追って説明してもらい、出力結果だけでなくパターンそのものを理解しましょう。あるいは説明を省略して、新しいものを作るための出発点としてコードをそのまま依頼することもできます。このパターンを再利用して作成されたインタラクティブなガーデニングガイド（新しいタブで開きます）の例をご覧ください。
同じ会話の中で改良を続ける
Claudeは多くのやり取りにわたってコンテキストを保持するため、最初からやり直すことなく、何度も繰り返し改良できます。機能を追加し、テストし、おかしな点に気づき、問題を説明し、修正を受け取る。この往復作業—時には数十回に及ぶこともあります—こそが、複雑なツールが完成していく過程です。変更を依頼することでClaudeに迷惑をかけているわけではありません。それがこのプロセスの仕組みなのです。
インタラクティブな地図はデータソースがあると最も効果的に機能する
Claudeは、州の輪郭、海岸線、郡の境界線といった正確な地理的境界を記憶しているわけではありません。実際の地図データへのポインタがない場合、正確な地図の代わりにプレースホルダーの図形で近似することがあります。このプロンプトでは、TopoJSONソース(地図データの標準フォーマット)を指定することでこれを解決しています。Claudeは実際の境界線を取得し、正しくレンダリングします。地図の見た目がおかしい場合は、実際の地理データを指定しているかどうかを確認してください。
6. 自分で試してみましょう
自分の探索や学習のスタイルに合わせた、カスタムインターフェースを持つインタラクティブなツールを作成しましょう。Claudeとアイデアを説明し、改良を重ねて、自分にとって役立つツールを作りましょう。