Design × AIGC × Vibe Coding

把想法做成产品,把内容跑出数据

我是湛扬,南昌大学 2027 届设计硕士。近一年的实践主要围绕三件事:定义产品流程、组织 AIGC 内容生产,以及用代码把原型推进到可访问、可验证的状态。

AIGC 产品 / 内容设计实习 6 个月+ 实习 base 深圳
Figma Photoshop Illustrator Premiere Pro After Effects Gemini Codex Claude Code ComfyUI Seedream 即梦 可灵
Content Metrics

AIGC 矩阵
运营数据

以下数据来自短剧账号后台和单条作品记录(截至 2026 年 5 月),用来说明选题、发布频率和平台分发的实际表现。

单条播放 116.95万

单条短剧作品后台播放数据

矩阵累计播放 300万+

多平台账号累计播放口径

作品发布 186

包含测试稿、连载稿和复盘稿

短剧系列 7

按题材和角色线分组更新

单条最高 3278

单条作品点赞、评论等互动汇总

多平台累计 5000+

抖音、视频号、快手等平台汇总

Private Domain

公众号私域
内容运营

围绕“权哥漫剧”做 AIGC 剧影 / AI 漫剧方向内容运营,记录平台规则、制作流程和案例复盘。数据截至 2026 年 5 月,主要用于判断选题是否有继续拆解和系列化的价值。

近 30 天阅读 3.3万+

最近 30 天权哥漫剧后台阅读统计

内容分享 4663

最近 30 天文章分享统计

关注沉淀 1712

权哥漫剧截至截图日期的累计关注

文章页关注来源 74.8%

关注来源以文章页为主

单篇最高阅读 1040

单篇文章阅读上限记录

单篇分享峰值 79

单篇文章分享上限记录

Business Metrics

商业化
管理后台

剧影工坊不只停留在展示页,也搭建了授权发放、账号管理、API 密钥、Token 成本和请求监控后台,用来支撑真实的软件交付和商业化验证。

商业闭环 / Loop 注册 → 购买 → 发码 → 调用 → 成本核算

把前台展示、授权售卖和模型调用成本放进同一套后台,便于继续观察产品是否具备真实交付价值。

API 密钥 40

可用密钥池

付费授权 42

已启用授权

累计用户 100+

注册、试用与授权

累计请求 2,728

模型调用记录

Token 成本 $134.94

累计模型消耗 6.42M Token(截止 5 月末),今日消耗 982.38K,可用于估算商业化模型调用成本。

后台模块
  1. 官网入口
  2. 授权发码
  3. API 调用
  4. 成本复盘

能力模块

这里不按软件名称罗列能力,而是按实际项目中承担的工作来组织:需求拆解、界面设计、内容生产、上线验证和复盘。

我更擅长站在设计和生产之间,
把开放问题拆成可执行步骤。

设计训练让我重视结构和表达,AIGC 实践让我更清楚模型能力边界;
Vibe Coding 则补上了从方案到可交互页面之间的执行环节。

南昌大学 2027 届设计硕士,研究方向为 AIGC 与人机协同。已独立上线两款产品:juyingai.top 是全流程 Vibe Coding 项目,围绕 AI 短剧与电商内容生产,持续迭代官网、授权购买、算力充值和后台数据分析链路;
woodrestore.uk 用于展示 AI 视觉修复研究原型。另参与过商业 AIGC 内容制作项目,完成第一季 25 集交付。

* 本站参考 Positivus(Figma Community 社区作品)的视觉系统,用 Claude Code / Codex 复刻、改写并迁移为个人作品集,也是一次完整的 Vibe Coding 练习。

联系我聊项目
SZA SOS 专辑封面 Frank Ocean Blond 专辑封面 陶喆 I'm OK 专辑封面 插画风格专辑封面 Daniel NEVER ENOUGH 蓝紫低清动态专辑封面

精选作品

这里按“产品交付、内容运营、视觉项目”三条线组织:先说明可以上线和复盘的项目,再展示审美判断、生成控制和可视化表达。

Product

剧影工坊:面向短剧团队、内容工作室和电商运营的 AIGC 工作台。作为全流程 Vibe Coding 项目,负责从页面实现、授权购买到后台数据分析的持续迭代优化。

访问网站 ↗
AIGC Pipeline

大型公司 AIGC 内容制作:参与商业项目中的 AIGC 动漫短剧生产,负责多模型生产流程、视觉风格统一、分镜生成和 SOP 整理,完成第一季 25 集交付。

