Claude の高度機能：Artifacts と Projects
Artifacts はコード・HTML・SVG などをリアルタイムにプレビューできる機能で、Projects はシステムプロンプトとファイルを永続管理できる作業空間です。2つを組み合わせると専用 AI アシスタントを構築できます。
Artifacts と Projects の活用手順
- 「HTML と CSS でランディングページを作成して」と指示して Artifact を生成する
- 右パネルに表示されたプレビューを確認し「ボタンを赤にして」と微調整する
- 左サイドバーの「Projects」から新規プロジェクトを作成する
- プロジェクトの Instructions に「あなたは私専属のコピーライターです」を設定する
- 参考資料や自社情報をプロジェクトにアップロードして文脈を永続化する
高度な活用パターン
- React コンポーネントを Artifact で生成してインタラクティブにプレビューできる
- プロジェクト内でコードベースや業界知識を常に共有した状態で会話できる
- マーケティング・開発・法務など用途別プロジェクトで専門 AI を使い分けられる
- 生成した Artifact は「Download」ボタンで即座にファイル保存が可能