@lark-apaas/coding-openclaw-sandbox-skills 0.1.30 → 0.1.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,7 +19,7 @@
19
19
  **Key Tailwind Classes:**
20
20
  ```tsx
21
21
  // Background
22
- className="bg-[var(--ppt-bg)] bg-gradient-to-br from-[#1a1a1a] via-[#2d2d2d] to-[#1a1a1a]"
22
+ className="bg-[var(--ppt-bg)] bg-linear-to-br from-[#1a1a1a] via-[#2d2d2d] to-[#1a1a1a]"
23
23
 
24
24
  // Accent card
25
25
  className="bg-[var(--ppt-accent)] text-[var(--ppt-accent-foreground)] rounded-2xl p-8"
@@ -19,7 +19,7 @@
19
19
  **Key Tailwind Classes:**
20
20
  ```tsx
21
21
  // Background
22
- className="bg-[var(--ppt-bg)] bg-gradient-to-br from-[#1a1a1a] via-[#2d2d2d] to-[#1a1a1a]"
22
+ className="bg-[var(--ppt-bg)] bg-linear-to-br from-[#1a1a1a] via-[#2d2d2d] to-[#1a1a1a]"
23
23
 
24
24
  // Accent card
25
25
  className="bg-[var(--ppt-accent)] text-[var(--ppt-accent-foreground)] rounded-2xl p-8"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lark-apaas/coding-openclaw-sandbox-skills",
3
- "version": "0.1.30",
3
+ "version": "0.1.31",
4
4
  "description": "OpenClaw 独立沙箱 skills 包(原 miaoda-skills/src/openclaw + miaoda-skills/src/miaoda/steering/miaoda-openclaw 合并);变更频率低,独立发版",
5
5
  "type": "module",
