Files
workbuddy_skills/oil-ui-pro/assets/cards/showcase/card.html
T
admin d9445b5888 oil-ui-pro 0.15.4 → 0.22.2(上游 ui.oiloil.org 正式包)+ 记 P0-98 跨盘 rename 坑
- oil-ui-pro 升到 0.22.2:references 13→28 份(新增 16、删 imagery.md)、assets 增 cards/(22 组)与 fonts/、SKILL.md 顶层五步结构未改名。
- 升级路径:官方 `npx github:oil-oil/oil-cli update` 稳定失败(error=replace、报「检查目录权限」)。
  真身为 EXDEV —— 解压在 os.tmpdir()(C 盘)、技能目录在 E 盘,Windows 上 rename 不能跨盘;
  CLI 的 catch 把非 CliError 原生异常一律兜底成 replaceFailed,真错误一个字不吐。
  做法=借其 prepare() 只做下载+校验,再 cp 到同盘 stage、rename 交换;官方命令复验 up_to_date。
- 回归:product-planning 按名引用的 visual-review.md/tools.md/design-direction.md/style-explorer.md 全部健在;命名闸门 2061|0|27。
- session-mechanism/references/pitfalls.md 新增 P0-98(含通则:更新器把原生错误兜底成指错方向的人话)。
2026-10-14 10:21:46 +08:00

9 lines
4.1 KiB
HTML

<div class="showcase-row" aria-label="品牌视觉展示">
<article class="showcase-card" data-card="showcase" data-example="morrow" data-motion="auto" data-background="editorial"><div class="showcase-window"><div class="showcase-art"><img data-image="image" alt="珊瑚色与紫色的发光粒子,汇成四枚环绕的种子" src="showcase/images/morrow-thermal.jpg" width="750" height="1000" loading="lazy"></div><span class="showcase-wordmark" data-text="brand">morrow</span></div><div class="showcase-caption"><p data-text="description">把每一个微小的喜欢,聚成新的灵感。</p><a class="showcase-link" data-href="href" href="#showcase"><span data-text="action">走近 morrow</span> <span>↗</span></a></div><small>01 · 热感颗粒</small></article>
<article class="showcase-card" data-card="showcase" data-example="duotone" data-motion="auto" data-background="editorial"><div class="showcase-window"><div class="showcase-art"><img data-image="image" alt="蓝色卷发的创作者抬头望向光,暖橙与青蓝交织" src="showcase/images/duotone-portrait.jpg" width="750" height="1000" loading="lazy"></div><span class="showcase-wordmark" data-text="brand">duotone</span></div><div class="showcase-caption"><p data-text="description">换一个角度,让想象拥有自己的颜色。</p><a class="showcase-link" data-href="href" href="#showcase"><span data-text="action">走近 duotone</span> <span>↗</span></a></div><small>02 · 双色人物</small></article>
<article class="showcase-card" data-card="showcase" data-example="serein" data-motion="auto" data-background="editorial"><div class="showcase-window"><div class="showcase-art"><img data-image="image" alt="深青绿色的水流,在银白浪纹中旋转" src="showcase/images/serein-current.jpg" width="750" height="1000" loading="lazy"></div><svg class="showcase-emblem" viewBox="0 0 160 160" aria-hidden="true"><path d="M46 32H113C143 32 140 74 112 78L47 83C19 87 20 128 49 128H116"/></svg><span class="showcase-wordmark" data-text="brand">serein</span></div><div class="showcase-caption"><p data-text="description">顺着灵感的方向,让每一帧自然流动。</p><a class="showcase-link" data-href="href" href="#showcase"><span data-text="action">走近 serein</span> <span>↗</span></a></div><small>03 · 流动摄影与矢量字形</small></article>
<article class="showcase-card" data-card="showcase" data-example="folded" data-motion="auto" data-background="editorial"><div class="showcase-window"><div class="showcase-art"><img data-image="image" class="showcase-cropped" alt="薄荷绿的折叠门形结构,悬浮在深色网格上" src="showcase/images/folded-portal.jpg" width="750" height="1000" loading="lazy"></div><span class="showcase-wordmark" data-text="brand">folded</span></div><div class="showcase-caption"><p data-text="description">在清晰的结构里,创造更多可能。</p><a class="showcase-link" data-href="href" href="#showcase"><span data-text="action">走近 folded</span> <span>↗</span></a></div><small>04 · 折面与秩序</small></article>
<article class="showcase-card" data-card="showcase" data-example="cubiq" data-motion="auto" data-background="iso-object"><div class="showcase-window"><div class="showcase-art"></div><span class="showcase-wordmark" data-text="brand">cubiq</span></div><div class="showcase-caption"><p data-text="description">好想法,也可以有触手可及的形状。</p><a class="showcase-link" data-href="href" href="#showcase"><span data-text="action">走近 cubiq</span> <span>↗</span></a></div><small>iso-object · 通用身份参数</small></article>
<article class="showcase-card" data-card="showcase" data-example="vellum" data-motion="auto" data-background="membrane"><div class="showcase-window"><div class="showcase-art"></div><span class="showcase-wordmark" data-text="brand">vellum</span></div><div class="showcase-caption"><p data-text="description">轻一些,留出想象的空间。</p><a class="showcase-link" data-href="href" href="#showcase"><span data-text="action">走近 vellum</span> <span>↗</span></a></div><small>membrane · 通用身份参数</small></article>
</div>