CC Tips: 【初心者向け】Claude CodeでWebサイトを作成する方法を実演解説

• 完成形をいきなり求めず「まず骨組みを作って」と段階的に指示すると、コンテキストが整理され出力精度が上がる
• プロンプトには配色・セクション構成・レスポンシブ対応など具体条件を明記する
• モードはOpus 4.6に設定すると現状最も出力精度が高い
• 修正依頼はスクリーンショットをドラッグ&ドロップし「この部分を直して」と伝えると直感的に反映される
• CLAUDE.mdに配色・フォント・コーディング規約などのデザインルールを書いておくとセッション開始時に自動で読み込まれ、複数プロジェクトで使い回せる
• SKILL.md(スキル機能)にワークフロー手順を書き、スラッシュコマンドから呼び出すと複数ページ構成サイトなどを再現性高く量産できる
• 最初は「一度だけ許可」で変更内容を1つずつ確認し、慣れたら「全て承認」にして自動化すると効率的
• 納品前に「SEO対策をチェックして直して」と依頼すると、メタディスクリプションやalt属性などを自動で修正してくれる