6
6
  "publishConfig": {
@@ -373,7 +373,7 @@ const BASE_OPTION = {
373
373
 
374
374
  ```
375
375
  布局: flex items-center gap-4 mb-5
376
- 图标容器: w-10 h-10 rounded-lg flex items-center justify-center, 背景为 accent 色 + bg-opacity-10
376
+ 图标容器: w-10 h-10 rounded-lg flex items-center justify-center, 背景 bg-accent/10
377
377
  标签: text-[9px] uppercase tracking-wider text-slate-500 font-medium
378
378
  数值: text-lg font-bold tracking-tight tech-font, color: #e2e8f0
379
379
  ```
@@ -237,10 +237,10 @@
237
237
  | 元素 | 实现方式 |
238
238
  |------|----------|
239
239
  | 页面底色 | `#020617` 纯色 |
240
- | Hero 渐变 | `bg-gradient-to-b from-[#0a0f1e] to-[#020617]` |
240
+ | Hero 渐变 | `bg-linear-to-b from-[#0a0f1e] to-[#020617]` |
241
241
  | 左上光斑 | `bg-amber-500/10 blur-[150px] rounded-full opacity-40 animate-pulse`,尺寸 50% |
242
242
  | 右下光斑 | `bg-blue-600/10 blur-[150px] rounded-full opacity-30`,尺寸 40% |
243
- | 垂直装饰线 | 宽 1px,`bg-gradient-to-b from-transparent via-amber-500/20 to-transparent` |
243
+ | 垂直装饰线 | 宽 1px,`bg-linear-to-b from-transparent via-amber-500/20 to-transparent` |
244
244
  | Footer 底色 | `#01040a` |
245
245
 
246
246
  ### 圆角系统
@@ -255,7 +255,7 @@ font-family: 'Noto Sans SC', system-ui, -apple-system, sans-serif;
255
255
  |------|------|
256
256
  | 顶部徽标标签 | `bg-white/30 backdrop-blur-sm border-white/40` |
257
257
  | 统计周期标签 | `bg-white/80 backdrop-blur-md border-white` |
258
- | 装饰光晕 | `bg-gradient-to-r from-emerald-400 to-teal-50 blur opacity-25` |
258
+ | 装饰光晕 | `bg-linear-to-r from-emerald-400 to-teal-50 blur opacity-25` |
259
259
  | 装饰圆 | `bg-white/20 blur-3xl` |
260
260
  | 底栏遮罩 | `via-white/95 backdrop-blur-[2px]` |
261
261
  | CTA 按钮内图标框 | `bg-white/20` |
@@ -472,7 +472,7 @@ font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
472
472
 
473
473
  ```
474
474
  外层: w-full bg-gray-100 h-2.5 rounded-full overflow-hidden p-0.5
475
- 内层: bg-gradient-to-r from-red-900 to-nebula-crimson h-full rounded-full
475
+ 内层: bg-linear-to-r from-red-900 to-nebula-crimson h-full rounded-full
476
476
  transition-all duration-[1.5s] ease-out
477
477
  ```
478
478
 
@@ -260,7 +260,7 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, san
260
260
  | 下拉箭头 hover | 变色 indigo | `group-hover:text-indigo-500 transition-colors` |
261
261
  | 列表项 hover | 半透明白色背景 | `hover:bg-white/10` |
262
262
  | CTA 按钮 hover | 深一级 indigo | `hover:bg-indigo-700 transition-colors` |
263
- | 装饰线 | 渐变竖线 | `bg-gradient-to-b from-transparent to-slate-200` |
263
+ | 装饰线 | 渐变竖线 | `bg-linear-to-b from-transparent to-slate-200` |
264
264
 
265
265
  ---
266
266
 
@@ -344,5 +344,5 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, san
344
344
  - **暗色卡片**:每组统计卡片中仅保留一张暗色卡片(`bg-slate-900`)作为视觉锚点,不宜多用,保持"点睛"效果。
345
345
  - **强调色卡片**:Indigo 背景的信息卡片使用 `shadow-xl shadow-indigo-100` 产生带色阴影,增强品牌辨识度。内部元素使用 `white/20`、`white/50` 等透明白色保持层次。
346
346
  - **Tooltip 圆润化**:所有浮窗和提示组件保持 16px 圆角 + 无边框 + 柔和阴影,与卡片风格保持一致。
347
- - **装饰线**:使用从透明到浅灰的渐变竖线(`bg-gradient-to-b from-transparent to-slate-200`)作为视觉引导,保持装饰性而不干扰内容。
347
+ - **装饰线**:使用从透明到浅灰的渐变竖线(`bg-linear-to-b from-transparent to-slate-200`)作为视觉引导,保持装饰性而不干扰内容。
348
348
  - **图标使用**:采用 Lucide 图标库(线条风格),配合圆形或圆角矩形底色使用,图标尺寸在 `w-4 h-4` 到 `w-5 h-5` 之间,保持轻量。
@@ -282,7 +282,7 @@ Logo: bg-black text-white px-5 py-2 rounded-full font-bold text-xl tracking-tigh
282
282
  | 黄色发光 | `shadow-[0_0_15px_rgba(250,204,21,0.4)]`(活跃柱体) |
283
283
  | 绿色发光 | `shadow-[0_0_8px_rgba(90,173,112,0.8)]`(状态脉冲点) |
284
284
  | 灰度头像 | `grayscale contrast-125` |
285
- | 渐变遮罩 | `bg-gradient-to-t from-black/80 via-transparent to-transparent` |
285
+ | 渐变遮罩 | `bg-linear-to-t from-black/80 via-transparent to-transparent` |
286
286
  | 脉冲动画 | `animate-pulse`(状态点) |
287
287
 
288
288
  ### 动画参数
@@ -313,7 +313,7 @@ hover:shadow-md transition-all(使用 group 类)
313
313
  容器: rounded-2xl aspect-[4/5] bg-slate-100 overflow-hidden
314
314
  图片: object-cover grayscale contrast-125
315
315
  group-hover:scale-110 transition-transform duration-1000
316
- 遮罩: absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent opacity-90
316
+ 遮罩: absolute inset-0 bg-linear-to-t from-black/80 via-transparent to-transparent opacity-90
317
317
  状态标签: absolute top-4 left-4
318
318
  bg-white/10 backdrop-blur-md border border-white/20 px-3 py-1.5 rounded-lg
319
319
  text-[10px] font-bold text-white