CC Tips: 【衝撃】ClaudeとCodexでWordPressサイトを作る実演解説!初心者向けにデザインからコードまでAIで全自動化する方法【WEB制作】
- 曖昧な「いい感じに作って」ではなく、ページ構成とセクション内容を書いた設計図ファイルとデザインルールファイルを添付して指示すると出力精度が大きく上がる
- 初回実行は必ずプランモードで計画を立てさせ、内容を確認してから自動実行に切り替える
- フロントエンドデザイン強化用のスキルを
/コマンドで導入すると、量産型に見えないプロっぽい配色・余白のデザインを出しやすい - 表示崩れなど細かい修正はスクリーンショットを見せながら具体的に指示し、2〜4回のやり取りで仕上げる想定で進める
- 同様の確認ダイアログが繰り返し出る場合はまとめて許可(自動承認)することで作業を止めずに進められる
- 用途に応じて推論レベル(高推論など)を上げるとエラーが出にくく安定した出力になる