Hi, I’m Jenny Chan.
I turn field research and complex systems into clear, buildable experiences.
尝试在白板上和我聊天吧，我会给你回答
陈健琳 · UI/UX & Interaction Designer
陈健琳 · UI/UX & Interaction Designer
OPEN SOURCE SKILLuiux-demo-skill
AI DESIGN SKILL / 01
一句话，
跑完一套作品集生产线。
我设计并开源的一套多 Agent UI/UX Portfolio Deck Skill： 从零散 brief 和真实素材出发，把叙事、视觉、构建与审查串成可复用流程。
1+6Lead + specialists
10Auto-Run stages
3Delivery modes
INPUT / ONE BRIEF
“做一份运动 App 的作品集”
REAL OUTPUT / IMAGE-RICH HTML DECK
不是流程图，结果真的能被阅读。
GUIDED PRODUCTION SYSTEM
先决定讲什么，再决定画什么。
- 01Frame
一次问完缺失信息，扫描真实素材与事实边界。
- 02Direct
确定叙事原型，冻结视觉语法与页面角色。
- 03Build
按页面选择真实截图、生图、Overlay 或 Dashboard 路径。
- 04Verify
先做 Showcase，再扩展全稿，最后进入闭环 QA。
1 LEAD + 6 SPECIALISTS
不像一个工具，像一支小型设计团队。
Strategy Agent
把零散项目资料整理成案例逻辑、叙事弧线和每一页存在的理由。
CLOSED-LOOP VISUAL QA
生成不是终点。
Build → Screenshot → Inspect → Fix → Recheck。 遮挡、错位或图文不符会被标记并重新构建；底图本身错误时则回退重做，不用 Overlay 掩盖问题。
BUILD→SHOT→REVIEW→FIX
VIBE CODED PRODUCTSvibe-coded-products.web
LIVE ON CLOUDFLARE
VIBE CODING PROJECT / 02
Fumble失 · 手 · 录
把一次小翻车，翻译成一场可以完成的仪式，再把结果收进自己的印章纪念册。
12事件类型
12互动仪式
4票券稀有度
↳ 右侧是实时成品，可以直接点击、输入和完成仪式。
PRODUCT IDEA / EMOTIONAL TRANSLATION
翻车不是结论，
是一个可以被完成的动作。
它不催用户复盘，也不把情绪变成 KPI。一次失败会被转译成擦拭、拼合、拨雾、叠飞机或描金等短仪式， 给混乱一个轻巧、具体的出口。
CORE LOOP / FOUR MOMENTS
一次输入，变成一张可收藏的票。
- 01记录
选择类别，写下一句话。
- 02翻译
生成语气、票面与动作隐喻。
- 03完成
用手势走完专属互动仪式。
- 04收藏
把这次翻车收进印章纪念册。
12 CONTROLLED RITUALS
每种情绪，
都有自己的手势。
洒了就擦开水渍，摔了就拼回碎片，被拒就把纸飞机送走，破防就沿裂纹描金。 交互不是装饰，而是产品真正完成情绪转译的地方。
AI DIRECTION / CONTROLLED UI
AI 给方向，前端守住体验。
INPUT一句翻车
→
AI分类与文案
→
PROTOCOLRitual data
→
UI稳定交互组件
工程中的模型不临时生成交互代码，只返回结构化数据；前端渲染已经设计、测试过的仪式组件。 在线原型在 API 不可用时会回退本地预设，让核心仪式仍然可以完成。
React NativeExpo 54TypeScript
CloudflareAsyncStorageHaptics
LIVE ON CLOUDFLARE
VIBE CODING PROJECT / 01
Walkl行 · 咗 · 未 ？
把香港的步行路线、城市生物与伙伴养成装进一个轻量网页，让一次散步变成可记录、可收集、可分享的探索。
路线城市探索
图鉴生物收集
伙伴成长与社交
↳ 右侧是实时网页，可直接创建身份、孵化伙伴并开始探索。
发现与创建香港步行路线。
沿途收集城市生物与路线记忆。
让步数成为伙伴成长与社交反馈。
CASE 02Jike Community.html
Case study · UX research
即刻社区体验升级
以体验诊断为线索，重构兴趣发现、社区互动、创作发布与个人沉淀。
UX researchCommunityInteraction
PAGE 03Process
How Jenny moves from ambiguity to delivery
过程会调整，证据要留下。
- 01Enter进入现场，理解真实限制。
- 02Frame把现象变成可讨论的问题。
- 03Prototype用原型验证关键判断。
- 04Deliver走查、适配并跟进落地。
CASE 01Delivery QA.html
Delivery experience · Design QA
Design QA
in the real flow.
围绕关键送货链路持续走查，让方案在真实界面与跨端细节里落地。
PAGE 05About Jenny
UI/UX · interaction · systems
从工业设计走到交互设计。
现于香港理工大学学习交互设计，曾在滴滴与美的参与真实业务，也在社区、适老化和公共文化项目里持续做研究与共创。
- Focus
- Research · product · systems
- Currently
- MSc Interaction Design
PAGE 06Ideas
Questions from Jenny's practice
还在继续追问
的问题。
从业务、场景与新工具里留下来的开放问题。
AI 参与设计时，人的判断应该留在哪里？
效率之外，如何让依据、边界与责任仍然清晰可见？
让动效解释状态，而不是只做装饰。
↗复杂服务如何少让用户记住一步？
↗软硬件如何共同完成一次体验？
↗PAGE 07Reading
Learning across disciplines
把不同学科放进同一张工作台。
- 01Creative Codingfor designers & artists
- 02Physical Computinginteraction beyond the screen
- 03Project Managementfrom idea to delivery
CASE 02Jike Community / 02
CASE
02
Community redesign · interface notes
Research becomes
a clearer structure.
把观察、问题与交互方案连成可验证的社区体验，而不是只停在一张界面图上。