Artifactsを活用した業務フロー | Claude活用講座
Chapter 3 — Lesson 4
Artifactsを活用した業務フロー
🕐 約8分 💼 応用型 🔖 業務活用
このレッスンのゴール 目安 8分

Artifacts を「たたき台」として使う考え方を理解し、クライアント提案フローに組み込めるようになる。

このレッスンの内容
  1. 「たたき台」として使う考え方
  2. 具体的な提案フロー
  3. Artifacts + Projectsの組み合わせ

「たたき台」として使う考え方

Artifacts で生成された HTML や提案書ドラフトは、いくらクオリティが高くても「完成品」として扱ってはいけません。

重要なのは「Artifacts = クライアントとの方向性確認ツール」という位置づけです。

なぜ「たたき台」と位置づけるのか

本格的なデザイン・コーディングに入る前に「こんな方向性で考えています」をすり合わせることで、大きな修正が後半に発生するリスクを減らせます。Artifactsを使えばそのすり合わせが高速・低コストでできます。

具体的な提案フロー

Artifacts を使った LP 提案フロー
1
ヒアリング
クライアントから業種・ターゲット・目的・好みのスタイルを聞く
↓
2
Artifactsでたたき台を生成（数分）
ヒアリング内容をプロンプトに含めて HTML 構成案を生成する
↓
3
クライアントに見せて方向性確認
「ざっくりこんな方向性です」と URL や画面共有で提示。正式見積もり前の段階OK
↓
4
フィードバックを受けて Claude 上で修正
「ここを変えて」という指摘をそのままプロンプトに流して更新。追加コストほぼゼロ
↓
5
方向性 OK → 本格制作スタート
デザインツール（Figma・STUDIO など）で本格実装へ移行

Artifacts + Projects の組み合わせ

Artifacts と Projects を組み合わせると、さらに強力なワークフローが生まれます。

組み合わせの効果
Projects + Artifacts ＝ クライアント情報を踏まえた的確なたたき台が瞬時に生成される

Project にクライアントのトンマナ・NG 事項・ターゲットを登録しておけば、Artifacts のプロンプトで改めて説明する必要がなくなります。「LP の構成案を HTML で作って」だけで、クライアントの情報を踏まえた内容が生成されます。

Chapter 3 まとめ
  • Artifacts は「たたき台・方向性確認ツール」として活用する
  • ヒアリング → Artifacts でたたき台 → 確認 → 修正 → 本格制作という提案フローに組み込む
  • 修正コストがほぼゼロなので、提案ラリーを恐れなくなる
  • Projects と組み合わせると、クライアント情報を毎回入力せず的確な生成物が得られる
理解度チェック 2項目で自分の理解を確認しよう
Artifacts を使った LP 提案フローを5ステップで説明できる
①ヒアリングで業種・ターゲット・スタイルを確認 → ②Artifacts で HTML たたき台を生成（数分）→ ③クライアントへ提示して方向性確認 → ④フィードバックをプロンプトに流して Claude 上で修正 → ⑤方向性 OK 後に Figma・STUDIO 等で本格制作スタート。
Artifacts + Projects の組み合わせ効果を説明できる
Projects にクライアントのトンマナ・ターゲット・NG 等を登録しておくと、Artifacts のプロンプトでそれらを再度入力しなくて済む。「LP の構成案を HTML で作って」だけで、そのクライアントの情報を踏まえた的確な内容が生成される。