# How to Run a $35K/Month Web-Design Agency Solo With Fable 5 + Higgsfield
**作者**: GHOST
**日期**: 2026-07-18T17:01:04.000Z
**来源**: [https://x.com/ghosstty_/status/2078525474410569955](https://x.com/ghosstty_/status/2078525474410569955)
---
A staffed web-design shop at $35k/month keeps maybe $10k after payroll. A solo operator running the same revenue on a three-tool stack keeps closer to $34k
Same clients. Same deliverables. The only thing that changed is who does the production work.
The bottleneck was never getting clients. It was delivery. Someone had to design, build, and ship every site. In the old model that meant hiring: a designer, a front-end dev, someone to manage them. Every hire ate the margin. Now the production layer runs on models instead of people, and one person can carry the load of five.
## The offer: sell a product, not custom work
Most people kill the solo model before they start. They sell "whatever you need." Every project is a snowflake, nothing systemizes, and you've built a job you hate.
If you want to run solo, one rule: the work has to be deliverable by a system, not by heroics. That means productized and scoped tight.
- What you sell: a done-for-you site plus a monthly retainer for updates, new pages, and maintenance. The retainer turns one-off builds into recurring revenue, which is the only way solo math works.
- How you price it: anchor clients on $2,500-$5,000/mo, core clients on $1,500/mo, lite maintenance on $750. A mix of 12-14 clients lands you at $35k MRR.
- What you don't sell: anything that needs a human grinding 40 hours. If a scope can't route cleanly to a system, reshape it or pass.
## The three-tool stack
Every site flows through the same pipeline. You personally touch two stages. The models handle the middle.
1. Fable 5 (the design engine)
Fable takes a brief and produces the design system: layouts, components, responsive states, the visual language. This is the part that used to need a designer sitting in Figma for a week. You feed it the client's brand, the pages, the vibe, and it outputs the structure you build on. Your job here is direction and taste, not pixel-pushing.
2. Claude Code (the build engine)
The approved design goes to Claude Code, which writes the actual site: components, responsive CSS, animations, form logic, CMS wiring, deploys. This is where the front-end dev used to live. Claude Code builds it, you review against the spec. Reviewing finished work is 10x faster than producing it, which is exactly why one person can carry five clients' worth of builds.
3. Higgsfield (the media engine)
Every site needs visuals: hero video, product shots, motion, avatar spots for landing pages. Higgsfield generates them from prompts instead of a shoot or a stock-photo license. A single UGC creator on Fiverr charges $150-500 per 30-second spot. Higgsfield outputs the batch for a subscription. That's the difference between a $5k media line item per client and a rounding error.
## The Claude Code build loop, step by step
This is the part people ask about most: what actually happens between "design approved" and "site live." Here's the loop.
1. Step 1: Feed the spec. Drop the Fable 5 design system, the client brief, and the full page list into Claude Code as one prompt. Name every page, every section, every piece of copy you already have.
2. Step 2: Scaffold first. Claude Code generates the folder structure, the component tree, and the base layout before writing a single page. You're not producing this. You're reading it.
3. Step 3: Build component by component. Prompt section by section: nav, hero, pricing table, footer. Each prompt references the design tokens from Fable so spacing, type, and color stay locked to spec.
4. Step 4: Wire the logic. Forms, CMS fields, animations, responsive breakpoints. This used to eat a front-end dev's whole week. Claude Code does it in one pass, then you prompt fixes on anything that's off.
5. Step 5: Review against the spec, not your taste. Pull up the brief from intake and check every box. A missing breakpoint, a missing hover state, a missing CMS field: that's a prompt back to Claude Code, not a manual patch.
6. Step 6: Deploy. Push to Vercel or Netlify, connect the domain, done. This step is fully scripted after your first few clients.
Six steps. No IDE gymnastics, no Git conflicts to referee, no junior dev to unblock. You're the reviewer, not the coder.
Example: a copy-to-clipboard button with animation
Here's roughly what comes back from Claude Code when you prompt for this exact pattern, a button that copies text and gives feedback with a quick state change instead of just swapping a label:
> 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);
> }
That's the loop in miniature. You ask for the interaction in one line, Claude Code writes the state logic and the transition, you click it once to confirm it fires and reverts after 1.5 seconds, and it ships. No hand-coding a debounce, no fighting a CSS class toggle yourself.
## The delivery pipeline
1. Intake (you, 15 min): turn the client request into a clear spec. Pages, brand, edge cases. This is judgment work, and judgment is where the value lives.
2. Design (Fable 5): produces the system from the spec.
3. Build + media (Claude Code + Higgsfield): the site gets built and the visuals get generated in parallel.
4. QA + handoff (you, 20 min): review, deploy, document, notify. Mostly templated after the first few.
Notice the shape. The two stages that need a human, intake and QA, are the fast ones. The slow, labor-heavy stage in the middle is the one you removed yourself from entirely. You went from laborer to orchestrator.
## The unit economics (why you keep 90%)
Here's where $35k MRR actually goes every month:
- Fable 5 subscription: ~$40
- Claude Code (heavy usage across all clients): ~$200-$300
- Higgsfield subscription: ~$40
- Hosting, domains, CMS: ~$150
- Tools/SaaS (CRM, scheduling, comms): ~$180
Call it roughly $750/month in total cost to deliver $35,000 of client value. That's a margin north of 90%, a number a staffed agency literally cannot reach because their biggest line item, payroll, is one you don't have.
The 90% margin doesn't exist because you're clever about pricing. It exists because the cost of delivering the work fell through the floor while the value clients pay for stayed exactly the same. You pocket the spread.
## Filling the pipeline
A 90% margin means nothing without clients. You don't need a sales team.
- Post the work. Before/afters, "here's a site I shipped in 3 days," case studies with real outcomes. The right clients self-select and come pre-sold.
- Show speed. Concept to live site in days instead of weeks is the whole pitch. Prove it publicly.
- Sell the retainer, not the build. The one-time site gets you in. The monthly relationship is the business.
The agencies that win from here won't be the ones with the biggest teams. They'll be the ones who figured out that headcount went from being leverage to being a liability. Fable 5, Claude Code, and Higgsfield are the whole production department. One person, three tools, $35k/month
## 相关链接
- [GHOST](https://x.com/ghosstty_)
- [@ghosstty_](https://x.com/ghosstty_)
- [138K](https://x.com/ghosstty_/status/2078525474410569955/analytics)
- [#16a34a](https://x.com/search?q=%2316a34a&src=hashtag_click)
- [Upgrade to Premium](https://x.com/i/premium_sign_up)
- [1:01 AM · Jul 19, 2026](https://x.com/ghosstty_/status/2078525474410569955)
- [138.1K Views](https://x.com/ghosstty_/status/2078525474410569955/analytics)
- [View quotes](https://x.com/ghosstty_/status/2078525474410569955/quotes)
---
*导出时间: 2026/7/20 11:55:04*
---
## 中文翻译
# 如何利用 Fable 5 + Higgsfield 独自经营月入 3.5 万美元的网页设计代理公司
**作者**: GHOST
**日期**: 2026-07-18T17:01:04.000Z
**来源**: [https://x.com/ghosstty_/status/2078525474410569955](https://x.com/ghosstty_/status/2078525474410569955)
---
一家配备全职员工的网页设计公司，月收入 3.5 万美元，支付工资后可能只能留下 1 万美元。而一名利用三件套工具独自运营、创造同等营收的独立从业者，却能留下接近 3.4 万美元。
同样的客户。同样的交付成果。唯一的区别在于谁在做这些生产工作。
瓶颈从来都不是获客。而是交付。必须有人去设计、构建和发布每一个网站。在旧模式下，这意味着需要雇佣：一名设计师、一名前端开发人员，外加一个管理他们的人。每一次招聘都在侵蚀利润。现在，生产层运行的是模型而不是人，一个人就能承担五个人的工作量。
## 产品形态：销售产品，而非定制工作
大多数人在开始之前就搞砸了这种独立模式。他们销售“你需要的一切”。每个项目都是独一无二的雪花，没有任何东西能系统化，最终你给自己造了一份讨厌的工作。
如果你想独自运营，只有一条规则：工作必须能由系统交付，而不是靠英雄般的个人拼搏。这意味着产品化，并且范围要严格界定。
- **你卖什么**：一个“为你代劳”的网站，加上用于更新、新增页面和维护的每月月费。这笔月费将一次性构建变成了经常性收入，这是独立运营账目能跑通的唯一方式。
- **如何定价**：核心客户锚定在每月 2,500-5,000 美元，标准客户 1,500 美元/月，轻度维护 750 美元。混合搭配 12-14 个客户，就能达到 3.5 万美元的月度经常性收入（MRR）。
- **你不卖什么**：任何需要人类苦干 40 小时的东西。如果一个项目范围不能清晰地流转给系统处理，要么重塑它，要么放弃。
## 三件套工具栈
每个网站都流经相同的管道。你亲自接触其中两个阶段。模型处理中间的部分。
1. **Fable 5（设计引擎）**
Fable 接收一份简报，并产出设计系统：布局、组件、响应式状态、视觉语言。这部分以前需要一个设计师在 Figma 里坐上一周。你输入客户的品牌、页面、风格感觉，它就会输出你要构建的结构。你在这里的工作是指导和把控品味，而不是去推像素。
2. **Claude Code（构建引擎）**
批准的设计方案会发给 Claude Code，由它编写实际的网站：组件、响应式 CSS、动画、表单逻辑、CMS 连线、部署。这是以前前端开发人员待的地方。Claude Code 进行构建，你对照规格说明书进行审核。审核成品比制作成品快 10 倍，这正是为什么一个人能承担五个客户构建工作量的原因。
3. **Higgsfield（媒体引擎）**
每个网站都需要视觉素材：首屏视频、产品镜头、动态效果、着陆页的头像位置。Higgsfield 根据提示词生成这些素材，而不需要拍摄或购买图库版权。在 Fiverr 上，一个 UGC（用户生成内容）创作者每 30 秒的视频要价 150-500 美元。Higgsfield 则通过订阅服务批量输出。这就是每个客户 5000 美元的媒体预算项与一个可以忽略不计的成本之间的差别。
## Claude Code 构建循环，一步步来
这是人们问得最多的部分：在“设计获批”和“网站上线”之间到底发生了什么。流程如下：
1. **第一步：输入规格。** 将 Fable 5 的设计系统、客户简报和完整的页面列表作为一个提示词扔给 Claude Code。命名每一个页面、每一个部分、每一份你已有的文案。
2. **第二步：先搭建脚手架。** Claude Code 在编写单个页面之前，先生成文件夹结构、组件树和基础布局。你不是在制作它。你是在阅读它。
3. **第三步：逐个组件构建。** 逐个部分地提示：导航、首屏、价格表、页脚。每个提示词都引用来自 Fable 的设计标记，以确保间距、字体和颜色锁定在规格要求内。
4. **第四步：连接逻辑。** 表单、CMS 字段、动画、响应式断点。这过去会耗费前端开发整整一周的时间。Claude Code 一次性搞定，然后你对任何偏差提示修改。
5. **第五步：对照规格审核，而不是你的品味。** 调出 intake 阶段的简报，逐项检查。缺少断点、缺少悬停状态、缺少 CMS 字段：这些都是发回给 Claude Code 的提示词，而不是手动修补。
6. **第六步：部署。** 推送到 Vercel 或 Netlify，连接域名，完成。在你服务了前几个客户之后，这一步是完全脚本化的。
六个步骤。不需要在 IDE（集成开发环境）里高难度操作，不需要去调解 Git 冲突，不需要去疏通初级开发人员。你是审核者，不是编码者。
**示例：带动画的复制到剪贴板按钮**
当你提示这个确切的模式时，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 秒后恢复，然后交付。不需要手动编写去抖动（debounce）逻辑，不需要自己跟 CSS 类切换死磕。
## 交付管道
1. ** intake（你，15 分钟）**：将客户需求转化为清晰的规格。页面、品牌、边缘情况。这是判断性工作，而判断力正是价值所在。
2. **设计（Fable 5）**：根据规格产出系统。
3. **构建 + 媒体（Claude Code + Higgsfield）**：网站被构建，视觉素材被并行生成。
4. **QA + 交付（你， 20 分钟）**：审核、部署、归档、通知。在前几个客户之后，这部分大多是模板化的。
注意这种形态。需要人类参与的两个阶段，intake 和 QA，是快速的。中间那个缓慢、劳动密集型的阶段，是你完全把自己从中撤出来的。你从劳动者变成了指挥者。
## 单体经济模型（为什么你能留住 90% 的利润）
这就是每月 3.5 万美元 MRR 的实际去向：
- Fable 5 订阅：约 40 美元
- Claude Code（所有客户的大量使用）：约 200-300 美元
- Higgsfield 订阅：约 40 美元
- 托管、域名、CMS：约 150 美元
- 工具/SaaS（CRM、日程安排、通讯）：约 180 美元
算起来每月总成本约为 750 美元，用于交付 35,000 美元的客户价值。这是超过 90% 的利润率，这是一个配备员工的代理公司根本无法达到的数字，因为它们最大的支出项——工资——是你所没有的。
90% 的利润率之所以存在，并不是因为你在定价上很聪明。它之所以存在，是因为交付工作的成本大幅下降，而客户付费购买的价值却保持不变。你赚到了中间的差价。
## 填满管道
如果没有客户，90% 的利润率毫无意义。你不需要销售团队。
- **发布作品。** 改造前后的对比图、“这是我 3 天发布的网站”、有真实结果的案例研究。合适的客户会自我筛选，并且已经预先被说服了。
- **展示速度。** 从概念到上线只要几天而不是几周，这就是全部的卖点。公开证明它。
- **销售月费服务，而不是构建服务。** 一次性网站让你入场。每月的合作关系才是生意。
从今往后胜出的代理机构不会是那些团队最大的。而是那些意识到人头已从杠杆变成了负债的人。Fable 5、Claude Code 和 Higgsfield 就是整个生产部门。一个人，三件工具，3.5 万美元/月。
## 相关链接
- [GHOST](https://x.com/ghosstty_)
- [@ghosstty_](https://x.com/ghosstty_)
- [138K](https://x.com/ghosstty_/status/2078525474410569955/analytics)
- [#16a34a](https://x.com/search?q=%2316a34a&src=hashtag_click)
- [升级到 Premium](https://x.com/i/premium_sign_up)
- [1:01 AM · Jul 19, 2026](https://x.com/ghosstty_/status/2078525474410569955)
- [138.1K Views](https://x.com/ghosstty_/status/2078525474410569955/analytics)
- [View quotes](https://x.com/ghosstty_/status/2078525474410569955/quotes)
---
*导出时间: 2026/7/20 11:55:04*