Claude Codeで制作会社の仕事を回す地図【2026年版】──料金と設定、WordPress保守・LP・Figma実装、サブエージェント・Skills・MCP、導入支援の商品化、職種別の使い方まで29本
この記事は、Web制作会社がClaude Codeを、設定・機能・業務・商品・人の5つの面から仕事に組み込むときに読む記事を並べた地図です。
「入れたけれど、使い方が人によって違う」になっていないか
Claude Codeを入れた制作会社で、よく起きることがあります。
使う人によって、任せる範囲も、確かめ方も、残す記録も違う。
できる人は速くなります。
けれど会社としては、品質も原価も説明も、そろわないままです。
Claude Codeで制作会社の仕事を回すとは、料金・権限・ルール・手順・記録を会社として決め、誰が使っても同じ品質と原価で納品できる状態にすることである
黒字化の外科医です。Claude Codeの業務への組み込みを、五つの入口に分けて解剖しました。
理由は、三つあります。
第一に、機能は個人の工夫で使えても、権限と記録は会社で決めないと事故の責任を負えないからです。
第二に、同じ作業でも手順を型にしないと、速さが人に依存し、原価が読めないからです。
第三に、社内で回せるようになった型は、そのまま顧客向けの導入支援という商品になるからです。
機能や料金は、各記事に公式で確認した日を書いています。導入の前に、必ず公式のドキュメントと料金ページで確かめてください。
なお私は弁護士ではありません。実務の指針として読み、個別の判断は専門家や公的な窓口に確認してください。
入口1：料金と設定
料金を原価で見る方法、チームで共有する設定と権限、セキュリティ、CLAUDE.md、hooksです。
▶ Claude Codeの料金を、制作会社の原価で見る──Pro・Max・Teamの席・API従量の違いと、誰にどの席を渡すかの判断表、時間単価に直す計算例
▶ Claude Codeのsettings.jsonをチームで共有する設定──共有・個人・組織の4つの置き場所、permissionsのallow・ask・denyの決め方、効かないときの確かめ方
▶ Claude Codeのセキュリティ、制作会社が導入前に決める5つのこと──プランごとのデータの扱い、手元に残る会話の記録、権限モード、触らせないファイル、MCPの線引き
▶ CLAUDE.mdの書き方、制作会社の作業ルールをAIに渡す──置き場所4つ、書く項目と書かない項目、200行を目安にする理由、そのまま使える骨子
設定の雛形と運用表は、導入設定キットにまとめました。
▶ Claude Code導入設定キット、制作会社がそのまま置くファイル一式──チーム共有・個人・組織のsettings.json、CLAUDE.mdの雛形、hooksの守りの設定、席の割当表と運用表
入口2：Web制作の実務
WordPressの保守、LPの量産、Figmaからの実装、改修の見積の調査、アクセシビリティ点検の補助です。
▶ Claude CodeでWordPressの保守を回す、制作会社の手順──更新前の調べ、ステージングでの検証、記録はAIに、本番に出す判断と目視は人に残す線の引き方
▶ Claude CodeでLP制作を量産しても品質を落とさない手順──型をCLAUDE.mdとSkillsに置き、確認を自動と人の2段に分け、本数で元が取れるかを計算する
▶ Figma MCPとClaude CodeでFigmaから実装する手順──つなぐ前のデータの点検、1画面ずつの生成、スクリーンショットとの照合、部品の対応づけまでの5工程
▶ 既存サイトの改修の見積もりを、Claude Codeの調査で速くする──プランモードで読ませる範囲、調べさせる項目、人が確かめる線と、リスクの上乗せを下げる計算例
▶ アクセシビリティのチェックをClaude Codeで補助する範囲──機械で拾える項目の下調べはAIに、達成基準を満たすかの判断は人に。点検の手順と、時間がどれだけ減るかの正直な計算例
作業ごとの手順書とプロンプトは、こちらです。
▶ Claude Codeの作業手順書キット、Web制作会社向け──保守・LP・改修・点検の4つの手順書、CLAUDE.mdとsettings.jsonとhooksの雛形、人が見る線の表、記録の型
入口3：サブエージェント・Skills・MCP
作業を役割で分ける方法、社内の型を配る方法、外部ツールをつなぐ前の確認、提案資料とモック、AIエージェント受託の要件の聞き方です。
▶ Claude Codeのサブエージェントで作業を分ける──1つの会話に全部やらせない。レビュー役・テスト役・調査役の定義と渡す道具
▶ Claude CodeのSkillsで社内の型を配る──毎回同じ説明をしている手順からSkillにする。CLAUDE.mdとの分け方と書き方
▶ Claude CodeのMCPで社内ツールをつなぐ前に──信頼できるサーバーか、どこまで許すか、どの情報が流れるかの点検表
▶ Claude Design・Artifactsで提案資料とモックを速くする──公式で確かめた機能、人が直す5つの点、時間の計算例
▶ AIエージェントの受託、要件の聞き方で赤字が決まる──作業ではなく判断を聞く、受注前のヒアリング12問と受け方の判断
社内標準の雛形一式は、こちらに置きました。
▶ Claude Code社内標準化キット──CLAUDE.md・Skills・サブエージェント定義の雛形、MCPの許可表と権限設定、点検表
入口4：案件と収益
導入支援を売る方法、顧客の社内ツールの受託、保守の月額の見直し、作業記録の残し方、失敗例と対策です。
▶ Claude Codeの導入支援を顧客に売る前に決める3つの線──料金は工数から、範囲は「設定・ルール・研修」、責任は「使うのはお客様」で引く
▶ 顧客の社内ツールをClaude Codeで受託するなら「小さく受ける線」から──1業務・1部署・データは顧客の手元、の判定表と見積もりの計算例
▶ 保守にClaude Codeを入れたら、月額はどう見直すか──値下げだけで返さず「範囲・速さ・一部還元」の3つから選ぶ、1サイトの原価の計算例
▶ Claude Codeの作業記録の残し方、納品と説明のために──「AIがやりました」で終わらせない作業記録票、Gitのコミット、会話の書き出しの型
▶ Claude Codeの失敗例と対策、制作会社で起きる「削除・暴走・コスト超過」──チェックポイント、権限、利用額の上限など公式の安全機能で先に止める
メニュー・料金表・提案書の型は、サービス設計キットにまとめました。
▶ Claude Code導入支援サービス設計キット──診断・初期設定・研修・伴走のメニューと料金表、提案書の構成、設定の雛形、契約の確認点
入口5：人と組織
ディレクター、デザイナー、社長が使う範囲と、社内勉強会の初回の進め方です。
▶ Claude Codeをディレクターが使う範囲は「読む・聞く・小さく直す」の3段で決める──修正の影響範囲の下調べ、エンジニアに渡す前の確認、触らない線
▶ Claude Codeをデザイナーが使う範囲は「試作と見た目の調整」まで──画像からの試作、画面で確かめる手順、エンジニアに渡す線と、修正の往復を減らす計算例
▶ 非エンジニアの社長がClaude Codeで何ができるか──案件台帳の集計、社内の小さな道具、自社サイトの下調べ。やってよい3つと、手を出さない3つの線
▶ Claude Codeの社内勉強会、初回90分の進め方──「インストールで終わる会」にしない事前準備、練習用のフォルダ、職種別の演習、最後に1行書くCLAUDE.md
職種別の活用ガイドは、こちらです。
▶ 職種別Claude Code活用ガイド【ディレクター・デザイナー・エンジニア・社長】──使う範囲の表、権限モードの初期値、プロンプト12本、引き継ぎメモと月次の振り返り表
これまでの地図
見積・契約・品質・粗利など、AI駆動開発の経営の側は、こちらの地図にまとめています。
社内業務のAI化は、こちらです。
▶ 少人数の制作会社がAIで社内業務を回す地図【2026年版】──進行管理・営業・バックオフィス・業務自動化・組織と研修まで、人を増やさずに粗利率を上げる29本
よくあるQ&A
Q. どこから読めばいいですか。
まず入口1の設定の記事です。権限とルールを先に決めてから、入口2の実務に進むと、事故と手戻りが減ります。
Q. 記事の料金や機能は、今も同じですか。
変わることがあります。各記事に確認した日を書いています。導入の前に、必ず公式のページで確認してください。
Q. 顧客のコードや情報を入れてもいいですか。
入れる前に、契約・社内ルール・ツールのデータの扱いを確かめてください。確かめ方は、顧客の機密をAIツールに入れる前の確認で扱っています。
最後に
Claude Codeは、使う人を速くします。
けれど、料金・権限・手順・記録を会社として決めた制作会社だけが、その速さを、誰が担当しても同じ品質と粗利で納品できる力に変えられるのです。
これまでの記事は、メンバーシップ「黒字化オペ室」でまとめて読めます。月額1,980円、記事2本分の金額です。詳しくはプロフィールから。
#Web制作会社 #制作会社経営 #中小企業 #ClaudeCode #AI駆動開発 #生成AI #業務効率化 #WordPress #粗利 #経営改善