受 NDA 保护,面谈可展示
Research

WoodRestorer AI:研究型 AI 视觉修复系统。围绕检测、修复、可控生成和 ComfyUI 编排搭建流程,用于测试 AIGC 在木材修复场景中的应用路径。

访问网站 ↗
Prompt Engineering

权哥漫剧:围绕 AI 短剧创作方法的内容索引。整理分镜结构、角色一致性、开场钩子和成片校准相关的提示词经验。

权哥漫剧 ↗
Product Observation

iClip Air 指甲钳视觉化

从一个普通指甲钳出发,观察日常物件为什么总被当成“工具”而不是“产品”。我尝试用 AIGC 和设计思维重塑它的形态、材质和场景,把低关注度的小物件做出更克制、干净、接近消费电子的高级感。

iClip Air 指甲钳悬浮产品主视觉
产品主视觉 / Ordinary object to premium product
Project: iClip Air Scope: 生活观察 / 结构重塑 / 产品广告视觉 Method: AIGC 概念可视化与设计判断
Observation

普通指甲钳常常被藏在抽屉里,脏、杂、廉价感强,但它其实是每个人都会反复接触的生活工具。

Design

用圆角、白色哑光、低对比压印和隐藏式结构语言,弱化五金感,让它更像一个可以被摆出来的小型产品。

AIGC

用生成图像快速验证主视觉、三视图、旧物对比和生活场景,把“高级感”从抽象形容词落到可比较的画面里。

iClip Air 指甲钳三视图
形态三视图 / Form and proportion
传统旧指甲钳与 iClip Air 对比
旧物对比 / From clutter to clarity
iClip Air 指甲钳结构特写
结构特写 / Detail and material
iClip Air 指甲钳生活场景视觉
生活场景 / Quiet home object
iClip 与 iClip Air 尺寸形态对比
尺寸与产品线 / Standard and Air
动态展示 / Product motion
Visual Design

Pingu 盲盒设计

围绕《企鹅家族》Pingu 的角色识别做再设计:保留圆形身体、红色喙和情绪化表情,同时把道具、包装和展示场景整理成一套更适合收藏玩具的视觉方案。

Pingu 盲盒角色系列主视觉
角色系列主视觉 / Character lineup
Project: Pingu 盲盒设计 Scope: 角色三视图 / 包装 / 场景渲染 Method: IP 符号提炼与 AI 辅助视觉迭代
Pingu 盲盒设计案例说明页
Case A / 角色来源与项目定位
Pingu 盲盒三视图与细节展示
三视图与结构细节
Pingu 盲盒角色场景展示
角色动作与道具组合
Pingu 盲盒包装与角色展示
包装、陈列与收藏感表达
AIGC IP Design

雷咚咚 AIGC 虚拟情感陪伴 IP 设计

以“柔软、陪伴、低攻击性”为核心,设计一个适合短视频叙事的虚拟情感陪伴 IP:蓝色作为视觉记忆点,毛绒强化亲近感,恐龙身份带来轻微反差。

15s 情感陪伴场景
Character System

从毛绒角色到镜头段落

雷咚咚更像一个住进现实生活里的“小住客”:慢半拍、很认真、有礼貌。通过床边、被窝、镜子等日常场景,让“靠近、躲藏、确认自我”形成一条轻喜剧式情绪线。

Project: 虚拟情感陪伴 IP Scope: 三视图 / 分镜 / 视频化 Method: AIGC 角色一致性与镜头控制
8 镜头脚本 15s 无声剧情 3 视图统一
雷咚咚角色正侧背三视图
角色三视图 / Front, side and back view
雷咚咚情感陪伴视频分镜
镜头脚本 / 情绪节奏设计
动作测试 / Silent motion test
设计判断

角色造型控制在圆润体块和低饱和蓝粉配色内,便于保持亲近感;毛绒触感降低攻击性,恐龙身份提供记忆点和反差,让小事变得重要,也让用户自然产生保护欲。

CASE STUDY / SCENARIO PRACTICE

实操案例:深夜“零食柜大冒险”

通过具体的分镜脚本规划与视觉资产生成,还原雷咚咚在生活场景中的趣味片段。下方展示了该场景的分镜故事板与配套生成的场景资产库

分镜故事板 / Storyboard Grid
探索与攀爬 (探索期)
01
0-5s / 特写 → 慢推全景,固定镜头
钻出与打量

