我们团队的AI工作流和工具

作为一个AI Native Startup ，这是我们团队新人必看的文档。

汇总了实际在用的 AI 工具和skill，每个都写了它是什么、我们怎么用。

全文无广，放心分享。

六、

产品需求讨论的 Skill

https://github.com/DragonJames2026/prd-discuss

这是我多次调教后形成的skill，直接开源，安装后对 AI 说「需求讨论」「我想做一个…」就会触发，把模糊的想法聊成能落地的需求文档，或者明确否定你这个想法。

它解决一个具体问题：你和AI讨论产品想法时，它总是顺着你的想法说，而且还给你一些所谓的论据蒙蔽你。这个 skill 让 AI 当「会说不行的搭档」：

需求先于方案：先找目标用户现在「在凑合」的证据，找不到就怀疑你提的需求是臆想的。

竞品现实：搜网看谁已经在解决同一需求；没人做别默认是蓝海。

结构化反方：让 AI 攻击方案：找失败的同类、为最强竞品辩护、质疑数据解读。

结局允许三种：值得做（出 PRD）、不做（留档为什么不做）、还不确定（标出怎么验证）。

一、

Claude + Codex 的混合用法

Claude

Codex

像什么

聪明的产品经理 + 设计师

逻辑严密的工程师

强项

讨论想法、分析问题、出方案，审美在线

按既定方案写代码，执行稳定

推荐配合方式：先在 Claude 里把想法聊透、让它给出执行方案，然后让 Claude 通过 CLI 控制 Codex 来写代码，写完后再由 Claude 来review。

贵的用来动脑，便宜的用来动手。

推荐工作流：

1. 先把问题丢给 Claude 讨论。它调研了主流产品的做法，拿着证据和你逐条对齐方案，由你拍板；

2. 方案定稿后，让 Claude 整理成执行文档——改哪里、怎么改、哪些做法讨论过但被否决，全部写清楚；

3. 让 Claude 通过 CLI 控制 Codex 写代码实现；完成后再让 Claude 对照文档逐条评审，并模拟真实用户把流程走一遍验收。

心得1：任何生产力工具在使用前，先看有没有 MCP 或 CLI。

心得2：不仅给自己做 skill ，还要给你的上下游做 skill。

心得3：Codex搞不定的UI和动效，交给Claude来搞，好太多了。

二、

飞书 CLI：让 Agent 直接使用飞书

官方介绍：让 AI 直接操作你的飞书——仅需一行指令，在任意 Agent 操作飞书。支持 Claude Code、Codex、Cursor 等所有主流 Agent 工具。

这是把 AI 接进团队协作的关键一步，装好后，Claude 和 Codex 就能像同事一样使用飞书：收发消息、写文档、改多维表格。AI 的产出不再停留在你自己的电脑里，而是直接进入团队的消息流和云端文档。

我们高频的三类用法：

1.方案直达同事。和 Claude 把问题讨论清楚后，说一句「发给某某」，它会把结论整理成条理清晰的消息或文档直接发过去。

2.报告直接写成飞书文档。竞品调研、数据分析这类工作，让 AI 边做边写成飞书文档，大家直接在文档里看结果、提评论。

3.接进群里跑定时任务。产品日报、周报都是 AI 定时取数、写好、发进群的；每个工作日早上还有一次「晨间体检」——AI 自查线上数据、逐条审核前一天的各项细节数据，把发现的问题私聊发给负责人，全程无人值守。

三、

AI 语音输入法：Typeless

官方介绍：「Speak, don't type（张口说，别打字）」——自然地说，它实时把你的话变成像认真打出来的消息、邮件和文档，官方称比打字快 4 倍。

动嘴代替打字。对着它随便说，它自动整理成规整的书面文字——语气词、停顿、颠三倒四、说半截改口，都会被自动理顺。

出海团队最实用的一点：中文说，英文出。开口是中文，落到屏幕上直接是英文。

免费平替：豆包输入法和微信输入法（电脑端）自带的 AI 语音输入。日常纯中文输入的话，这两个免费的就够用。

四、

AI 视频剪辑：ChatCut

