箱子 · KA21 双线作品集
KA21 AI NIUMAKU · AI EDUCATION · PRODUCT ENTRY

把 AI 拆给新手用

教程是路径,网站是入口。

在 KA21 AI 牛马库,我把表情包、IP 动画、批量设计、电商全案这些复杂 AI 任务拆成新人能完成的教程,也参与把网站搜索入口设计成更有方向感的热门推荐板块。两条线合起来,指向同一个能力:把 AI 翻译成普通人真的能开始、能判断、能继续的路径。

6
AI Tutorials
1
Live Feature
27
Creators
39.8%
Search Activity
2
Contribution Lines
field reading · education path
6
用教程和入口把 AI 任务翻译给新手。
Scroll ↓ 项目背景
Project Entry · Website ContextKA21
KA21 AI 牛马库搜索页和热门推荐入口截图
Fig. 02 · KA21 网站入口分类、搜索和热门推荐出现在同一页面里,能看到网站如何组织新手进入路径。

Fig. 01 · KA21 website entry and recommendation surface.

Act I · Project Framing
Act I

项目背景

KA21 不是凭空出现的工具导航网站。它从真实社群长出来,先有人、内容和实测经验,后来才有教程、入口和共创网络。

01A · Community To Infrastructure项目来处
群聊江湖

从一个群聊,到一个江湖。

一灯传诸灯,直至万灯皆明。

2024 年 10 月,KA21 群初立。一群因 AI 结缘的人在微信群里相遇,昼夜纵谈,消息日千则而不止。

没有人预料到,这个群会长成后来的样子。它先是一个热闹的群聊,后来慢慢长成一个江湖:有人写文章,有人做教程,有人成为 AI 博主和讲师,也有人把群里的知识、工具和实测经验继续沉淀成网站。

我在这里做的两类贡献,也要放回这个语境里看:一类是 6 篇面向新手和进阶用户的 AI 教程;另一类是参与热门推荐板块的产品设计,把用户“找不到方向”的问题放回网站入口里处理。

Community to Infrastructure — 从群聊生长出工具网络
KA21 团队页截图
Fig. 03 · KA21 团队页团队页把共创网络摊开,项目不再只是单点教程。
KA21 团队页箱子成员卡片
团队页中的箱子角色
Role Context
KT 板教程中的 KA21 社群介绍图
KT 板教程里的社群来处
Community Context
01B · New User Friction真实卡点
新手卡点

新手卡住的不是按钮。

是不知道下一步该怎么办。

很多 AI 教程只展示最后结果:一张图、一个视频、一套详情页。但新手真正卡住的地方往往发生在结果之前。

他不知道先选哪个工具,不知道提示词写到什么程度,不知道生成结果哪里不对,也不知道免费版的水印、积分、成本会不会影响最终使用。

所以我写教程时不会只给一句“神奇 prompt”。我会把任务拆成:做什么、为什么选这个工具、第一步怎么开始、中间怎么判断、失败后怎么改、最后怎么导出或继续交付。

Next-Step Clarity — 新手最缺的不是工具,是下一步
豆包表情包进阶创作步骤图
Fig. 04 · 下一步流程豆包教程把新手最需要的“下一步怎么做”放到画面里。
IP 动画教程里的邀请、额度与付费说明截图
权限、额度、付费这些真实小麻烦
Friction Detail
flowith 表情包教程里的构思过程截图
从构思开始,而不是只展示结果
Workflow Start
Act II · Design Reasoning
Act II

设计判断

教程不是工具越堆越多,而是根据用户起点选择讲法:复杂任务要整合,低门槛任务要提前消化小麻烦。

02A · Path Compression教程方法
路径压缩

能简单,就不要硬复杂。

工具选择要服从用户起点。

flowith 表情包教程解决的是多流程切换的问题:创意构思、IP 设定、生图、表情包提示词、Agent 自动生成都散在不同环节,新手容易中途断掉。我把它拆成 4 步,让用户能看到一条从设定到表情包成品的链路。

豆包表情包教程解决的是另一个问题:用户不是没有工具,而是想知道有没有更简单的。于是我把原来的 4 步体验流程压缩到 2 步,并用手机端、智能体、AI 编辑功能处理文字、水印、清晰度这些真实小麻烦。

Tool Choice Follows User Entry — 工具选择服从用户起点
豆包表情包升级前后对比图
Fig. 05 · 升级前后对比前后效果放在一起,让读者看到低门槛流程也能带来质量变化。
flowith IP 提示词生成交互流程截图
flowith 把 IP 设定接到生成链路
Multi-Step Chain
flowith Agent 模式执行截图
Agent 模式把重复动作接起来
Automation Step
豆包表情包手机端创作流程截图
手机端路径把门槛压低
Mobile Entry
02B · Scene-Aware Prompting视觉判断
灵魂细节

灵魂设计不是空想出来的。

提示词之前,先看现场会发生什么。

KA21 宣传 KT 板任务里,关键不是“做几张好看的板子”,而是活动现场要让人愿意拿起来合照。

我在沟通里抓到“很有合照欲望”这个信息后,先去看什么样的 KT 板会让观众想加入、想拍照,再把社区氛围转成提示词里的文字组、情感基调和视觉统一规范。

后来真正解决的问题也很具体:角度不适合打印、背景太像场景展示、多个文案混在一张图里、风格不统一。我的工作是把这些问题一项项改成稳定的批量设计任务。

