💡一周搞定三个项目，我没怎么写代码，全靠 Claude Code。这不是科幻，而是我这周的真实开发体验。AI 怎么变成高效"打工人"？这篇文章讲得很清楚。
我一直用 Cursor 写代码，直到试了 Claude Code —— 效果出奇地好。
它不仅理解上下文更强，代码建议也更精准，用起来就像一个熟悉你项目的"老同事"。短短一周，我用它搞定了三个完整项目，这篇文章就来分享我其中一个项目的完整开发过程和真实体验。
AI 公众号生成系统
这个项目是从零开始做的，总共花了我两天半的时间。
接下来，我分步骤说说我是怎么进行这个项目的。
Step 1：需求梳理——Claude 就是你的"产品经理"
我一开始的方式非常粗暴，直接把一大堆功能点甩给 Claude Code，像这样：
我想开发一个公众号文章生成 AI AGENTS，我想要的功能是，可以自动收集热点话题、热点资料。另外，可以根据热点话题、热点资料生成文章，并且能够只能插入图片。或者我提供一个话题，然后根据这个话题收集资料，然后在生成文章，同时保持可以只能插入图片的能力。最后生成的文章，可以编辑，同时，提供多个可以适配公众号的美观模板。现在你作为产品经理，基于这个需求，我作为用户，跟我一起讨论需求
Claude 不仅秒懂，还会像个认真负责的产品经理一样，帮我拆解需求、发现我遗漏的部分，并一步步问清楚。
我补充完问题后，它就自动输出了一个结构清晰、功能完备的需求文档：
有了这个文档，开发工作可以直接无脑开干了。
Step 2：界面开发——"Claude，你写代码，我看小说"
需求明确后，我发出一句指令：
请根据需求文档，帮我把网站开发出来
Claude 立刻生成了整个前端框架，并逐步补齐了页面细节。
但经验告诉我，如果你不限制代码结构，它写着写着就会"失控"——文件过长、耦合严重。所以我给它配了一套开发规范：
# Project: Next.js Boilerplate Application
## General
- This is a Next.js TypeScript application with App Router.
- Use React for components development, prefer to use functional components.
- Use Tailwind CSS for styling.
- Use Shadcn UI components.
- Use sonner for toast notifications.
- Use React Context for state management.
- Component names are in CamelCase.
- Use next-auth for authentication.
- Use next-intl for internationalization.
- Developed in a modular way, a single module and a single file does not exceed 300 lines of code
## File Structure
- app/: Next.js App Router pages and API routes
- [locale]/: Locale-specific pages
- api/: API routes (e.g. checkout)
- theme.css: Theme styles
- components/: React components
- blocks/: Layout blocks (header, footer, etc.), commonly used in Landing Page
- ui/: Reusable UI components
- contexts/: React contexts (e.g. app context)
- i18n/: Internationalization
- pages/landing/: Page-specific translations for Landing Page
- messages/: Global messages
- types/: TypeScript type definitions
- blocks/: Types for layout blocks
- pages/: Types for pages
- models/: Data models and data operations.
- services/: Business logics.
- public/: Static assets
- lib/: Custom libraries and functions
- .env.development: Development environment variables
- Limit each module to <= 300 LOC (lines of code) for better clarity and maintainability.
## Coding Conventions
- Use TypeScript fortype safety
- Follow React best practices and hooks
- Implement responsive design with Tailwind CSS and Shadcn UI
- Maintain consistent internationalization structure
- Keep components modular and reusable
- Use proper type definitions for components and data
Claude 完美遵守，还自动帮我初始化项目、安装依赖、运行调试，整个过程，我几乎没动手。
Step 3：页面细节调整——Claude负责动手，ChatGPT负责"脑暴"
比如"生成文章"页面，一开始逻辑很混乱，我就随口描述了想要的操作流程：
ChatGPT 帮我理清了逻辑后，我直接丢给 Claude Code，几分钟后页面就做完了：
这效果，说实话，很多有几年经验的前端都不一定写得出来。
Step 4：逐步迭代细节——Claude 是个耐心的"打工人"
整个项目的页面开发部分我只花了不到半天，还有一个热点发现模块（一个爬虫系统）也已经完成，后面有空我再写一篇专门介绍它的文章。
写在最后：我自己的小总结
虽然只是一个简单项目，但这一周用 Claude Code 的经历，真的让我刷新了对「AI 编程」的认知。
原本需要反复沟通、手写代码、调试无数次的流程，现在变成了：
说出想法 → Claude 帮我梳理清楚 → 自动搭建 → 我检查提意见 → Claude 接着改
整个过程中，我自己摸索出了一些小习惯，也许对你也有帮助：
有想法就直接说，不用先整理，Claude 会帮你理顺 开始前先告诉它开发规范，代码会更整洁 不懂代码也没关系，多问几句，它会解释、还会自动修 页面写得不满意？重新描述一遍想法就行，它会接着改 Claude、ChatGPT 配合着用，一个思考、一个动手，效率更高
这不是一套什么方法论，只是我用 AI 搞项目时觉得「顺手、舒服」的做法。
希望你看完之后，也能试试看把 AI 当作你的搭档，哪怕只是从一个小页面开始。
再也不想一个人敲代码了，有 Claude 就够了。🫡
没有评论:
发表评论