@lark-apaas/coding-openclaw-sandbox-skills 0.1.29 → 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.
- package/frontend-slides/react/themes/bold-signal.md +1 -1
- package/frontend-slides/themes/bold-signal.md +1 -1
- package/package.json +1 -1
- package/web-dev-skill/references/style-presets/amber-cyber.md +1 -1
- package/web-dev-skill/references/style-presets/dark-gold-premium.md +2 -2
- package/web-dev-skill/references/style-presets/fresh-mint.md +1 -1
- package/web-dev-skill/references/style-presets/nebula-crimson.md +1 -1
- package/web-dev-skill/references/style-presets/slate-minimal.md +2 -2
- package/web-dev-skill/references/style-presets/warm-premium.md +2 -2
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
**Key Tailwind Classes:**
|
|
20
20
|
```tsx
|
|
21
21
|
// Background
|
|
22
|
-
className="bg-[var(--ppt-bg)] bg-
|
|
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-
|
|
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.
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|