Scene-Aware Prompting — 提示词要先接住现场
KA21 KT 板沟通方向截图,提到合照欲望
Fig. 06 · 合照欲望沟通里出现的关键词,决定了后续批量设计的方向。
KT 板提示词共性整理截图
先找提示词共性
Prompt Pattern
KT 板提示词总结文档截图
把社区氛围填进结构
Copy Structure
KT 板设计试错结果截图
批量生成后的试错修正
Iteration
02C · Exploratory Commercialization商业路径
商业路径

不是最优,但要完整。

AI 创意要能走向产品表达。

杯子电商全案里,我没有把 AI 设计停在“好看的图片”。我从 IP 创意和参考案例出发,把路径拆到产品草图、三视图、3D 文件、商品主图、视频素材、营销成片、商品详情页,再补到版权登记、样品打样和外观专利检索。

这条路径不是为了证明 AI 可以替代完整工业设计流程,而是给新手和小团队一个可参考的探索路径:当传统流程成本高、周期长、试错慢时,AI 可以先帮他们把想法推到一个更可讨论、更可展示的位置。

我在原文里也保留了限制:这不是最优路径,细节不完美,工具成本也不低。但它完整、诚实、能让人知道下一步往哪里走。

Exploratory Commercialization — 从创意图走向商业表达
杯子电商素材清单图
Fig. 07 · 杯子电商路径草图、3D、主图、详情页和视频被放进同一条产品表达路径。
杯子电商全案项目开篇图
从 IP 创意进入产品主题
Product Theme
杯子 3D 文件生成过程截图
把草图推进到 3D 文件
3D Step
杯子电商详情页和测款路径截图
继续面对详情页、测款和保护路径
Commercial Path
Act III · Execution And Delivery
Act III

落地交付

教程线解决“怎么学”,网站线解决“从哪里开始找”。两条线都落在真实交付上,而不是停在方法论。

03A · Tutorial Matrix内容资产
教程矩阵

6 篇教程,6 个入口。

从第一次做出来,到知道怎么迁移。

我在 KA21 的 6 篇教程,不是围绕一个工具反复写,而是围绕新手在不同任务里的阻塞写。

豆包表情包解决的是低门槛开始;flowith 表情包解决的是多流程整合;入门 IP 动画解决的是从静态形象到短片;进阶 IP 动画强调复杂 AI 流程里的判断权;KT 板解决的是批量视觉任务稳定性;杯子电商全案解决的是 AI 创意如何进入产品表达。

Entry 01
表情
从构思、生图到表情包生成。
Entry 02
动画
从静态 IP 到短片分镜和导出。
Entry 03
批量
把现场文案和风格统一进 KT 板任务。
Entry 04
商业
让 AI 创意走到产品表达。
flowith 表情包教程执行过程图
flowith 表情包
Sticker Workflow
IP 动画教程创作灵感图
IP 动画创作
Animation Entry
KA21 KT 板教程现场目标示意图
KT 板批量设计
Batch Visual
杯子电商全案产品创意过程图
杯子电商全案
Commerce Path
KA21 搜索明冥箱子显示 6 篇教程的长截图
Fig. 08 · 6 篇教程矩阵搜索“明冥箱子”后,同屏能看到围绕不同任务入口展开的 KA21 教程。
Tutorial Matrix — 内容不是数量,是路径覆盖
03B · Search Intent To Entry Design上线功能
推荐入口

让搜索先给用户方向。

不是等用户想关键词,而是先给入口。

KA21 是工具导航网站,搜索不是边缘功能,而是新手找工具的核心入口。问题是:网站接入了 Umami,但搜索框本身没有事件统计。当别人问“输入框用户到底用得多不多”,团队不能只靠感觉回答。

讨论后,我们看到总用户活动记录 19,740 条,其中搜索相关活动 7,851 条,占比 39.8%。这说明搜索已经是高频入口,但用户仍然需要方向。

所以方案收敛到搜索框下方的热门推荐板块:用“大家都在搜”和“网站热点”给用户第一批关键词,点击标签后填入搜索框并触发搜索。箱子负责需求发起、RIDE 方法论、界面交互设计和开发文档,三金负责代码实现,吴漫参与讨论协调。v1.0 在 2025-09-08 上线。

Search Intent to Entry Design — 把搜索意图变成入口
如何回答用户输入框使用情况的文档截图
Fig. 09 · 搜索问题原点飞书文档里提出“输入框用户用得多吗”,后续数据分析从这个问题开始。
热门推荐板块开发测试上线结果截图
Fig. 10 · 热门推荐上线记录飞书文档里的开发测试结果,记录了热门推荐板块 v1.0 的上线状态。
Total Activity
19,740
用于判断搜索入口是否值得继续优化。
Search Related
7,851
搜索相关活动已经不是边缘行为。
Share
39.8%
写成方向判断,不写成上线后增长结果。
Act IV · Adaptive Methodology
先让人完成,再让人理解。

教程线解决的是“怎么学”,网站线解决的是“从哪里开始找”。两条线底层是同一个判断:AI 新手最缺的不是更多术语,而是下一步。

能开始给入口、给第一步、给可照做的流程。

能判断解释成本、权限、失败、风格和导出限制。

能继续把打样、上线、埋点、推荐入口这些下一步讲清楚。

能守边界团队协作不写成个人独立完成,证据不足不强写。

KA21 LOGGED BY XIANGZI