如何用 Claude Code + Higgsfield MCP 一人运营设计工作室

如何用 Claude Code + Higgsfield MCP 一个人运营一家设计工作室 2026 年 7 月 23 日 · 8 分钟阅读 · 查看原文 ↗ Claude MCP Higgsfield Marketing 多年来，运营一家网页设计工作室的难点从来不是找客户。而是交付。总得有人去设计每一个布局、搭建每一个页面、产出每一件媒体素材。在旧模式里，那意味着雇人——一个设计师、一个前端开发者、一个拍摄或授权视觉素材的人。 每一次雇佣都吃掉利润，而你接的客户越多，你需要的人就越多。 刚刚被改变的，正是这一部分。 生产层现在跑在模型上，而不是人头数上，一个人就能扛起过去需要一个小团队才能扛的活儿。这就是一个人运营整套生意的打法——用 Claude Code 作为构建引擎，用 Higgsfield MCP 作为媒体引擎。 报价：卖产品，而不是卖定制活儿 大多数人在开始之前就毁掉了单人模式。 他们卖的是「随便你提什么需求」。每个项目都变成一个雪花，什么都无法系统化，然后你给自己造了一份你恨的工作。 如果你想一个人运营，只有一条规则：这活儿必须能靠一个系统来交付，而不是靠英雄壮举。 这意味着产品化、且范围卡得紧。 你卖什么：一个「全包」网站，加上按月收取的维护费，用于更新、新页面和维护。 一次性搭建让你进门。维护费把一次性项目变成经常性收入——这是单人算账唯一能成立的方式。 你不卖什么：任何需要一个人苦干一整周的东西。如果某个范围不能干净利落地走通这套系统，就重塑它，或者放掉它。 技术栈 每个网站都走同一条流水线。你亲自碰两个阶段——开头和结尾。模型处理沉重的中间部分。 Fable 5 —— 设计引擎 Fable 接受一份简报，产出设计系统：布局、组件、响应式状态、视觉语言。这就是过去需要一个设计师在 Figma 里泡上一周的那部分。你喂给它品牌、页面、调性；它产出结构。你的活儿是方向和品味，而不是抠像素。 Claude Code —— 构建引擎 获准的设计进入 Claude Code，由它写出实际的网站：组件、响应式 CSS、动画、表单逻辑、CMS 接线、部署。这就是过去前端开发者待的地方。 Claude Code 构建；你对照规范审阅。审阅做好的成品，比亲手生产快得多——这正是为什么一个人能同时扛好几个客户的构建。 Higgsfield MCP —— 媒体引擎 每个网站都需要视觉素材：一条主视觉视频、产品图、动效、落地页的头像位。与其安排一场拍摄或买素材授权，不如让 Higgsfield 从提示词生成它们。而且借助 MCP 连接器，你的 agent 不必离开聊天就能取到它们——它做规划、生成，并把做好的片段直接拉进构建里。 实战中的 Higgsfield MCP —— 真实工作流 这是让整套东西能一个人跑起来的那块拼图，所以这里确切讲讲它是怎么工作的。 连接一次。在你的 agent 设置里，添加一个自定义连接器，粘贴一个 URL。OAuth 登录，没有 API key 要管理。 这一个连接解锁 30+ 个模型（Sora 2、Veo 3.1、Kling 3.0、Seedance 2.0、GPT Image 2、Nano Banana Pro、Soul 2.0），agent 会为每个镜头挑合适的那个。 mcp_servers: higgsfield: url: "https://mcp.higgsfield.ai/mcp" 然后只需描述镜头。在 Claude 里，你用平实语言输入简报，agent 就在 Higgsfield 上发起生成，选好模型，把做好的片段带回对话里。 一个真实的提示词长这样： Using Higgsfield, generate this as a video — 16:9, ~6 seconds, high quality. Pick the best model for cinematic stylized motion: Cinematic anime / hand-painted style animated shot, soft cel-shading, luminous painterly watercolor backgrounds, gentle sense of wonder (no logos, no text). Scene: a lone monk in a bright orange robe stands calmly in a small wooden boat, drifting on glassy turquoise water through a narrow misty gorge. A colossal ancient stone Buddha face is carved into the mossy cliff wall, half-reclaimed by lush green jungle, half-lit by warm golden morning light. Soft god-rays pierce the drifting mist; tiny fireflies of light float in the air. Motion: slow cinematic push-in toward the Buddha face; mist rolls and curls slowly across the water; gentle ripples and mirror-like reflections shimmer; leaves and vines sway softly; the boat drifts forward almost imperceptibly. Calm, meditative, dreamlike pacing. Look: painterly anime aesthetic, hand-drawn texture, soft rim light, warm-vs-teal contrast, subtle film grain, atmospheric depth. Smooth and floating, no camera shake. 产品图、转场、动效循环、头像位——全部来自提示词，全部集中在一处。这套工具做的还不止原始生成：它能把任何参考片段变成一个可直接运行的提示词，从产品页建出一支营销视频，训练一个一致的角色，把长片段剪成短视频，还能在你发布前给钩子打分。 给个背景：从自由职业者那里定制一条 30 秒的 UGC 风格短视频，通常要 $150–$500。而这个 MCP 用一份订阅就产出一整批。这就是「每个客户四位数的媒体成本项」和「一个四舍五入误差」之间的差别。 Claude Code 构建循环，一步步 在「设计获批」和「网站上线」之间，循环是这样的。 第 1 步 —— 喂规范。把 Fable 5 设计系统、客户简报和完整页面清单，作为一条提示词丢进 Claude Code。 第 2 步 —— 先搭脚手架。它在写页面之前先生成文件夹结构和组件树。你在读它，而不是生产它。 第 3 步 —— 一个组件一个组件地构建。按部分来提示：导航、主视觉、定价、页脚——每个都引用 Fable 的设计 token。 第 4 步 —— 接逻辑。表单、CMS 字段、动画、响应式断点，一次通过。 第 5 步 —— 对照规范审阅，而不是对照你的口味。一个缺失的断点或 CMS 字段，是一条提示词回去，而不是手动打补丁。 第 6 步 —— 部署。推到你的主机，绑定域名，搞定——头几个客户之后，全程脚本化。 六步。你是审阅者，不是写码的人。 产出的实际样子 让 Claude Code 写一个交互——一个复制到剪贴板的按钮，用一个快速状态变化来确认——它大致会返回这样的东西： function CopyButton({ text }) { const [copied, setCopied] = useState(false); const handleCopy = async () => { await navigator.clipboard.writeText(text); setCopied(true); setTimeout(() => setCopied(false), 1500); }; return ( <button onClick={handleCopy} className={`copy-btn ${copied ? "copied" : ""}`}> {copied ? "Copied ✓" : "Copy"} </button> ); } .copy-btn { transition: background 0.2s ease, transform 0.15s ease; } .copy-btn.copied { background: #16a34a; transform: scale(1.05); } 你用一行话要这个交互；Claude Code 写出状态逻辑和过渡动画；你点一下确认它触发、并在 1.5 秒后恢复，然后它就可以上线了。 这就是整个循环的缩影。 交付流水线 接单（你，约 15 分钟）：把客户需求变成一份清晰的规范。判断力工作——价值所在的地方。 设计（Fable 5）：从规范产出系统。 构建 + 媒体（Claude Code + Higgsfield MCP，并行）：网站被构建的同时，视觉素材被生成。 QA + 交付（你，约 20 分钟）：审阅、部署、记录、通知——头几次之后大多模板化。 需要人的两个阶段——接单和 QA——正是快的那两个。 又慢又耗人力的中间部分，是你把自己从中拿掉的那部分。你从劳力者，变成了编排者。 单位经济（示例性） 把这些当成一个模型——在向任何人报价之前，先代入你自己的真实数字。每月交付成本，一个单人运营者： 设计引擎订阅：约 $40 构建引擎（跨客户重度使用）：约 $200–$300 Higgsfield 订阅：约 $40 主机、域名、CMS：约 $150 其他 SaaS（CRM、排期、沟通）：约 $180 每月交付总成本大致 $750。 利润率高，不是因为你定价聪明——而是因为交付工作的成本跌穿了地板，而客户付钱买的价值保持不变。 你把差价装进口袋。 填满流水线 把活儿发出来。前后对比、「这是我 3 天上线的一个网站」、带真实结果的案例研究。对的客户会自我筛选出来。 展示速度。 从概念到上线只要几天而不是几周，这就是卖点。公开证明它。 卖维护费，而不是卖构建。 一次性网站让你进门；每月的关系才是生意本身。 标签：# X # Claude # MCP # Higgsfield # Marketing # Guide # Fable 相关文章 The $35K Motion-Website Playbook with Higgsfield + Claude Code 👇 Boutique web agencies quote $6,000–$35,000+ for a custom animated site and bill $100-149/hr. With Claude Code + Higgsfield MCP, one agentic session generates the assets, writes the scroll animations,… Claude Higgsfield MCP Marketing