DETAILS PAGE 统一版头

Vibecoding 探索

NO.1

项目概览

时间与类型

时间周期:2025–2026

项目类型:AI辅助开发

我的角色

产品视觉设计师
Vibe Coding 实践者

项目背景

探索从 Figma 设计稿到前端页面落地的 AI 流程。

NO.2

我负责的内容

视觉设定与页面规划

在 Figma 中先规划网站结构、页面导航与信息层级,再完成整体视觉风格设计,明确首页、项目详情页与 More Works 的内容关系。

AI协作与页面落地

通过 Codex 将设计稿转化为可访问网页,并持续根据预览效果调整宽度、间距、响应式规则、导航交互和多端适配问题。

Vibecoding 个人作品网站协作流程图
NO.3

结果与复盘

结果

完成个人作品集网站的线上搭建与持续迭代,验证了从设计稿到网页落地的 Vibe Coding 工作流。

复盘

这次探索让我更理解前端实现逻辑,也提升了我将设计需求转化为开发指令、排查还原问题和推动方案落地的能力。

AI辅助自媒体内容

NO.1

项目概览

时间与类型

时间周期:2025–2026

项目类型:AI内容制作

项目背景

通过 ChatGPT、即梦等 AI 工具提升内容创作效率,并应用于文案、平面与视频等环节,同时学习自媒体运营。

NO.2

我负责的内容

AI辅助自媒体内容流程与案例展示