免费开源:烧了1亿Token的产品原型生成 Skill ✍ 老王霸 AI Lab🕐 2026-07-09📦 6.9 KB 🟢 已读 𝕏 文章列表 本文介绍了一款开源的产品经理原型生成 Skill。作者为了解决现有 AI 原型工具“修改即重绘”的痛点,消耗约 1 亿 Token 开发了该 Skill。它遵循专业的产品流程(IA推导、设计规划、Figma 输出),通过硬性约束规则确保设计的可控性与去 AI 味,支持 Codex、Cursor 等环境。 CodexAgent开源原型设计Figma工具与效率 # 免费开源:烧了1亿Token原型Skill,真的好用 **作者**: 老王霸 AI Lab **日期**: 2026-07-09T04:23:44.000Z **来源**: [https://x.com/laowangbabababa/status/2075073391263178914](https://x.com/laowangbabababa/status/2075073391263178914) ---  老王霸大家好,我是老王。 AI时代,做原型这件事,已经不可能再回到古法手搓了。 从ChatGPT那会儿大家开始用对话生成界面,到现在各种v0、Bolt、Lovable满地跑,AI辅助原型的方法论,确实丰富得吓人。 但你有没有发现一个特别拧巴的事。 方法太多,反而更乱。 你用AI画个按钮,它连带着把文案改了。你说换个颜色,它把布局推倒重来。你让它生成一个后台列表页,它给你整了个SaaS落地页,奶油底色,紫蓝渐变,三个feature卡片排排坐。 好看吗。第一次看还行。第十次你就想砸键盘。 更崩溃的是,AI生成的HTML原型,你没法细调。间距差4px,你改不了。按钮颜色不对,你只能让AI重新roll,然后它又把别的东西改飞了。那种感觉,像在跟一个手抖的设计师合作,改一个像素,重画一整屏。 所以我决定,自己写一个。下面的提示词我没有加任何描述,全是一句话:生成会员系统的前台页面原型  提示词:生成AI比价的前台原型,需要符合淘宝的视觉规范,功能丰富详细  作为原型来讲,真的足够了,不需要画出无比精美的UI,这些是设计师干的活,你别把他的饭碗抢没了。但如果需要自己的功能,一定要在提示词中明确。 花了一天。准确说,从早到晚,一把梭。 改了多少版已经记不清了,反正Codex对话窗口被我撑爆了好几轮。烧了差不多1亿Token,就靠大家的三连给我回点血了,感谢各位老板。 开源地址在这里。 https://github.com/pmlaowangba-lab/laowangba-pmprototype-skill 整个项目是一个Codex Skill,核心思路很简单。不是让AI凭空画图,而是给它套上一套产品经理做原型的正经流程。先想信息架构,再定设计规划,再过反AI味检查,最后才落Figma。每一步都有检查,每一步不过关就不准往下走。 名字叫产品原型生成 Skill,B端C端都行,后台App都行,直出Figma可编辑稿。 ## 它怎么干的 你一句话丢给它,比如做个会员后台,它会先帮你理清这个后台到底要哪些页面,每个页面上放什么。理清楚之后,自动在 Figma 里给你画出来,画完还会自己检查一遍,把那些一看就是 AI 画的、花里胡哨的东西删掉。 最关键的是,你想改哪里就改哪里。按钮颜色不对,一句话,它只动那个按钮,不会把你已经调好的其他东西弄飞。  ## 怎么装,一分钟搞定 怎么用,2步。 准备清单。 - 任意一个Coding Agent。Codex可以,Cursor可以,Claude Code也可以。只要支持Skill加载就行。 - 一个Figma账号。免费版就行,注册一个。 - Figma MCP或Figma插件已配好。Cursor有plugin-figma-figma,装好OAuth就行。 - GitHub链接,https://github.com/pmlaowangba-lab/laowangba-pmprototype-skill 安装方式。 把GitHub链接丢给你的Agent,让它帮你装。原汤化原食。 装好之后,在任务里指定Skill就行。 使用产品原型生成Skill,生成一个会员系统前台页面原型 然后它就跑起来了。从IA推导到Design Plan到Anti-Slop到page.ui.yaml到Figma,全程自动化。你只需要在关键节点确认一下,剩下的它自己跑。 觉得有用的话,记得回GitHub给我标个星,谢啦。 ## 开发背后的故事 来聊聊这个东西是怎么做出来的。 一开始我把所有反AI味的规则写进SKILL.md里,用自然语言描述。结果AI每次读到的理解都不一样。有时候它觉得这个不算slop,有时候它自作主张放宽了标准。 最后我发现,你没法用自然语言约束AI的审美。你得用硬规则。 于是我把规则从建议改成了硬要求。每一步做完必须先过检查,过了才能往下走。一共七道检查,任何一道卡住,整条流水线停下来等你确认。那些防AI味的规则也不再是嘴上说说,是硬性要求。没过就是没过,回去改,改完再往下。 大家看第一版,流程还比较松散,步骤之间没有强制检查。  再看现在的版本,每一步都被卡得死死的,那些不要画成AI味的大空话,全变成了具体到不能再具体的规则,一条一条对着打勾,有一条不过就打回去重来。  视觉、结构、严谨度,完全不一样了。 另外就是,想要AI产出稳定的设计,得先给它稳定的token。颜色、间距、字号、圆角,全部写死在DESIGN.md里,生成时只能从token表取值,不接受它自己发明。 这不是限制创意,是防止抽卡。 ## 最后 欢迎各位来玩,这还是v0.1版,希望多提建议,报bug。这个Skill我会持续迭代。 现在的版本,Figma执行那块还有一些生成质量不稳定的情况。复杂页面偶尔会丢region结构,需要手动patch。后续想把这部分的鲁棒性再提一提。也欢迎大家在评论区支个招,一起优化。 它后面可以无缝嵌进产品经理做需求的完整流程。PRD写完了,Skill自动推导IA,生成原型,落到Figma。设计师打开Figma直接接手改,不用从零画。产品经理对着Figma跟开发对需求,不用再拿截图拼PPT。 毕竟,AI时代做原型,不该回到用Ai画Axure那条路上去。 它应该更稳,更快,更可控。 而今天,你有了一个能帮你这套流程跑起来的东西。 觉得有用的话,GitHub上标个星,转发给也在做产品的朋友。感谢各位老板。 更多文章关注公众号:老王霸AI Lab ## 相关链接 - [老王霸 AI Lab](https://x.com/laowangbabababa) - [@laowangbabababa](https://x.com/laowangbabababa) - [833](https://x.com/laowangbabababa/status/2075073391263178914/analytics) - [https://github.com/pmlaowangba-lab/laowangba-pmprototype-skill](https://github.com/pmlaowangba-lab/laowangba-pmprototype-skill) - [https://github.com/pmlaowangba-lab/laowangba-pmprototype-skill](https://github.com/pmlaowangba-lab/laowangba-pmprototype-skill) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [12:23 PM · Jul 9, 2026](https://x.com/laowangbabababa/status/2075073391263178914) - [833 Views](https://x.com/laowangbabababa/status/2075073391263178914/analytics) --- *导出时间: 2026/7/9 17:28:14*
H Hermes Agent Masterclass: 安装、配置与基础命令 本文介绍了开源 AI Agent Hermes 的安装与基础配置。Hermes 由 Nous Research 开发,支持多种模型和终端运行,具有会话复用和技能积累的独特设计。文章详细讲解了在 Windows、macOS 和 Linux 上的安装步骤、设置向导流程以及如何配置推理提供商。 技术 › Agent ✍ tonbi🕐 2026-07-29 HermesAgentAI安装教程CLI工具与效率开源
逆 逆向 329 条 GPT-Image2 提示词并开源:工业级模板引擎 作者逆向分析了 329 条 GPT-Image 2 的提示词案例,并将其开源至 GitHub。项目不仅涵盖了直播、海报、拆解图等多种视觉类型,还创新性地提出了「Prompt-as-Code」理念,将视觉要素原子化为 JSON 结构,实现了 Agent 自动化调用的零配置工作流,彻底改变了传统抽卡式的出图体验。 技术 › 工具与效率 ✍ 苍何🕐 2026-05-24 GPT-Image2提示词工程开源AgentAI设计工作流自动化Codex逆向工程
我 我是如何从18天赚65刀的模拟盘中,一步一步提取出Agent交易策略?(附开源skills) 本文详细记录了作者利用AI(GPT、Claude、Codex)从模拟盘交易数据中反向提取量化交易策略的全过程。作者首先在模拟盘中实现了年化364%的收益,随后通过多模型交叉验证分析历史成交记录,剥离出核心的“震荡网格”盈利逻辑。在此基础上,作者构建了一套包含趋势监控、参数生成和风险控制的自动驾驶交易系统,并最终在OKX实盘上线。文章展示了AI在金融策略研发中的强大能力,并附带了完整的开源代码与数据。 技术 › Agent ✍ 我真的没有拼多多🕐 2026-05-01 AI交易量化策略Agent网格交易开源策略回测OKXClaudeCodex自动化监控
开 开源「洁癖.Skill」,让你的Agent越用越聪明 文章介绍了一款名为“洁癖.Skill”的开源工具,旨在解决Agent长期使用后因上下文和文档混乱导致的“越用越笨”问题。该Skill通过自动审查和迭代项目的文档、记忆及配置文件(如CLAUDE.md),确保知识库的准确性,适用于Claude Code、Codex等多个平台。作者提出“合并优于追加,删除优于保留”的原则,强调在AI协作中保持信息纯净比信息海量更重要,这能让开发者通过“存档”机制实现Agent的持续进化。 技术 › Skill ✍ 数字生命卡兹克🕐 2026-04-29 AgentClaude开源工具与效率文档管理Claude Code洁癖.Skill提示工程上下文管理自动化
I If You're Not Using These 100 Repos, Delete CLAUDE CODE 文章指出许多人低估了 Claude Code 的潜力,仅仅将其视为普通的 AI 编码工具。作者通过整理 100 个最佳仓库,展示了如何利用 configs、plugins、skills 和 subagents 极大提升开发效率。文中详细列出了精选列表、官方 Anthropic 仓库以及技能集合等资源,帮助开发者构建强大的 AI 辅助开发工作流。 技术 › Claude Code ✍ kaize🕐 2026-04-26 Claude CodeAgentSkillsPluginsAnthropicDevOps工具与效率MCP开发工具开源
逆 逆向 329 条 GPT-Image2 提示词,开源工业级模板库 作者逆向分析了 329 条 GPT-Image 2 提示词,并开源了一套工业级提示词模板库。该项目将视觉要素原子化为 Schema,支持 Agent 调用,实现了“提示词即代码”,涵盖了直播、海报、技术详解等多种应用场景,旨在解决 AI 绘图中提示词难复用和无法自动化的痛点。 技术 › 工具与效率 ✍ 苍何🕐 2026-04-26 GPT-Image2AI绘图提示词工程开源Agent自动化模板Codex
B BestBlogs 周刊第 91 期:智能体的基建与进化 本期周刊主题为“基建周”,指出智能体正从 demo 迈向生产系统,技术栈面临重建。文章深入剖析了 Cloudflare 如何补齐计算、存储等边缘云原语,以及 Claude Opus 4.7 与 Codex 在执行层的安全与操作进化。同时,对比了开源项目 Hermes 的工程兜底策略,探讨了 Notion 与 MiniMax 在记忆系统和电脑操作上的实践经验,揭示了智能体“思考、纪律、基建”的分层进化路径。 技术 › Agent ✍ ginobefun🕐 2026-04-19 AgentCloudflareClaudeCodexHermes工程化基建智能体开源LLM
用 用开源 AI 工具生成项目架构图 文章介绍了一款名为 Architecture Diagram Generator 的开源 Claude 技能,它允许开发者通过简单的英文提示词自动生成深色主题的精美系统架构图。文章详细讲解了如何从 GitHub 下载并安装该技能到 Claude Code,以及如何通过聊天界面快速生成、迭代和导出独立的 HTML/SVG 架构图。该工具不仅支持本地项目,还能解析 GitHub 公共仓库,是文档编写和项目交接的得力助手。 技术 › Claude ✍ AlphaSignal AI🕐 2026-04-17 ClaudeAgent架构图开源DevOps工具与效率
A Agent 记忆:一篇讲透,小白也能看懂 文章以通俗易懂的比喻,深入浅出地讲解了 AI Agent 的记忆机制。通过对比 OpenClaw 社区的三种记忆方案(扔掉旧笔记的压缩方案、分层档案馆方案、以及 MemOS 按需检索方案),揭示了如何解决 AI“健忘”的问题。重点介绍了 MemOS 如何通过全量记录、按需检索和技能进化,大幅降低 Token 消耗并提升开发效率。 技术 › Agent ✍ 泊舟🕐 2026-04-01 AgentOpenClawMemOSLLM记忆机制上下文窗口工具与效率开源开发助手AI架构
装 装完 Codex 不知道干什么?这 6 个 GitHub Skills 让你做视频搞钱 文章介绍了 6 个适用于 Codex 的 GitHub Skills,涵盖动效生成、视频剪辑、批量制作、AI 生成及中文剪辑等工具,帮助用户构建自动化视频工作流以提升效率。 技术 › Codex ✍ Kay🕐 2026-07-30 Codex视频制作AgentSkill自动化HyperFramesRemotionAI剪辑工作流
小 小白如何从0到1搭建自己的AI知识库 本文介绍了如何从零开始搭建个人AI知识库。作者提出了一套包含文本文件、Agent工具、规则和真实任务的工作方式,并详细说明了准备四样要素(开放文件夹、真实任务、Agent工具、工作规则)和五个具体步骤的方法,帮助用户通过简单的流程实现知识的积累与迭代。 技术 › 工具与效率 ✍ 金尘马🕐 2026-07-30 AI知识库AgentWorkBuddyCodexMarkdown提示词个人管理RAG生产力
I I got tired of being a human AGENTS.md 作者受够了每次与编码代理沟通时重复上下文,因此开发了AsterMem,一个本地运行的内存服务器。它将记忆存储为Markdown文件,支持离线运行,并自动提炼用户画像供代理读取。用户可完全控制和编辑记忆,避免黑盒问题。 技术 › Agent ✍ Asterove🕐 2026-07-29 Agent本地化隐私保护MarkdownCursorClaudePythonFastAPIReact开源