让设计和成品预览连在一起

我希望设计包装纸时，就能看见它包在礼物上的样子。预览直接使用当前图案；觉得不合适，可以带着已有设计返回调整。

这件作品用到了什么

原生 JavaScript、Canvas 2D、WebGL；图像处理、纹样排布与五种礼物造型预览。

适合视觉定制、图案生成与轻量三维预览，帮助比较包装效果；不用于精确结构计算或打印工程。

不必先保存，直接预览成品

预览使用最终成品图，省去编辑与查看包装效果之间多余的保存步骤。

历史验收核对五种造型的成品一致性，并检查返回和反复进出的状态。

返回微调，保留已经完成的设计

预览后仍可回到编辑，不要求从头重新制作。

试用后删去素模切换，让进入预览后的第一眼就是包装效果。

让原图、颜色和文字一起成立

我希望色卡保留照片本身的气息。横图与竖图都完整呈现，照片原色和对应传统色分别展示，成品中的文字也可以继续修改。

这件作品用到了什么

Preact、TypeScript、Vite、ColorThief、Canvas；浏览器内取色、传统色匹配与色卡合成。

适合照片配色、视觉灵感整理和可定制色卡。图片在浏览器内处理，原色与命名色分别呈现。

让照片保留真实比例

照片优先，横图与竖图按自身比例呈现，色样不挤走原始素材。

自动取色与点选组合；照片原色和对应传统色分别表达。

成品也可以继续修改

已有成品修改文字后直接更新，空文字不自动回填。

把输出和编辑连接起来，减少重复生成操作。

把到期提醒变成可处理的清单

到期不等于已经处理。我把日期和处理状态分开，让续费、暂缓、取消各有去处；即使错过日期，待处理事项也不会自动消失。

这件作品用到了什么

原生 JavaScript、localStorage、Service Worker；日期计算、本地保存校验与离线缓存。

适合订阅或周期事项管理。用户手动维护记录；不读取账单、不自动扣款，也不依赖后台推送。

把日期与处理状态分开

身份、日期和紧迫程度各自表达，续费、暂缓与取消各有去处。

逾期保留在待处理清单中，避免自动消失后失去处理入口。

续费之后有明确的下一步

续费从本次到期日推进；取消的项目保留恢复入口。

用状态与日期共同说明操作结果。

把查询结果和解释分开

查黄历时，通常先想知道当天写了什么，再想弄懂陌生的词。我把查询结果与白话解释分开，按需要展开；没有列出的事项也明确说明。

这件作品用到了什么

TypeScript、React 写法与 Preact 运行时、Vite、lunar-javascript；本地历法计算与词条解释。

适合传统文化内容查询和术语知识工具。结果对应所用算法的口径，不作为个人运势预测。

结果、原词与解释分层

先列出当天实际值，陌生术语按需展开，趣味内容放在解释之后。

避免把术语解释当成当前查询结果。

未列出的事项如实说明

宜、忌均命中时分别列出，无匹配时说明未列出。

不把某一项结果扩大成整类事情的判断。

让重复输入得到轻柔回应

我希望每数几只兔子，画面就给出一点轻柔的回应。星光与月相随进度变化；输错时可以修改，也可以清空输入，继续这一轮。

这件作品用到了什么

React、TypeScript、Vinext；输入状态、分阶段动画与轻量音效，场景随累计数变化。

适合情感化轻交互、节日主题和陪伴式体验。数兔进度属于当前这一轮，不承诺助眠疗效。

让小反馈更早出现

每 5 只出现一次场景变化，每 10 只补充新饼，累计数继续。

阈值从 25/100 调整为 5/10，让重复操作更快得到回应。

清空输入，继续当前进度

输错可以修改，清空只作用于当前输入；动画忙时避免重复提交。

把输入纠错与游戏重置分开，保留已经完成的这轮进度。