官方介绍：「Your AI Video Editing Assistant（你的 AI 视频剪辑助手）」——告诉它你想要什么效果，它自己想清楚怎么做，然后替你完成。

用说的方式剪视频。把 ChatCut 接入 Codex 后，你描述想要的效果，AI 替你完成剪辑操作——相当于一个听得懂人话、自己会动手的剪映。素材混剪这类要求不高的活交给它，效率提升非常明显。

五、

设计相关的 Skill

skill 本质上是一份教 AI 做事的说明书，Claude 和 Codex 都能装。下面是我们在用的六个设计与网页排版类 skill，安装来源一列可直达它们的 GitHub 仓库：

frontend-design

做出有个性、生产级质感的界面，摆脱「一眼就是 AI 做的」模板脸

从零做网页、组件、落地页

https://github.com/anthropics/skills

huashu-design（花叔 Design）

用 HTML 做高保真原型、交互 Demo、幻灯片、动画；拿不准方向时，并行做出几版真实视觉方案供你挑

想快速看到效果图、探索设计方向、做演示

https://github.com/alchaincyf/huashu-design

make-interfaces-feel-better

界面细节打磨手册：动效、阴影、圆角、字体、图标，以及 hover / loading 等各种状态的工程级原则

UI 初版完成后的精修阶段

https://github.com/jakubkrehel/make-interfaces-feel-better

emil-design-eng

设计工程师 Emil Kowalski 的动效与 UI 打磨哲学：什么时候该加动画、怎么加才对

做过渡动画、弹层、微交互时

https://github.com/master5d/claude-design-skills

web-design-guidelines

按 Vercel 的 Web 界面规范逐条审查代码：无障碍、响应式、交互状态，输出到行号的问题清单

UI 完成后的最终审查

https://github.com/vercel-labs/web-interface-guidelines

wechat-article-format

把写好的公众号文章排成成熟推文版式：导语卡片、章节标题、列表卡片、图注、重点句标记；不改一个字，靠程序校验兜底

公众号文章写完、发布前排版时

https://github.com/DragonJames2026/wechat-article-format

怎么搭配用？看任务套组合：

做一个新落地页：先用 frontend-design 出设计方向和第一版代码；能跑之后用 make-interfaces-feel-better 过一遍细节——按钮的 hover 反馈、卡片阴影深浅、文字对齐；页面里有弹窗或滚动动效，就让 emil-design-eng 把动画时长和缓动调舒服；最后用 web-design-guidelines 从无障碍、响应式到交互状态整体审一遍。

想给团队演示一个新功能的想法：只用 huashu-design。直接做出一个能点击的 HTML 原型或一套幻灯片，不用等开发排期。

按任务和阶段取用，不必每次全上。

七、

主流 App 页面截图库：Mobbin

官方介绍：「Discover real-world design inspiration（发现来自真实世界的设计灵感）」——收录 1,400+ 应用、62 万+ 页面截图、32 万+ 交互流程，每周持续更新。

几乎所有主流 App 的每个页面都被截图收录在这里，做产品原型和设计时作为参考。两种用法：

自己看：要设计订阅页、新手引导这类页面时，一次搜出几十个同类 App 的同款页面，横向对比它们的做法。

让 AI 看：接入 Mobbin 的 MCP，让 AI 先研究同类产品怎么设计这个页面、总结出规律，再来设计我们自己的。我们已经接好 MCP，直接对 AI 说「去 Mobbin 看看别家的订阅页都怎么做」就能用。

八、

AI 硬件：飞书x安克录音豆

官方介绍：飞书与安克创新联合推出的 AI 录音硬件——10 克重的磁吸「纽扣」，5 米收音、自动识别发言人，会后自动生成图文纪要并沉淀进飞书。

一颗随身带的录音硬件。开会、工作讨论、做用户访谈时打开它，结束后录音会自动转写、整理成飞书里的纪要文档，不用再一边聊一边埋头记。

实用技巧：默认整理纪要的模型效果比较普通。纪要生成后，把文档链接交给 Claude 或 Codex，让它对照原始录音把纪要补充完善，能发现更多细节、机会和待办。

你在实践中验证过好用的 AI 工具和实操经验也欢迎分享到评论区