3 个项目实证 AI

↗

Hi，我是朱朱。
AI 设计工程师 & Builder。

面向 AI 产品设计 / Design Engineer / 原型工程方向，把模糊需求和参考图拆成可验证的产品 demo。 Codex 案例代表项目 image2_UI_skill GitHub 已获得 82star，相关内容全网 2w+ 播放。

82star GitHub 2w+ hicolor 访问 900+ Meetup 报名 2w+ 内容播放

项目 01

image2
UI Skill

截图 / 设计稿 → 可执行 UI demo，可复用工作流。

把参考图和产品想法变成可点击 demo。

hicolor

照片拼贴网站，发布两个月访问量 2w+。

查看产品项目 03

Cursor
Meetup

广州站策划 / 分享嘉宾，900+ 人报名。

查看活动

代表项目

每个案例都按面试官会追问的路径展开：我要解决什么问题、我具体负责什么、产出了什么，以及结果如何验证。

01 image2_UI_skill

把参考图 / 截图拆成资产策略和可点击 demo，沉淀为 Codex Skill。

GitHub 82star 02 hicolor

从 0 到 1 做出可用网站，并用社媒推荐和访问数据验证。

2w+ 网站访问 03 Cursor Meetup

线下活动推进 + 技术分享，用报名数据和现场图验证组织与表达。

900+ 报名

2026

image2_UI_skill

为了解决“参考图 / 设计稿很难变成可执行界面”的问题，我设计并整理了这个 Codex Skill：把 UI 截图、设计稿、App 参考图转成可执行的网页或 App demo；保留交互文字、按钮和布局，复杂视觉资产再调用 image2。

项目 01 / AI UI 工作流

把参考图变成可点击 demo

先拆界面，再判断代码和 image2 资产边界，最后用可打开页面和动图验收。

目标: 参考图 → 可点击 demo
负责: 工作流 / 前端 / image2 规则
产出: Codex Skill + 示例 demo
结果: GitHub 82star / 内容 2w+ 播放

image2_UI_skill clickable demo preview — 左侧展示可点击 demo 动图，右侧展示发布后的截图成果：置顶内容、列表数据和社媒播放反馈。

image2_UI_skill content data list — 左侧展示可点击 demo 动图，右侧展示发布后的截图成果：置顶内容、列表数据和社媒播放反馈。

打开 GitHub 仓库

hicolor

hicolor 是我从 0 到 1 做的轻量图片工具：可上传、拼贴、保存，也被社媒推荐带来 2w+ 访问。

项目 02 / 产品验证

把照片拼贴做成可用网站

上传图片，生成拼贴，保存下载。重点是让一个灵感变成能被真实使用的小工具。

目标: 验证工具
负责: 产品 / 页面
功能: 拼贴 / 下载
结果: 2w+ 访问

产品操作

固定展示 hicolor 产品操作视频。

打开 hicolor

2025.7

Cursor Meetup Guangzhou

作为策划者和分享嘉宾参与 Cursor Meetup Guangzhou，负责活动推进、主题表达和设计工作流分享。活动报名 900+ 人，分享主题为“设计 x MCP”：Cursor + MCP 打造设计新体验。它证明我不只会做 demo，也能把新工具方法讲给开发者和设计师听，并推动协作发生。

项目 03 / 线下活动

组织活动，也讲清方法

这部分重点展示两个角色：一是把活动组织起来，二是把 AI 设计工作流讲清楚。

作为策划者 推动广州站活动落地，900+ 人报名。

参与活动推进、报名传播和现场协作，把社区活动从话题变成真实线下场景。

作为分享者 主题：设计 x MCP

分享 Cursor + MCP 如何进入设计流程，展示 AI 时代设计工作的新体验。

Cursor Meetup Guangzhou registration stats and team photo — 报名统计和现场图片作为来源旁证。

Design x MCP talk at Cursor Meetup Guangzhou — 报名统计和现场图片作为来源旁证。

查看活动分享

可验证成果

这些数据分别证明内容表达、开源沉淀、产品访问和线下组织能力：项目不只停留在概念层，也有真实反馈。

关键数据

内容传播 2w+ AI UI / Codex 项目教程累计播放量

把复杂 AI UI 工作流讲成普通用户能理解的内容，相关视频累计播放 2w+。

开源反馈 82star GitHub / 9 forks

把一次教程沉淀成可安装、可复用的 Codex Skill，仓库已获得 82star。

产品访问 2w+ hicolor 发布两个月网站访问量

hicolor 从产品上线到社媒推荐形成真实访问，两个月累计访问 2w+。

线下活动 900+ Cursor Meetup Guangzhou 报名人数

作为策划者和分享嘉宾参与活动推进，近 1000 人报名；分享主题为 Design x MCP。

查看项目

内容播放 3.7w / 1.0w 单条播放

同一套 AI UI 工作流被拆成连续内容发布，证明主题有外部兴趣。

置顶内容 12.5w 封面播放展示

用真实发布封面展示传播结果，不再用示意图替代。

产品访问 hicolor 被推荐带来访问

从工具上线到外部推荐，形成真实用户进入路径。

线下验证 Cursor Meetup 近千人报名

报名统计和现场合照一起证明组织与表达能力。

个人 demo

自己的 demo 展示

这里放的是我自己做过的小 demo 和创作实验：把一个想法快速落成页面、视频或可展示的作品，而不是项目传播数据。

查看代表项目

灵感笔记

把一句模糊想法先落成一行，再继续整理成可展示的内容。

demo 视频 灵感收集

灵感笔记 demo 展示。

公开学习 / 公开创作

开源资源

从 openprocessing 到创意编程灵感库

1.3w 浏览1123 赞

不只是作品图

这三个案例里有真实页面、可点击 demo、开源反馈、访问量和活动报名，能看到项目从想法到传播的完整过程。

内容 全网 2w+ 播放

“不会设计不会代码”对应的是一个真实门槛，也是一套工作流可以解决的问题。

开源 GitHub 82star

把一次教程沉淀成可安装、可复用、可维护的 Skill。

产品 hicolor 2w+ 访问

发布两个月用户访问量 2w+，Threads 海外推荐帖赞 7000+。

线下活动 Cursor 900+ 报名

2025.7 广州站，作为策划者和分享嘉宾，把 Design x MCP 带到现场。

可点击 Demo

Hi，我是朱朱。AI 设计工程师 & Builder。

image2UI Skill

hicolor

CursorMeetup

代表项目

image2_UI_skill

把参考图变成可点击 demo

hicolor

把照片拼贴做成可用网站

社媒推荐带来真实访问

Cursor Meetup Guangzhou

组织活动，也讲清方法

可验证成果

关键数据

自己的 demo 展示

灵感笔记

Learn in Public

艺术互动也可以用 Cursor 轻松实现

一张图变成 demo，降低做产品的门槛

用 AI 生成专属 3D 圣诞树

春天色彩打孔器，从小工具到真实访问

从 openprocessing 到创意编程灵感库

不只是作品图

Hi，我是朱朱。
AI 设计工程师 & Builder。

image2
UI Skill

Cursor
Meetup