用Claude Code构建代理级品质的万元网站
本文介绍如何利用Claude Code在半天内构建出代理机构收费8000-12000美元的营销网站。作者指出,默认提示词只会生成模板化网站,关键在于通过安装设计技能(如frontend-design和ui-ux-pro-max)、参考顶尖设计网站截图、使用结构化提示词,以及进行三轮精细打磨(排版、间距、动效)来达到专业水准。文章还提供了部署到Cloudflare Pages的步骤,并强调通过迭代不断提升网站质量。
本文介绍如何利用Claude Code在半天内构建出代理机构收费8000-12000美元的营销网站。作者指出,默认提示词只会生成模板化网站,关键在于通过安装设计技能(如frontend-design和ui-ux-pro-max)、参考顶尖设计网站截图、使用结构化提示词,以及进行三轮精细打磨(排版、间距、动效)来达到专业水准。文章还提供了部署到Cloudflare Pages的步骤,并强调通过迭代不断提升网站质量。
文章提供了详细的Claude Code建站流程,包含具体步骤和提示词,实用性强,但深度和时效性略逊。
作者用相同的提示词、品牌素材和数据让 Claude Code(Opus 5)和 Codex(GPT-5.6 Sol)各构建八个网站,从设计质量、Agent 数量、耗时、输出 token 和 API 成本多维度对比。结果是 Codex 在开放式设计环节赢得六轮中的五轮,效率优势显著:Codex 仅用 9 个 agent、约 5 小时、55 万 token、约 100 美元,而 Claude Code 用了 25 个 agent、14 小时、近 300 万 token、约 444 美元。实验还发现当提示词足够具体时,两者产出几乎一致。
本文详细介绍了如何使用Claude Code在短时间内构建高质量网站,达到代理机构收费8000-12000美元的效果。作者提出了一个五部分流程:加载设计技能、参考优秀网站、编写构建提示、进行润色和部署。通过安装设计技能、使用参考截图、提供结构化提示、分步润色和免费部署,即使非专业开发者也能在一天内完成专业级网站。文章强调约束和品味的重要性,并提供了具体操作步骤和示例。
森叔推荐苍何的开源项目 awesome-gpt-image-2,该项目登顶 GitHub 趋势榜第一,堪称 GPT Image 2 的应用百科全书。项目包含 532 个覆盖 UI、信息图、海报、电商等 13 个方向的图片案例,以及 22 套结构化提示词模板。还提供 gpt-image-2-style-library Skill,可安装到 Codex、Claude Code、Cursor 等 Agent 中,自动匹配模板和风格生成可用提示词。项目采用 Prompt as Code 思路,适合批量生成与 Agent 自动调用,对经常制作海报、课程封面、信息图的用户极具收藏价值。
本文是面向零基础用户的 Pi 编程 Agent 入门教程上篇。Pi 是 2026 年 GitHub 9.3 万星的极简 AI 编程 Agent,核心理念是做减法:仅 4 个内置工具、约 1000 token 系统提示词,同等成本下代码质量超过 Claude Code 和 Codex,速度快 1.5-2 倍,且能自我进化写插件。教程详细讲解了 Agent、模型、Token 等基础概念,三种安装方式,配置 DeepSeek API Key 或订阅账号的方法,常用操作快捷键,并手把手带领读者用一句话指令让 Pi 从零做出一个家庭记账本 React 网页,完成从安装到作品落地的完整闭环。
本文系统讲解如何编写和维护 Claude Code 的 CLAUDE.md 与 Codex 的 AGENTS.md 等长期指令文件。核心观点是:规则越多 Agent 反而越容易跑偏,指令文件应只保存 Agent 无法从代码推断的隐性知识。作者提出先做减法(三问:能否从项目找到、是否多数任务都用、是否长期成立),再做加法(五个问题提取业务规则、固定入口、联动关系、完成标准和权威资料),并给出内容分流表、最小模板、双工具共用一份文件的方案、加载验证方法、修剪维护节奏,以及一段可直接使用的审计提示词。
本文是 Grok Build 系列教程第 12 篇,介绍任务编排与管理技巧。内容包括:使用队列在不打断当前任务的情况下排队新需求;通过任务进度视图查看复杂任务的拆解步骤和执行状态;使用 /plan 计划模式让 AI 先分析设计再动手改代码;用 /fork 创建分支会话尝试新方案而不污染主会话;用 /btw 在任务执行中临时提问;用 /loop 定时循环执行任务;用 /tasks 和 /queue 查看运行中和排队中的任务。掌握这些命令可显著减少等待时间和上下文混乱。
文章提出一套将 Claude Code 当作“AI 员工”而非聊天框使用的完整系统,包含九个组成部分:工作区(仓库目录结构)、记忆文件(CLAUDE.md、roadmap.md、review.md)、任务简报(plan mode)、工单(清晰的小任务)、自我检查(让 Claude 打开产品实际验证流程)、三层审查(人工 diff、标准审查、/review)、例程排期与权限控制。作者以医美机构漏接线索的自动回复产品为真实示例,演示如何通过上下文工程、明确范围和质量标准,让 Claude Code 高质量、可控地完成端到端产品开发与验收。
本文是 Orca 的保姆级使用教程。Orca 是一个专门管理多个 Coding Agent 的 AI 工作台,本身不替代 Claude Code 或 Codex,而是负责编排调度。教程详细讲解安装步骤、如何将 Claude Code 和 Codex 接入 Orca、利用 Git Worktree 隔离不同任务让多个 Agent 并行开发,以及 Diff 审查与合并的正确流程。文章还分享任务拆分技巧、多 Agent 竞争同一任务的实践、安全注意事项,并展望从会写代码到会管理 AI 团队的能力转变。
本文是作者对Grok 4.6的深度评测与使用指南。作者将其作为日常编码和知识工作的主力工具,强调其信息密集的沟通方式和显著的速度提升。文章通过多个项目(如电子表格应用、策略游戏、Excalidraw演示模式等)对比了Grok 4.5与4.6的表现,发现4.6在细节处理和整体完成度上更优。作者还分享了提示词工程的关键发现:短提示词配合明确偏好效果良好,而加入“验证并迭代至生产就绪”的句子是最高杠杆的改进。文章最后探讨了视频即代码(Remotion)的实践,并总结了Grok 4.6在自主迭代和验证方面的能力。
作者KNOX分享了一套在30天内掌握AI营销的完整路线图,核心是用Claude Code和一系列工具构建一个自动化的营销系统。该系统包括研究客户痛点、生成广告创意、自动分析广告表现和监控竞争对手的四个智能体,并强调'智能体只提议不行动'和'数据存文件而非提示词'两大原则。文章提供了具体的文件配置和操作步骤,旨在帮助营销人员通过自动化大幅提升效率。
文章指出,使用 Codex Skills 不应像逛插件商店一样盲目安装,而应围绕核心工作流进行选择。作者推荐了三个安装阶段:第一阶段优先安装前端设计类(如 frontend-design)和浏览器验收类 Skill,以实现从“写页面”到“审页面”的闭环;第二阶段安装研究类(如 last30days)和内容类 Skill,用于产出高质量长文;第三阶段按需补全 Figma 和销售类 Skill。此外,作者建议通过自定义 AGENTS.md 来固化工作流程,提升 Agent 的执行稳定性。
作者作为非技术人员,详述了利用 Claude Code 在两天内构建并部署一个内容日历 Web 应用的全过程。文章总结了五个关键教训:使用 Plan Mode 先规划、分阶段构建功能、利用 CLAUDE.md 约束规范、使用截图优化设计反馈,以及克服对部署的恐惧。