我用 ClaudeCode 在 24 小时内构建并上线了 Dognames.vip
2 分•作者: yeeyang•5 个月前
大家好，
我是一名产品经理。作为一名不会写代码的产品经理，独自从零开始构建一个应用程序曾经是一个遥不可及的梦想。但通过与 ClaudeCode 合作，我能够在一天之内构建并发布 Dognames。
（温馨提示：我的母语是中文，所以这篇文章是在 AI 的帮助下翻译的。请原谅任何措辞不当之处！）
以下是我的工作流程分解：
1. 发现机会：
我从 SEO 研究开始。使用 Semrush，我发现了一个绝佳的关键词机会：“女孩/男孩狗名字”。它具有高搜索量但低关键词难度（KD）。
2. 从想法到概念（以 AI 作为我的用户）：
我与 ClaudeCode 分享了这个初步的想法。为了深入了解用户需求，我让 ClaudeCode 扮演潜在用户的角色。这次对话改变了一切，将这个想法从一个简单的信息聚合网站转变为一个交互式的、由 AI 驱动的测验，用于生成名字建议。
3. 构建产品结构：
接下来，我们讨论了整体的产品架构，包括我计划稍后构建的 SEO 内容系统。根据我们的讨论，ClaudeCode 生成了一份详细的产品需求文档 (PRD.md)。
4. 构建核心功能：
有了计划，我让 ClaudeCode 从构建主要的用户流程——测验开始。我们首先专注于让这个核心功能端到端地工作。
5. 完善设计：
我很快意识到最初的设计并不太吸引人。因此，我在 Dribbble 上找到了一些很棒的设计灵感，并将其提供给 ClaudeCode。它首先分析了这些参考资料，以确定设计风格、调色板和关键原则。然后，我让它将这些分析编译成一份正式的设计风格指南，我手动审查并批准了该指南。
6. 设计主页：
为了确保主页有效，我向 ClaudeCode 提供了其他优秀着陆页的设计原则。这让它清楚地了解了我们需要展示哪些信息。
7. 迭代细节：
有了所有参考资料，ClaudeCode 完成了主页。但是，缺少一些细节。我继续与它合作以增加润色：自定义光标、移动端响应式设计以及获取小狗图片（我指示它使用 Unsplash 或在线查找免版税图片并下载它们）。
8. 通过 SEO 和国际化进行扩展：
随着核心产品上线，我们开始构建 SEO 系统并处理多语言支持 (i18n)。事实证明，这是整个项目中耗时最长的部分。
9. 最终产品：
最后，你看到了今天的产品。整个过程，从想法到发布，花费了不到 24 小时。
我分享这个案例研究是为了表明，任何愿意尝试的人都有机会构建他们设想的产品。
我希望你也能受到启发，构建自己的产品。即使很少有人知道它，创造属于自己的东西也有一种特殊的成就感，不是吗？
查看原文
Hi everyone,<p>I'm a product manager. And as a non-coding PM, the idea of building an app from scratch by myself used to be a distant dream. But by collaborating with ClaudeCode, I was able to build and launch Dognames in a single day.<p>(A quick note: My native language is Chinese, so this article was translated with the help of AI. Please excuse any awkward phrasing!)<p>Here's a breakdown of my workflow:<p>1. Discovering the Opportunity:
I started with SEO research. Using Semrush, I found a golden keyword opportunity: "girl/boy dog names." It had high search volume but low keyword difficulty (KD).<p>2. From Idea to Concept (with AI as my user):
I shared this initial idea with ClaudeCode. To dig deeper into the user needs, I had ClaudeCode role-play as a potential user. This conversation was a game-changer, pivoting the idea from a simple information aggregation site into an interactive, AI-powered quiz to generate name suggestions.<p>3. Structuring the Product:
Next, we discussed the overall product architecture, including the SEO content system I planned to build out later. Based on our discussion, ClaudeCode generated a detailed Product Requirements Document (PRD.md).<p>4. Building the Core Functionality:
With the plan in place, I had ClaudeCode start by building out the main user flow—the quiz. We focused on getting this core feature working end-to-end first.<p>5. Refining the Design:
I quickly realized the initial design wasn't very appealing. So, I found some great design inspiration on Dribbble and fed it to ClaudeCode. It first analyzed the references to identify the design style, color palette, and key principles. Then, I had it compile this analysis into a formal Design Style Guide, which I manually reviewed and approved.<p>6. Designing the Homepage:
To ensure the homepage was effective, I provided ClaudeCode with design principles from other excellent landing pages. This gave it a clear understanding of what information we needed to showcase.<p>7. Iterating on the Details:
With all the reference material, ClaudeCode completed the homepage. However, some details were missing. I continued to work with it to add polish: a custom cursor, mobile responsiveness, and sourcing puppy images (I instructed it to use Unsplash or find royalty-free images online and download them).<p>8. Scaling with SEO & Internationalization:
With the core product live, we moved on to building out the SEO system and handling multi-language support (i18n). This turned out to be the most time-consuming part of the entire project.<p>9. The Final Product:
And finally, you have the product you see today. The entire process, from idea to launch, took less than 24 hours.<p>I'm sharing this case study to show that anyone who is willing to try has the opportunity to build the product they envision.<p>I hope you're inspired to build your own product, too. Even if very few people know about it, there's a special kind of accomplishment in creating something of your own, isn't there?