把 AI 网页设计做成可验证流程:Taste、GSAP、Ponytail 与 Playwright MCP
不要把“去 AI 味”理解成多加组件和动效。本文把 Taste、GSAP、Ponytail 三项 Skills 与 Playwright MCP 串成一条网页设计标准流程:先定视觉,再收敛实现,然后只做有意义的动效,最后用浏览器验证。
AI Agent 实战提效教程
从项目落地到办公提效与内容创作的实战教程,附案例与资源包
把 AI 网页设计做成可验证流程:Taste、GSAP、Ponytail 与 Playwright MCP
不要把“去 AI 味”理解成多加组件和动效。本文把 Taste、GSAP、Ponytail 三项 Skills 与 Playwright MCP 串成一条网页设计标准流程:先定视觉,再收敛实现,然后只做有意义的动效,最后用浏览器验证。
用 Codex 搭建自媒体运营与网站开发团队:角色、模型与协作流程
一个人运营公众号、短视频和网站时,怎样让 Codex 分别负责选题、内容、开发和审核?本文用一支自媒体运营开发团队举例,列出每个中文岗位的职责、模型、推理强度、交接方式和可复制配置。
用 AI Agent 做可持续迭代的网页原型:React、SQLite 与项目规范入门
面向刚开始使用编码 Agent 的产品、设计与项目人员:从一个真实长期维护原型的经验和教训出发,用 React、Express 与 SQLite 做出可运行的需求评审台账,并用事实源文档、项目级技能和验证清单约束后续修改。
让 AI Agent 先读懂代码再动手:CodeGraph 与代码知识图谱实战
从 Token 消耗、调用链和影响范围出发,拆解 CodeGraph 的本地图谱原理,对比 Serena、Graphify 等工具,并以 Windows + Codex 为主线说明跨平台、多 Agent 的安全接入、验证、测量与风险控制流程。
用 AI Agent 从零生成网页原型:静态 HTML、Vue、React 怎么选,才能少返工、少烧 Token
先分清页面组件化与数据边界两条轴线,再比较静态 HTML、Vue、React、Mock、MSW 与 SQLite 的首次和长期 Token 成本,按原型生命周期选择更少返工的架构。
ChatGPT / Codex 插件完全指南:每个插件能做什么、怎么用、适合谁
38 个 ChatGPT / Codex 插件怎么选?从 Data Analytics、Product Design、GitHub、Figma 到 Canva 和 ChatCut,本文逐一给出图标、用途、适合人群、连接要求、提示词与职业组合,帮你更快搭好真正适合自己的 Agent 工作流。
ChatCut + Codex 剪视频教程:从插件安装到完成一次口播粗剪
基于 ChatCut 官方文档与公开插件仓库,讲清 ChatCut 是什么,并用一段自有口播素材演示安全工作流:安装并验证插件、先读素材和转写、确认删减方案、生成字幕、核对时间线,最后经人工批准再导出。
WEB 原型设计通用组件库 v2.1:AI Agent 时代仍有价值的纯离线 Axure 资源
介绍一套基于 Axure RP 9 的中后台 WEB 原型组件库:它不再是现代 AI Agent 原型开发的首选,却能在国企、政府、涉密、断网和纯内网项目中提供可控、可复用、无需云端服务的离线原型能力。
Hermes Desktop 教程:安全完成安装、模型接入与首个任务
从 Windows 与 macOS 官方安装开始,完成模型提供商配置、项目目录与权限边界设置,并通过一次可验证的只读任务掌握 Hermes Desktop 的会话、文件与技能管理方法。
程序员技能专题:用系统化调试、TDD 和完成前验证修复一个真实 Bug
面向开发人员,介绍系统化调试、测试驱动开发、完成前验证与编码纪律如何配合;用一个隔离的 Node.js Bug 保存真实红灯、根因、最小修复和绿灯证据,并附可复制提示词。
产品经理技能专题:用 Product Design 与 Superpowers 完成需求澄清、方案取舍和执行交付
面向产品经理,介绍当前真实可用的 Product Design 与 Superpowers 技能如何分工:从模糊需求、问题审计和方案探索,到可交给执行 Agent 的计划与验收标准;附每项技能的提示词。
设计师技能专题:用 Product Design、Impeccable 和 Better Icons 完成一次界面审计与交付
面向 UI/UX 设计师,把一张现有页面和设计约束转成审计结论、方案方向、图标决策和可交给开发或 AI Agent 的交付包;附每个技能的可复制提示词与验收方法。