通过 Open Design 和 Claude Code 节省 400 万韩元初期设计外包费
makedream٢ مايو ٢٠٢٦
0
Computing/SoftwareRelated Video
13:48又一个开源项目克隆了 Claude 的设计
Chase AI
Comments (0)
Log in to leave a comment
No posts yet
makedream13:48makedream13:48Chase AI
Log in to leave a comment
No posts yet
对于有好的创意但资金匮乏的个人创业者来说，设计外包是一种奢侈。仅仅委托制作 logo 和落地页草案，随随便便就会花掉数百万韩元。在韩国初创企业市场，如果将基础品牌指南和网页原型外包，通常会收到 457 万到 1,083 万韩元之间的报价单。我建议将这笔费用缩减到 19 万韩元左右的 AI Token 成本。只要将 Open Design 的 72 个组件进行合理组合，就能在银行账户里省下 400 万韩元以上的现金。
核心在于防止 AI 生成粗糙的成果。如果只是盲目要求“做得漂亮点”，AI 每次都会给出不同的风格。这时，请创建一个 DESIGN.md 文件，并在其中写入 OKLch 规格的颜色代码和字体层级。如果是 B2B 服务，建议以类 Stripe 风格的 dashboard 技能为主；如果是电商，则以编辑感较强的 dating-web 技能为主。即使不会操作 Figma，也能在 1 小时内确立统一的品牌身份。
像 Claude Code 这样的代理（Agent）虽然聪明，但非常“啰嗦”。对话越长，API 调用费用就会疯狂飙升。根据 Anthropic 的技术报告，Messages API 每次都必须向服务器重新发送整个上下文，但如果使用 Prompt Caching（提示词缓存），可以将这项费用削减高达 90%。缓存正常工作时，输入 Token 的单价将降至基本价格的 0.1 倍。
为了进一步节省成本，必须强制缩小代理的视野。运行 Claude Code 时，不要向其展示整个项目文件夹。只暴露需要修改的特定目录，且在 CLAUDE.md 文件中不要放入像时间戳这样每次都会变化的值。只有这样，才能保持近乎 100% 的缓存匹配率，并将运营成本降低 40% 以上。
--resume 标志，以重用上一个会话的缓存。通过 Open Design 提取的结果不仅仅是图片，而是由 React 和 Tailwind CSS 编写的实际代码。这意味着从规划到部署通常需要 2 周的工作，现在可以在 1 天内完成。让代理将生成的单一 HTML 代码拆分为 Header、Hero、Footer 等 React 组件。
Vercel 或 Netlify 是像我们这样的个人团队的最佳基础设施。在本地检查 UI 后，只需在终端输入一行 vercel --prod，服务就会立即向全球发布。在此过程中，通过消除代码冗余和优化性能，可以在实际服务中获得极快的加载速度。
src/components 文件夹中并立即部署。在修改设计时，经常会出现 AI 将原本完好的布局整个推翻的情况。虽然令人恼火，但只要改变指令方式就能解决。请明确要求“不要重写整个文件”。核心是针对需要修改的特定行或组件下达部分修改指令。
如果代理报错，不要重复同样的命令，而是要改变策略。先让它读取错误信息，并要求其提交一份原因分析报告。使用禁止不必要重构或添加注释的提示词，可以保持代码的纯净性。这是减少 80% 以上 UI 修改 Bug 并将修复时间缩短至 5 分钟以内的秘诀。
比工具更重要的是习惯。仅仅了解技术并不能让产品自动运转。周一使用 /weekly-review 命令复盘上周工作并确定优先顺序。周二和周三集中精力通过 Open Design 实现新功能，周四编写更新消息以提高在搜索引擎中的曝光度。
最后的周五，让代理进行最终的移动端响应式检查，然后完成部署。创业者现在不应该是一个写代码的人，而应该是一个领导名为“代理”的团队的协调者（Orchestrator）。只要养成这个习惯，一个人也能发挥出不亚于大型团队的产品迭代速度。你将体验到每周工作效率提升 300% 以上的奇迹。