来源:Claude Code Skills
从零代码基础到独立交付 14 个产品——我的 AI 编程之路
一个营销人的代码觉醒
我叫 Wayne,在市场营销领域工作了 25 年。从传统广告到数字营销,从品牌策略到增长黑客,我的职业生涯与代码毫无交集。我认识的"技术",止步于 Excel 公式和 WordPress 后台。
如果你在 2025 年初告诉我,一年后我会独立交付 14 个产品,我一定觉得你在开玩笑。
但生活有时候会用最沉重的方式推你向前。
改变一切的时刻
2025 年末,我的弟弟 Jet 因病离世。
Jet 是一个真正的技术人。他是工程师、是创造者、是那种可以把想法变成现实的人。我们一直计划一起做点什么——他写代码,我做产品和营销。这个计划永远搁浅了。
失去 Jet 后的很长一段时间,我陷在悲痛里。但悲痛慢慢转化成了一种不甘:如果 Jet 不在了,那些我们想做的事情,难道就永远做不成了吗?
2026 年 1 月的一天,我下载了 VS Code。
我不知道自己在做什么。我不知道什么是终端(Terminal),不知道什么是 Git,不知道 npm install 是什么意思。我只知道我需要开始。
第一次写代码:恐惧与惊喜
最初的几天,我几乎是在和 Claude 对话中度过的。不是用 Claude Code——那时候我还不知道 CLI 工具的存在——而是在网页端,一问一答地学习最基本的概念。
"什么是 HTML?"
"怎么在本地运行一个网页?"
"package.json 是干什么的?"
每一个今天看来幼稚到可笑的问题,在当时都是真实的障碍。我记得第一次在浏览器里看到自己写的网页时的感觉——那是一个丑陋的、只有三行文字的页面,但我盯着它看了整整五分钟。
这是我做的。从零开始,我做的。
那种感觉,像是打开了一扇从来不知道存在的门。
发现 Claude Code:效率的量子跃迁
大约在第二周,我偶然看到了 Claude Code(命令行界面版本的 Claude)的介绍。安装后的第一次体验,用"震撼"来形容不为过。
之前我需要在网页端来回复制粘贴代码,现在 Claude Code 可以直接读取我的项目文件、理解整个代码库的上下文、直接修改代码并运行测试。效率从"对话式开发"跳跃到了"协作式开发"。
但很快我就遇到了瓶颈:Claude Code 可以帮我写代码,但我不知道怎么"正确地"使用它。有时候它生成了一大段代码,我看不懂好不好。有时候它修复了一个 Bug 但引入了另一个。有时候它重构了代码让我之前写的测试全部失败。
我需要的不仅仅是一个 AI 工具,而是一套使用 AI 工具的方法论。
Skills 的力量:从混乱到秩序
这就是 AI 技能(Skills)改变我的开发方式的地方。
当我开始系统性地学习和应用 Claude Code 的最佳实践技能后,一切都不一样了。那些看起来简单的规则——"先写测试再写实现"、"每次只改一个东西"、"修改前先读取文件"——其实蕴含着深刻的工程智慧。
以下是对我影响最大的几项技能:
1. 测试驱动开发(TDD)
这是改变最大的一条。在没有 TDD 之前,我让 Claude Code 生成代码后只能"看起来对不对"。有了 TDD,我先定义"什么是对的",然后让 AI 去实现。这个简单的顺序颠倒,解决了我 80% 的代码质量问题。
2. 垂直切片(Vertical Slice)
以前我会让 Claude Code 先把所有 API 写完,再写前端,再写交互。结果往往是 API 写完后发现和前端对不上。垂直切片的理念是:每个功能 API + 前端 + 交互同时完成,用户立即可以体验。这让我的开发效率提升了至少 2 倍。
3. 修改前必读(Read Before Edit)
这是一条铁律:修改代码前必须先让 Claude Code 读取完整文件。听起来理所当然,但你不知道有多少次我急于修复一个 Bug,让 AI "凭记忆"改代码,结果改错了地方或者覆盖了之前的修改。这条技能救了我无数次。
4. 不能私自降级(No Silent Downgrade)
让 Claude Code 改 A 功能时,它有时候会"顺便优化"B 功能——结果把 B 弄坏了。这条技能教会我在提示中明确约束:没让你改的代码不要碰。简单但极其有效。
5. 自验证(Self-Verification)
代码写完后,不等着自己去手动测试,而是让 Claude Code 自行运行测试并确认通过。这个习惯让我每天节省了大量的手动验证时间。
14 个产品的故事
从 2026 年 1 月到现在,不到三个月的时间,我交付了 14 个产品。有些是给自己用的工具,有些是给朋友的项目,有些是完整的 Web 应用。
我不会假装每一个都是杰作。早期的几个产品现在回头看,代码结构混乱、没有测试、部署流程一团糟。但它们都上线了,都解决了实际问题,都让我学到了新东西。
让我分享几个关键的里程碑:
产品 #1-3:跌跌撞撞期
第一个产品是一个简单的静态网站,用了整整一周。第二个是一个带表单的落地页(Landing Page),又用了四天。第三个产品加入了数据库,我第一次接触到 Supabase,差点被 SQL 劝退。
这个阶段我学到的最重要的一课:不要试图理解所有东西再开始,边做边学。
产品 #4-7:建立信心期
到第四个产品时,我已经开始形成自己的工作流。每天早上先写今天要做的功能列表,然后一个一个用 TDD 的方式推进。Claude Code 不再是一个"帮我写代码的机器人",而变成了一个"结对编程的搭档"。
这个阶段我学到的一课:工作流比工具更重要。同样的 Claude Code,用不同的方法,产出的质量天差地别。
产品 #8-11:效率爆发期
从第八个产品开始,我的开发速度有了质的飞跃。之前一周完成的工作量,现在两三天就能做完。原因不是我变成了更好的程序员(我的编程知识依然很有限),而是我积累了一套可靠的技能组合和工作流程。
这个阶段的关键领悟:你不需要成为一个优秀的程序员,你需要成为一个优秀的 AI 协作者。
产品 #12-14:成熟期
最近的三个产品,包括你现在正在看的 CC Skills 网站,代表了我目前的最高水平。完整的前后端架构、CI/CD 部署流程(Continuous Integration/Continuous Deployment)、多语言支持、响应式设计(Responsive Design)。
如果你告诉三个月前的我,我会建成这样一个网站,我绝对不会相信。
给非技术背景的人的建议
如果你也是一个没有编程基础但想用 AI 构建产品的人,以下是我最真诚的建议:
1. 现在就开始,不要等"准备好"
你永远不会觉得准备好了。下载 VS Code,安装 Claude Code,选一个你真正想做的小项目,然后开始。第一天你可能只是成功运行了一个 hello world,那就够了。
2. 投资在方法论上,而不是语法上
不要花时间背 JavaScript 语法。你需要学的是:如何与 AI 协作、如何写好测试、如何组织项目结构、如何调试。这些方法论的投资回报率远高于学习具体的编程语言细节。
3. 接受"不完美"
我的第一个产品代码混乱到让任何专业开发者都会皱眉。但它上线了,它工作了,它帮我学到了宝贵的经验。完美是交付的敌人。
4. 找到你的"为什么"
技术障碍会不断出现。数据库连接失败、部署报错、样式错乱——这些都会让你想放弃。你需要一个足够强烈的理由来支撑你度过这些时刻。对我来说,那个理由是 Jet。
5. 使用经过验证的技能
不要在网上随便找提示词。使用经过系统整理和实战验证的技能集合。这正是我们建立 CC Skills 的初衷——帮助每一个想用 AI 构建产品的人,从第一天起就站在最佳实践之上。
写在最后
有人问我:"你觉得 Jet 会怎么看你现在做的这些?"
我想,他会笑着说:"代码写得不怎么样,但产品还不错。"
这大概就是 AI 编程时代最美妙的地方——你不需要写出完美的代码,你只需要做出有用的产品。而有了正确的工具和方法,这件事情比任何人想象的都要更容易实现。
25 年的营销经验教会我一件事:最好的产品故事,都是真实的。这就是我的真实故事。
如果我能做到,你也可以。
探索帮助我完成这段旅程的技能合集:claudecodeskills.wayjet.io。
Source: Claude Code Skills
From Zero Coding to 14 Shipped Products: My AI-Assisted Development Journey
A Marketer's Code Awakening
My name is Wayne. I spent 25 years in marketing. From traditional advertising to digital marketing, from brand strategy to growth hacking, my career had zero intersection with code. My idea of "technical" stopped at Excel formulas and the WordPress admin panel.
If you had told me in early 2025 that within a year I would independently ship 14 products, I would have laughed.
But life sometimes pushes you forward in the heaviest way possible.
The Moment Everything Changed
In late 2025, my brother Jet passed away from illness.
Jet was a true technologist. He was an engineer, a builder, the kind of person who could turn ideas into reality. We had always planned to create something together — he would write the code, I would handle product and marketing. That plan was permanently shelved.
For a long time after losing Jet, I was consumed by grief. But gradually, grief transformed into a stubborn refusal to accept the situation: if Jet was gone, did that mean everything we wanted to build would never exist?
One day in January 2026, I downloaded VS Code.
I had no idea what I was doing. I did not know what a terminal was. I did not know what Git was. I did not know what npm install meant. I only knew I needed to start.
Writing Code for the First Time: Fear and Wonder
The first few days were spent almost entirely in conversation with Claude. Not Claude Code — I did not yet know CLI tools existed — but on the web interface, learning the most basic concepts through question and answer.
"What is HTML?"
"How do I run a webpage locally?"
"What does package.json do?"
Every question that sounds laughably naive today was a genuine obstacle at the time. I remember the feeling when I first saw a webpage I had written in the browser — an ugly page with just three lines of text. I stared at it for a full five minutes.
I made this. From nothing, I made this.
That feeling was like discovering a door you never knew existed.
Discovering Claude Code: A Quantum Leap in Efficiency
Around the second week, I stumbled upon an introduction to Claude Code — the command-line interface version of Claude. The first experience after installation was nothing short of transformative.
Previously, I had been copying and pasting code back and forth from the web interface. Now Claude Code could directly read my project files, understand the full codebase context, modify code, and run tests. Efficiency jumped from "conversational development" to "collaborative development."
But I quickly hit a ceiling: Claude Code could write code for me, but I did not know how to use it correctly. Sometimes it generated a large block of code and I could not tell if it was good or bad. Sometimes it fixed one bug but introduced another. Sometimes it refactored code and broke all my existing tests.
What I needed was not just an AI tool, but a methodology for using AI tools.
The Power of Skills: From Chaos to Order
This is where AI skills changed my development workflow.
When I began systematically learning and applying Claude Code best-practice skills, everything shifted. Those seemingly simple rules — "write tests before implementation," "change only one thing at a time," "read the file before modifying it" — contained profound engineering wisdom.
Here are the skills that made the biggest difference for me:
1. Test-Driven Development (TDD)
This was the single biggest game changer. Before TDD, after Claude Code generated code, all I could do was eyeball it and decide if it "looked right." With TDD, I defined "what right means" first, then let the AI implement. This simple reversal of order solved 80% of my code quality problems.
2. Vertical Slices
Previously, I would ask Claude Code to build all the APIs first, then the frontend, then the interactions. The result was usually that the APIs did not align with the frontend when they finally connected. The vertical slice approach means each feature ships API + frontend + interaction together, so you can immediately experience what you built. This alone doubled my effective development speed.
3. Read Before Edit
An iron rule: always have Claude Code read the complete file before modifying it. It sounds obvious, but you would not believe how many times I rushed to fix a bug and had the AI work "from memory," only to edit the wrong section or overwrite previous changes. This skill saved me countless times.
4. No Silent Downgrade
When asking Claude Code to modify Feature A, it would sometimes "helpfully optimize" Feature B — and break it. This skill taught me to explicitly constrain in my prompts: do not touch code you were not asked to touch. Simple but extraordinarily effective.
5. Self-Verification
After writing code, instead of waiting to manually test everything, I have Claude Code run the tests itself and confirm they pass. This habit saves significant manual verification time every single day.
The Story of 14 Products
From January 2026 to today — less than three months — I have shipped 14 products. Some are personal tools, some are projects for friends, some are full web applications.
I will not pretend every one is a masterpiece. The early products, looking back now, have messy code structures, no tests, and chaotic deployment processes. But they all shipped. They all solved real problems. They all taught me something new.
Let me share a few key milestones:
Products #1-3: The Stumbling Phase
The first product was a simple static website that took an entire week. The second was a landing page with a form — another four days. The third product added a database. My first encounter with Supabase and SQL nearly made me quit.
The most important lesson from this phase: do not try to understand everything before you start. Learn by building.
Products #4-7: Building Confidence
By the fourth product, I had started forming my own workflow. Each morning I would write a feature list for the day, then work through each one using the TDD approach. Claude Code was no longer a "code-writing robot" but had become a "pair programming partner."
The lesson from this phase: workflow matters more than tools. The same Claude Code, used with different methods, produces vastly different quality.
Products #8-11: The Efficiency Explosion
Starting with the eighth product, my development speed made a qualitative leap. Work that previously took a week could now be completed in two or three days. The reason was not that I had become a better programmer (my programming knowledge remains quite limited) — it was that I had accumulated a reliable combination of skills and workflows.
The key insight from this phase: you do not need to be a great programmer. You need to be a great AI collaborator.
Products #12-14: Maturity
The most recent three products, including the CC Skills website you may be reading this on, represent my current best work. Full frontend-backend architecture, CI/CD deployment pipelines, multilingual support, responsive design.
If you had told the version of me from three months ago that I would build something like this, I would not have believed it.
Advice for Non-Technical People Who Want to Build
If you are someone without a coding background who wants to build products with AI, here is my most honest advice:
1. Start Now. Do Not Wait Until You Feel "Ready"
You will never feel ready. Download VS Code, install Claude Code, pick a small project you genuinely want to build, and begin. If on day one you only manage to run a hello world, that is enough.
2. Invest in Methodology, Not Syntax
Do not spend time memorizing JavaScript syntax. What you need to learn is: how to collaborate with AI, how to write good tests, how to organize project structure, how to debug. The return on investment for methodology far exceeds learning specific programming language details.
3. Accept Imperfection
My first product's code was messy enough to make any professional developer wince. But it shipped, it worked, and it taught me invaluable lessons. Perfection is the enemy of delivery.
4. Find Your "Why"
Technical obstacles will keep appearing. Database connections failing, deployment errors, styling breaking — these will all make you want to quit. You need a reason strong enough to carry you through those moments. For me, that reason was Jet.
5. Use Validated Skills
Do not grab random prompts from the internet. Use skill collections that have been systematically organized and battle-tested. This is exactly why we built CC Skills — to help everyone who wants to build products with AI stand on the shoulders of best practices from day one.
A Final Word
People sometimes ask me: "What do you think Jet would say about what you are building?"
I think he would smile and say: "The code is not great, but the products are pretty good."
That may be the most beautiful thing about the AI coding era — you do not need to write perfect code. You just need to build useful products. And with the right tools and methods, that is more achievable than anyone imagines.
Twenty-five years in marketing taught me one thing: the best product stories are true ones. This is my true story.
If I can do it, so can you.
Explore the skill collection that made this journey possible at claudecodeskills.wayjet.io.