Vibe Coding 和 Codex 交付链路
记录设计师如何用 AI coding 工具,把设计意图推进到代码修改、本地预览和最终交付。
CodexVibe CodingWorkflow
全场景执行:从 Harness 环境搭建、Skill 编写、3D 建模到作品集维护,Codex 是我每天第一个打开的工具,它能快速把我的想法落地成可展示的东西。
将用户目标拆解为可执行的仪表盘生成流程,设计任务透明化、布局评估与组件样式对齐,让 AI 产物从能生成走向可上线。

让人人都能轻松搭建业务系统

这些内容不是正式项目,而是我在工具开发、AI 生图、动效实现和团队知识沉淀里的具体实践。每一篇都保留问题、过程、素材和反思,方便回看当时到底做了什么。
记录设计师如何用 AI coding 工具,把设计意图推进到代码修改、本地预览和最终交付。
从风格探索、参考图控制到 Skill 化沉淀,把有机渐变从单次生成变成可复用的视觉工作流。
梳理自己完成的 AI 辅助动效探索,重点放在运动结构、实现方式和设计判断。
把生图、Prompt 反推和结构化 Prompt 合并成一套可控的批量封面生产流程。
用爬虫、Base 和大模型批处理,回答一个看似无用但很适合验证 AI 工作流边界的问题。
把团队零散的 AI 分享沉淀成结构化 Base,让主题、文档、纪要、总结和反馈可以持续复用。
用 Cursor 在 4-5 小时内独立开发 Figma 插件,并通过代码理解继续优化真实使用体验。