零食柜特写,雷咚咚从柜后缝隙钻出,走到柜前仰头打量柜体。

BGM / 轻微窸窣声
02
4-8s / 面部特写,轻微对焦
攀爬与挫折

零食柜全景,雷咚咚向上攀爬,中途下滑险些跌落,借力继续攀登,最终爬到柜顶。

SOUND / 咚咚 (拟声)
发现与享用 (互动期)
03
8-13s / 全景跟随,小幅上下运镜
拉开与享用

雷咚咚特写,费力拉开抽屉;切抽屉内部特写(各式零食);特写,雷咚咚跳进抽屉开始吃零食。

VOICE / “咿呀”、“嘿呀” (语气词)
04
13-18s / 特写切换,快速转镜
吃饱与沉睡

雷咚咚在盛满零食的抽屉中吃饱喝足,然后安稳地睡了过去。

VOICE / “哇” (语气词)
惊醒与出逃 (收尾期)
05
18-23s / 空镜转门口特写 → 鸟瞰俯拍
主人走入客厅

窗外阳光下移(时间流逝);房门推开,主人走入客厅,鸟瞰:抽屉满是零食袋,雷咚咚蜷缩熟睡。

BGM / 节奏稍放缓
06
23-30s / 侧拍固定镜头,跟随出逃
惊醒与逃遁

雷咚咚猛地惊醒坐起;侧面视角,小龙与主人对视,短暂沉默,转身钻缝隙逃走。

BGM / 无额外台词,变活泼搞笑
场景资产库 / Scene Asset Library
温馨暖阳零食柜场景概念
环境概念 / Scene Concept 温馨阳光下的零食柜实景概念,奠定全片真实且治愈的陪伴基调。
雷咚咚与零食抽屉细节
角色置入 / Character Setup 雷咚咚在盛满各式零食的抽屉中吃薯片的局部特写,展现高精度毛绒材质和生动的角色表情。
动作生成测试 / Vidu Motion Test 利用 Vidu AI 生成的单镜头动作测试,验证雷咚咚攀爬拉开抽屉时毛绒触感与物理阻尼的真实度。
剧情成片演示 / 30s Final Cut 包含完整 6 个镜头故事线的剧情视频。真实还原雷咚咚从探索、偷吃到被主人惊醒出逃的全过程。
AIGC 连续镜头画面测试 (8格)
连续分镜测试 / Motion Sequences Grid 由 AIGC 生成的 8 格镜头序列图,用于验证雷咚咚从探头、攀爬、拉抽屉到睡觉、逃走等一连串动作在现实场景中的连贯度与风格一致性。
Project Records

把作品拆成能被追问的项目记录。

每个项目按目标、职责、输出和结果组织:产品线回答“能不能落地”,运营线回答“有没有数据”,视觉线回答“审美和控制力”。

iClip Air 品牌动态视觉
iClip Air / AIGC product visualization
产品广告镜头过程拆解 contact sheet
镜头拆解 / Contact sheet
01 / 剧影工坊

全流程 Vibe Coding 产品迭代

角色
页面实现、迭代优化、数据分析
输出
官网前台、下载入口、授权码、算力套餐、订单中心
结果
juyingai.top 已上线,覆盖注册、购买、发码、API 充值和后台监控
02 / 商业 AIGC 内容

把生成流程变成稳定产线

角色
多模型管线、风格统一、SOP 整理
输出
第一季 25 集 AIGC 动漫短剧交付
结果
版权项目无法公开播放,可说明流程与职责边界
03 / 短剧矩阵运营

用数据验证内容判断

角色
选题、脚本、生成、发布、数据复盘
输出
视频号、抖音、快手多平台矩阵
结果
累计 300 万+ 播放,单条最高 116.95 万播放
04 / WoodRestorer

研究型原型到公开页面

角色
视觉修复流程、ComfyUI 编排、页面表达
输出
AI 木材修复展示站与研究材料
结果
woodrestore.uk 已上线,研究材料持续整理中

工作流程

从问题拆解到上线验证,我通常按这几个环节推进

01 需求与痛点提炼

先确认目标用户、使用场景和交付约束,把“想做什么”拆成可以设计、生成、开发和验证的问题。

02 信息架构与交互设计

用 Figma 输出信息架构、关键流程和高保真界面,优先保证用户能理解入口、状态和下一步动作。

03 Vibe Coding 实现

