【Claude Code / Codex完全入門】インストール後から「AI Web制作会社」を作る全手順

Claude CodeやCodexをインストールした。

でも、その後は「このサイトを作って」と単発で頼むだけ。毎回説明が必要で、出てくるデザインも品質も安定しない。

この記事では、その状態から、依頼受付、顧客調査、戦略、ブランド、デザイン、実装、QA、公開までを分担する「AI Web制作会社」を自分のPCに作ります。

高度なプログラミング経験は不要です。ただし、AIが提案する保存先、作成ファイル、実行許可を自分で確認する必要はあります。

AIエージェントへコピペする指示、フォルダ構造、4つのSkills、承認Gate、完成チェックまで順番に進めます。

向いているのは、AIエージェントのインストールまではできたものの、仕事への組み込み方が分からない人です。

逆に、すでに社内CI、デザインシステム、権限管理、複数agent運用が完成しているチームには基礎的です。

見出し画像はAIで生成しました。
プロンプトは230,000文字超えの記事に掲載中。
毎日プロンプトは増えていきます。

目次

• まず5分で「会社の骨格」を作る

• AI Web制作会社は4層で設計する

• 案件ごとのプロジェクトテンプレートを作る

• managerと専門Skillsを作る

• 依頼から公開までを13工程でつなぐ

• E2EとQAで「作れたつもり」を防ぐ

• 30分で自社版を起動する

急ぐ方は「まず5分で会社の骨格を作る」と「30分で自社版を起動する」だけ先に実行してください。じっくり構築する方は、上から順番に進めると、各ファイルが必要な理由まで理解できます。

まず5分で「会社の骨格」を作る

結論から言うと、AIエージェントをインストールしただけでは、まだ「優秀な作業者を1人採用した」状態です。

会社として動かすには、少なくとも次の4つが必要です。