YIYU WORKS ↗
YIYU UI / OPEN LAB免费公开 · 实验版 0.1

让界面有想法。
也有下一步。

不止看一张好看的图。
打开案例,试试交互,带走设计方法。
用自己的 Skills,把想法变成可用的界面。

进入界面实验 ↘
01 / EXPERIMENTS

三个切口,一套做事的方法。
先让任务成立,再让视觉有个性。

可以打开的界面

原创参考实现 · 合成示例数据 · 浏览器本地保存

技能工作空间的搜索、分类与收藏列表01 / WORKSPACE
对象优先 / 中等密度

给工具一个
好找的地方。

技能工作空间:把分类、搜索和收藏放在同一条使用路径里。

设计决定

先看对象,再看说明。颜色区分类别,收藏反馈直接留在卡片上。

打开实验 ↗
项目看板的待开始、进行中、已完成三列任务02 / PROJECT BOARD
状态可见 / 操作可达

把下一步,
放到眼前。

项目看板:创建任务、改变状态,让一个小项目往前走。

设计决定

三列对应三个状态。手机纵向排列,保留任务名称与状态操作。

打开实验 ↗
可调节字号与行距的中文阅读排版实验03 / TYPE STUDY
内容优先 / 阅读节奏

让文字,
值得读下去。

排版实验:调节字号与行距,观察同一段内容的阅读变化。

设计决定

用真实中文检验换行。层级来自大小、间距与重量,不依赖浅灰文字。

打开实验 ↗
02 / A BETTER BRIEF

把「好看一点」
说得具体一点。

给 AI 明确的任务、视觉方向和验收条件。
这是一份起点,你的内容决定最终界面。

YOUR BRIEF / 可编辑

可直接修改后复制。生成结果仍需真实浏览器检查。

03 / TOOLS FOR THINKING

把方法装进工作流。

免费开源 Skills,按任务选择。
在支持 Skills 的 AI 编程工具中安装使用。

BUILD / OBSERVE / REFINE

设计不是结束在截图里。

这些案例是独立编写的参考实现,不是跨模型效果评测。
页面能用、状态清楚、文字读得明白,是每次实验的起点。

在 GitHub 继续探索 ↗