使用 Claude Code、Codex、Cursor、DeepSeek 等工具完成前端页面、交互和基础部署,把设计稿推进到可访问 Demo。

04 多模型内容生产与 SOP 搭建

按环节做模型分工:图像、视频、分镜、配音和剪辑分开处理,再用 SOP 控制角色、画风、节奏和返工成本。

05 上线与运营验证

将产品部署上线,或将内容发布到抖音、视频号、快手等平台,通过播放、转化、反馈和留存判断迭代方向。

06 复盘沉淀

整理提示词、模型边界、失败版本和数据表现,把一次项目中的判断沉淀成下一次可复用的检查清单。

项目看点

这些看点对应后续可以展开的案例材料:产品、内容、技术、运营、研究和平台观察。

01

剧影工坊

Vibe Coding / 商业化后台

围绕 AI 短剧制作和电商内容生产,持续迭代官网前台、授权购买、订单发码、API 充值和后台数据分析链路。

02

大型公司 AIGC 内容制作

商业项目 / 生产流程

参与某大型公司 AIGC 动漫短剧内容制作,负责多模型内容管线、视觉风格统一和 SOP 整理。

03

独立运营

短剧矩阵 / 300 万+ 播放

独立运营视频号、抖音、快手三个 AI 短剧矩阵号,持续记录选题、发布节奏和平台反馈。

04

WoodRestorer

AI 视觉修复 / 研究原型

搭建检测、修复、可控生成与 ComfyUI 编排流程,用研究型原型验证视觉修复链路。

05

设计基础

交互 / 视觉 / 用户研究

本科艺术设计学,硕士设计方向,具备交互设计、视觉传达、用户体验研究和 Vibe Coding 实践基础。

06

玩家视角

游戏 / 泛娱乐 / 二创

长期关注 FPS、MOBA、策略、3A 等品类,对游戏内容、社区传播和泛娱乐生态有持续观察。

07

权哥漫剧

提示词工程 / 内容索引

围绕 AI 短剧生产整理提示词、分镜结构、角色一致性和开场钩子方法,可通过权哥漫剧继续索引。

08

iClip Air

生活观察 / 产品视觉化

从普通指甲钳出发,用 AIGC 快速验证形态、材质、主视觉和生活场景,把日用品做成更克制的产品表达。

09

Pingu 盲盒设计

IP 符号 / 收藏玩具

围绕角色识别、道具系统、包装陈列和三视图整理视觉方案,展示 IP 再设计中的符号提炼能力。

10

雷咚咚

AIGC IP / 情感陪伴

把角色关键词、三视图、分镜脚本和无声视频串成连续表达,验证虚拟情感陪伴 IP 的叙事可能性。

查看完整项目

我想说说

保留一点个人判断,但仍然服务于作品集主线:审美、方法和交付。

01

Less is more,但前提是知道哪些东西可以被拿掉。

Ludwig Mies van der Rohe
我喜欢克制的表达,也希望在 AIGC 工作流里尽量减少不可控的偏差。

02

工具只是手段,关键是它在哪个环节降低了判断和返工成本。

设计 / 生成 / 编程
Figma 用来定结构,AIGC 用来扩展方案,代码负责把方案推进到可交互页面。

03

高频使用模型之后,我更关心的是边界,而不是惊喜。

重度 AIGC 用户
Claude / Gemini / GPT 高频使用,提示词、失败版本和返工原因都会整理成可复用的 SOP。

04

作品集不是展示“我做过很多”,而是让对方判断我能负责哪一段。

岗位理解
和不同团队沟通过之后,我更清楚 AIGC、设计、内容和产品岗位各自关心的交付标准。

05

很多问题卡住,不是因为不会做,而是因为没有把语言对齐。

跨岗位翻译
我会把设计意图、交互状态和数据结构放在同一张图里讨论,减少前后端和设计之间的理解偏差。

06

好的作品集不应该像仓库清单,而应该像一组清楚的交付记录。

我的偏好
展示结果,也说明为什么这样做、哪里失败过、下一版应该调整什么。

07

生成模型可以发散,但最后仍然需要有人负责取舍。

我的角色
我更愿意负责定义方向、控制质量、删掉不稳定部分,并对最终结果负责。

08

持续自费使用 Claude、Codex、Gemini,是为了把工具理解变成真实产出。

下一站
希望进入一个同时重视创意判断和执行质量的团队,把想法推进到可上线、可验证的状态。