七年经验的产品经理总结了用 AI（豆包工作 + Skill）画原型的 8 种方法：对话直接出原型、手绘草图转原型、截图复刻再改、网址复刻再改、代码复刻原型、PRD 生成原型、通过 MCP 写入 Figma/Pencil/墨刀等设计工具、生图模型直接出效果图。文章按输入起点分类讲解各方法的适用场景与操作技巧，并给出按起点和场景的选择指南。相比传统设计工具拖拽画原型的流程，新方法将一个页面的绘制时间从半天压缩到几分钟，并可通过公开链接直接分享评审，大幅提升产品经理的效率。
本文介绍了一套将 Figma 设计稿高保真还原到既有前端工程的 Agent 自动化流程。作者总结了五类高频还原问题：设计语义丢失、多页面样式不统一、标注与真实界面混淆、素材导出策略模糊、旧页面局部改造被全量覆写。解决方案包括：通过项目级规范、知识索引和错误情况补充构建实现约束层；采用双层组件映射（语义判断 + 真实 API 确认）提升组件复用率至接近 100%；推行标注前缀协议与三类素材标签；引入时间戳版本快照机制避免循环中重复拉取设计数据以降低成本；并建立统一视口、状态流转、固定数据等五重比对前提，形成六步视觉闭环流程，最终差异率低于 0.15 阈值，还原度超过 90%。
作者基于7年产品经理经验，分享了如何利用 Codex 和自制的 PM-Skill 2.0（21个Skill，GitHub 1000+ star）跑通产品经理全流程工作。文章演示了从需求调研、竞品分析、网站转原型、PRD撰写、多角色评审、埋点设计到发布站点的完整链路，全程在 Codex 内完成。上线后还可用 pm-analytics 做数据分析、pm-experiment-designer 做实验设计、pm-postmortem-writer 做复盘。作者认为垂类 Agent 本质是通用 Agent 加上特定工作流，通用 Agent 配合 Skill 组装即可定制出特定职业的工作台，开发也可借此给自己配个产品经理。
本文是 Codex 实战教程，作者以「一页」阅读打卡小程序为例，完整演示从零到发布微信小程序的流程：先用 Figma 确定页面设计，可通过 Codex 生成 SVG 草案再导入 Figma 制作可点击原型；再通过 Figma MCP 让 Codex 读取设计稿，按 WXML、WXSS、JavaScript 技术栈生成微信原生小程序代码；随后导入微信开发者工具模拟运行、调试报错；最后手机预览、上传体验版并提交审核发布。文章面向零代码基础的读者，强调只需写清楚提示词和提供设计稿，无需看懂代码即可完成开发。
文章指出使用 AI 不应陷入反复解释需求的低效循环。作者分享了 5 个提升 Codex 效率的方法：利用插件连接外部工具、使用 Goal Mode 自主规划任务、配置自动化定时执行、通过 MCP 接入 Obsidian 知识库，以及将常用流程固化为 Skills。
文章探讨了 Claude 结合 Figma 如何解决网页设计中最难的部分：从“想法”到“执行”的转化。作者指出，AI 极大地提高了从规划、文案到代码生成的效率，使得一个人就能完成以前需要一个团队的工作。文章强调，未来的核心竞争力不再是单纯的编码或绘画能力，而是人类的审美品位、指导 AI 的能力以及快速交付的速度。
作者分享将蚂蚁灵光 2.0 Personal Agent 内测版接入米家、百度网盘、钉钉、QQ邮箱、美团跑腿、瑞幸、麦当劳、滴滴、高德、飞猪、美图、支付宝、微信读书、网易云音乐和淘宝共 15 个国民级 App 的完整体验。文章详细介绍了各服务的接入方式（扫码授权、MCP、Skill、CLI、申请 Key 等），展示其在天气穿衣提醒、点餐、打车、账单统计、比价盯价等场景的主动性能力，并总结出一套可复用的配置提示语，认为手机端 Personal Agent 与电脑端 Agent 是完全不同的物种，最大优势是能接国内服务并主动推送信息。
作者分享了6个提示语技巧，用于消除DeepSeek和Codex生成代码动画/UI时的AI味。包括：删除重复无信息的文案、去掉多余的装饰框和阴影、为颜色分配固定用途、统一字号和图标对齐、一屏只讲一件事、优化动效使其服务于叙事和反馈。文中每个技巧都配有具体可用的提示语。作者还预告了正在开发的大剪辑Skill，能用DeepSeek剪出十分钟真人口播视频。
作者开源了一套耗时数周、花费数千美金打磨的数字人制作工作流Skills。只需一张照片和一句话指令，即可全自动生成数字人直播间带货广告，包括脸、声音、直播间、花字、价格动画等全部由AI完成。文章详细介绍了九大步骤：接入Renoise MCP工具、合成场景图、AI推荐风格、切分稿件、先报价拍首段、whisper回听与抽帧质检、拆解25支头部博主视频提炼的48个包装组件、三层景深字效果、以及过渡帧检查。成片成本仅482积分，替代了传统主播、灯光、场地、剪辑师的制作流程。
作者分享了如何用 Claude Code 配合 Opus 5.5 将整个 SEO 部门自动化运营的实践经验。通过 ChatSEO MCP 提供数据智能层（Search Console、关键词量、实时 SERP、竞品分析），Claude Code 充当 SEO 总监负责规划与执行，人工只审批涉及线上页面的改动。文章给出了 6 个可直接安装的 Skill 文件，涵盖：聚焦商业意图的关键词模式挖掘、一关键词一页面避免自相蚕食、对标 SERP 前三名构建页面等内容，并强调了防止 AI 编造数据等实操细节。
作者分享了一套免费的深度 AI SEO 实战课程，核心是用 Claude（尤其是 Claude Code + ChatSEO MCP）系统化提升网站搜索排名与商业转化。内容包括：先选择有商业意图的关键词而非虚荣流量；用关键词模式批量生产页面；按转化意图排序的 9 种软件类页面类型（替代页、对比页、集成页等）；用 Claude 批量写作、内链、生成结构化数据；并强调 GEO（AI 引用优化）必须建立在优质 SEO 之上。文章强调 AI 是执行之手、数据工具是大脑、人负责审批，并按周重复执行整个流程。
作者介绍了开源项目 AI Design Skills，目前提供 landing-page-design 技能，适用于 Claude Code、Cursor、Codex 等可读取规则文件的 AI 编程工具。它不是现成模板，而是一套从内容到视觉的制作规则：先明确产品定位与用户目标，再组织页面结构；统一字体、间距、配色和动效等视觉系统；并补齐按钮悬停、加载、空页面、报错、表单校验、移动端适配和无障碍等交付细节，避免 AI 生成千篇一律的默认样式。评论区还交流了表单校验保留已填内容等实用经验。
作者分享使用 Claude Code 配合 DeepSeek Flash 1017 模型制作两个 Remotion 视频的经历，总成本不到 3 元。一个视频作为个人介绍页的开屏动画，另一个是 52 秒的 Media Kit 视频。作者基本只负责描述想法，通过开启 xhigh 思考模式、配置 workflow 并挂载 remotion-best-practices skill，模型即可直接实现效果。文章还介绍了该 skill 的路由机制：平时只占一句描述的上下文，需要时才按需读取转场、字幕、音效等子文档。作者提到之前担心的缓存命中问题已不存在，命中率超过 98%。
