存这篇，是为了完整保留我在 KA21 同时做教程作者和产品体验协作者的项目复盘：6 篇新手教程与网站搜索、热门推荐优化都在解决“新手下一步怎么走”。
类型：自己产出
作者：罗旭清（箱子）
我在 KA21 担任 AI 教程作者和产品体验协作者，把表情包、IP 动画、批量设计、电商全案这些复杂任务写成新人能跟着完成的教程，也参与网站搜索入口和热门推荐功能优化。这两类工作都在解决同一个问题：新手下一步该怎么走。
Fig. 02 · KA21 网站入口分类、搜索和热门推荐出现在同一页面里，能看到网站如何组织新手进入路径。
Fig. 01 · KA21 website entry and recommendation surface.
项目背景
KA21 不是凭空出现的工具导航网站。它从真实社群长出来，先有人、内容和实测经验，后来才有教程、入口和共创网络。
从一个群聊，到一个江湖。
2024 年 10 月，KA21 群初立。一群因 AI 结缘的人在微信群里相遇，昼夜纵谈，消息日千则而不止。
没有人预料到，这个群会长成后来的样子。它先是一个热闹的群聊，后来慢慢长成一个江湖：有人写文章，有人做教程，有人成为 AI 博主和讲师，也有人把群里的知识、工具和实测经验继续沉淀成网站。
我在这里做的两类贡献，也要放回这个语境里看：一类是 6 篇面向新手和进阶用户的 AI 教程；另一类是参与热门推荐板块的产品设计，把用户“找不到方向”的问题放回网站入口里处理。
Fig. 03 · KA21 团队页团队页把共创网络摊开，项目不再只是单点教程。
新手卡住的不是按钮。
很多 AI 教程只展示最后结果：一张图、一个视频、一套详情页。但新手真正卡住的地方往往发生在结果之前。
他不知道先选哪个工具，不知道提示词写到什么程度，不知道生成结果哪里不对，也不知道免费版的水印、积分、成本会不会影响最终使用。
所以我写教程时不会只给一句“神奇 prompt”。我会把任务拆成：做什么、为什么选这个工具、第一步怎么开始、中间怎么判断、失败后怎么改、最后怎么导出或继续交付。
Fig. 04 · 下一步流程豆包教程把新手最需要的“下一步怎么做”放到画面里。
设计判断
教程不是工具越堆越多，而是根据用户起点选择讲法：复杂任务要整合，低门槛任务要提前消化小麻烦。
能简单，就不要硬复杂。
flowith 表情包教程解决的是多流程切换的问题：创意构思、IP 设定、生图、表情包提示词、Agent 自动生成都散在不同环节，新手容易中途断掉。我把它拆成 4 步，让用户能看到一条从设定到表情包成品的链路。
豆包表情包教程解决的是另一个问题：用户不是没有工具，而是想知道有没有更简单的。于是我把原来的 4 步体验流程压缩到 2 步，并用手机端、智能体、AI 编辑功能处理文字、水印、清晰度这些真实小麻烦。
Fig. 05 · 升级前后对比前后效果放在一起，让读者看到低门槛流程也能带来质量变化。
灵魂设计不是空想出来的。
KA21 宣传 KT 板任务里，关键不是“做几张好看的板子”，而是活动现场要让人愿意拿起来合照。
我在沟通里抓到“很有合照欲望”这个信息后，先去看什么样的 KT 板会让观众想加入、想拍照，再把社区氛围转成提示词里的文字组、情感基调和视觉统一规范。
后来真正解决的问题也很具体：角度不适合打印、背景太像场景展示、多个文案混在一张图里、风格不统一。我的工作是把这些问题一项项改成稳定的批量设计任务。
Fig. 06 · 合照欲望沟通里出现的关键词，决定了后续批量设计的方向。
不是最优，但要完整。
杯子电商全案里，我没有把 AI 设计停在“好看的图片”。我从 IP 创意和参考案例出发，把路径拆到产品草图、三视图、3D 文件、商品主图、视频素材、营销成片、商品详情页，再补到版权登记、样品打样和外观专利检索。
我没有把这条路径写成工业设计的替代方案。它更适合新手和小团队：先用 AI 把想法做成能讨论、能展示的版本，再决定要不要继续投入打样和生产。
我在原文里也保留了限制：这不是最优路径，细节不完美，工具成本也不低。但它完整、诚实、能让人知道下一步往哪里走。
Fig. 07 · 杯子电商路径草图、3D、主图、详情页和视频被放进同一条产品表达路径。
落地交付
教程线解决“怎么学”，网站线解决“从哪里开始找”。两条线都落在真实交付上，而不是停在方法论。
6 篇教程，6 个入口。
KA21 的 6 篇教程没有围着同一个工具反复写。我按新手在不同任务里真正会卡住的地方来选题。
豆包表情包解决的是低门槛开始；flowith 表情包解决的是多流程整合；入门 IP 动画解决的是从静态形象到短片；进阶 IP 动画强调复杂 AI 流程里的判断权；KT 板解决的是批量视觉任务稳定性；杯子电商全案解决的是 AI 创意如何进入产品表达。
Fig. 08 · 6 篇教程矩阵搜索“明冥箱子”后，同屏能看到围绕不同任务入口展开的 KA21 教程。
让搜索先给用户方向。
KA21 是工具导航网站，搜索不是边缘功能，而是新手找工具的核心入口。问题是：网站接入了 Umami，但搜索框本身没有事件统计。当别人问“输入框用户到底用得多不多”，团队不能只靠感觉回答。
讨论后，我们看到总用户活动记录 19,740 条，其中搜索相关活动 7,851 条，占比 39.8%。这说明搜索已经是高频入口，但用户仍然需要方向。
所以方案收敛到搜索框下方的热门推荐板块：用“大家都在搜”和“网站热点”给用户第一批关键词，点击标签后填入搜索框并触发搜索。箱子负责需求发起、RIDE 方法论、界面交互设计和开发文档，三金负责代码实现，吴漫参与讨论协调。v1.0 在 2025-09-08 上线。
Fig. 09 · 搜索问题原点飞书文档里提出“输入框用户用得多吗”，后续数据分析从这个问题开始。
Fig. 10 · 热门推荐上线记录飞书文档里的开发测试结果，记录了热门推荐板块 v1.0 的上线状态。
教程线回答“怎么学”，网站线回答“从哪里开始找”。我最后得到的判断很简单：AI 新手常常缺的只是下一步。
能开始给入口、给第一步、给可照做的流程。
能判断解释成本、权限、失败、风格和导出限制。
能继续把打样、上线、埋点、推荐入口这些下一步讲清楚。
能守边界团队协作不写成个人独立完成，证据不足不强写。
来源：旧站（Cloudflare Workers） · 查看旧站原文
- 作者:罗旭清（箱子）
- 链接:http://43.142.82.174/article/case-ka21-ai-tutorial-product
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
