[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7BXDMMCWBTPN5A2SAPJS711":3,"skill-same:01M7BXDMMCWBTPN5A2SAPJS711":73},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":24,"commitSha":25,"skillDirectory":26,"forksCount":27,"repositoryHtmlUrl":28,"repositoryHomepageUrl":29,"ownerHtmlUrl":30,"ownerBlogUrl":6,"ownerDescription":31,"updatedAt":32,"install":33,"resources":46},"01M7BXDMMCWBTPN5A2SAPJS711","skyline-wxss",null,"Skyline WXSS 样式支持技能。提供 Skyline 支持的 CSS 属性、值和限制信息。触发关键词：WXSS、CSS 支持、样式兼容性、属性支持、不支持的属性、display grid、position sticky、overflow、filter、渐变、gradient、linear-gradient、radial-gradient、conic-gradient、border-style、white-space、font-weight、text-decoration、text-overflow、aspect-ratio、will-change、calc、env、mask、mask-image、background-image、transition、animation、transform、font-feature-settings。","YYC-Cube\u002FYYC3-Knowledge-Base","YYC-Cube","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F235006543?v=4","01M79J2PH4SWD2X0825X6PN748","yyc3","01M79J2PHVK3F6ZBYT8K2SCZCW",1,"MIT","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: skyline-wxss\ndescription: Skyline WXSS 样式支持技能。提供 Skyline 支持的 CSS 属性、值和限制信息。触发关键词：WXSS、CSS 支持、样式兼容性、属性支持、不支持的属性、display grid、position sticky、overflow、filter、渐变、gradient、linear-gradient、radial-gradient、conic-gradient、border-style、white-space、font-weight、text-decoration、text-overflow、aspect-ratio、will-change、calc、env、mask、mask-image、background-image、transition、animation、transform、font-feature-settings。\n---\n\n# Skyline WXSS 样式支持\n\n## 适用场景\n\n- 检查某个 CSS 属性\u002F值在 Skyline 下是否可用\n- 排查 WXSS 样式在 Skyline 下不生效的问题\n- 从 WebView 迁移到 Skyline 时评估样式兼容性\n- 使用渐变、滤镜、遮罩等高级样式时了解限制\n- 查阅 Skyline 支持的 CSS 属性语法\n\n## 文档索引\n\n| 我想要... | 查阅文档 |\n|-----------|----------|\n| 查看基础数据类型与语法符号 | `references\u002Fbasics.md` |\n| 查看布局\u002F定位\u002F盒模型语法 | `references\u002Flayout.md` |\n| 查看 Flex 布局语法 | `references\u002Fflex.md` |\n| 查看背景\u002F边框\u002F滤镜\u002F遮罩语法 | `references\u002Fvisual.md` |\n| 查看文本\u002F字体语法 | `references\u002Ftext.md` |\n| 查看动画\u002F过渡\u002F变换语法 | `references\u002Fanimation.md` |\n| 查看某属性是否支持 | 本文档 Quick Reference |\n| 了解渐变\u002F滤镜的具体限制 | 本文档「渐变与滤镜限制」规则 |\n\n## 强制规则\n\n### NEVER: 使用不支持的 CSS 属性\n\n以下属性设置后**不生效**：\n\n| 属性 | 分类 | 替代方案 |\n|------|------|----------|\n| `float` | 布局 | 使用 flex 布局 |\n| `contain` | 布局 | 使用 `-wx-contain` |\n| `resize` | 布局 | 无替代 |\n| `writing-mode` | 文本 | 无替代 |\n| `text-indent` | 文本 | 使用 padding-left 模拟 |\n| `overflow-wrap` | 文本 | 使用 word-break |\n| `text-decoration-thickness` | 文本 | 无替代 |\n| `background-attachment` | 背景 | 无替代 |\n| `background-clip` | 背景 | 无替代 |\n| `background-origin` | 背景 | 无替代 |\n| `mask-origin \u002F mask-clip \u002F mask-mode` | 遮罩 | 无替代 |\n| `justify-items` | Flex | 无替代 |\n| `list-style-type \u002F list-style-image \u002F list-style-position` | 列表 | 无替代 |\n\n### MUST: 使用支持的属性值\n\n部分属性可用但**特定值不支持**，会被静默忽略：\n\n**Incorrect:**\n```css\n.container {\n  display: grid;           \u002F* grid 不支持 *\u002F\n  position: sticky;        \u002F* sticky 不支持 *\u002F\n  overflow: auto;          \u002F* auto 不支持 *\u002F\n}\n```\n\n**Correct:**\n```css\n.container {\n  display: flex;           \u002F* 使用 flex 替代 grid *\u002F\n  position: relative;      \u002F* sticky 需使用 sticky-header 组件 *\u002F\n  overflow: hidden;        \u002F* 使用 hidden，滚动用 scroll-view *\u002F\n}\n```\n\n### MUST: 注意渐变限制\n\n渐变限制汇总：\n- `radial-gradient` 仅支持 `circle` 形状（不支持 `ellipse`），尺寸仅支持 `px`，颜色停止仅支持 `%`\n- `linear-gradient` 停止位置仅支持 `%` 和固定长度单位（px、rpx 等）\n- `conic-gradient` 完全支持（无额外限制）\n\n### MUST: 注意背景\u002F遮罩多值限制\n\n- `background-image` \u002F `mask-image` 最多支持 **2 个值**\n- `background-position` 最多支持 **2 组值**\n- `background-repeat` \u002F `background-size` **不支持多组值**\n\n### MUST: calc() 不支持角度类型\n\n`calc()` 支持长度计算，但**不支持角度计算**，需直接写角度值。\n\n### MUST: text-overflow 仅在 text 组件生效\n\n`text-overflow: ellipsis` 在 Skyline 下**仅在 `\u003Ctext>` 组件上生效**，在 `\u003Cview>` 上不生效。推荐使用 `\u003Ctext>` 组件的 `overflow` 和 `max-lines` 属性。\n\n> ⚠️ 详见 `skyline-components` 技能了解 text 组件的属性限制。\n\n### NEVER: 使用 filter 的 url() 和 drop-shadow()\n\nfilter\u002Fbackdrop-filter 不支持 `url()` 和 `drop-shadow()`，也**不支持多个函数组合**。用 `box-shadow` 替代 `drop-shadow`。\n\n支持的函数：`blur()`, `brightness()`, `contrast()`, `grayscale()`, `hue-rotate()`, `invert()`, `opacity()`, `saturate()`, `sepia()`。\n\n### MUST: text-decoration-line 仅支持单值\n\n仅支持单个值（`none`, `underline`, `overline`, `line-through`），不支持多值组合如 `underline line-through`。\n\n### MUST: mask-image 渐变不可用\n\n`mask-image` 的 `linear-gradient()` 和 `radial-gradient()` **不支持**，仅 `url()` 形式可用。\n\n### MUST: 注意简写属性的部分有效行为\n\n以下 CSS 简写属性在展开后，**部分子属性不生效**：\n\n| 简写属性 | 不生效的子属性 |\n|---------|---------------|\n| `background` | `background-attachment`, `background-origin`, `background-clip` |\n| `text-decoration` | `text-decoration-thickness` |\n| `mask` | `mask-origin`, `mask-clip` |\n\n> 💡 `mask-position` 简写**有效**：会自动展开为 `mask-position-x` + `mask-position-y`（类似 `background-position` 的机制）。\n\n## Quick Reference\n\n### 布局属性速查\n\n| 属性 | 支持的值 | 不支持的值 |\n|------|---------|-----------|\n| `display` | `none`, `block`, `inline`, `inline-block`, `flex`, `inline-flex` | `grid`, `flow-root` |\n| `position` | `static`, `relative`, `absolute`, `fixed` | `sticky` |\n| `overflow` | `visible`, `hidden` | `auto`, `scroll`, `overflow-x`, `overflow-y` |\n| `visibility` | `visible`, `hidden` | `collapse` |\n| `box-sizing` | `content-box`, `border-box` | `padding-box` |\n| `aspect-ratio` | `auto`, `\u003Cnumber>`, `\u003Cnumber>\u002F\u003Cnumber>` | — |\n| `content` | `none`, `normal`, `\u003Cstring>`, `\u003Curl>` | — |\n| `direction` | — | **不支持** |\n\n### 文本属性速查\n\n| 属性 | 支持的值 | 不支持的值 |\n|------|---------|-----------|\n| `white-space` | `normal`, `nowrap` | `pre`, `pre-wrap`, `pre-line` |\n| `font-weight` | `normal`, `bold`, 数值(100-900) | `bolder`, `lighter` |\n| `font-style` | `normal`, `italic` | `oblique` |\n| `word-break` | `normal`, `break-all`, `keep-all` | `break-word`（映射为 normal） |\n| `vertical-align` | `baseline`, `top`, `middle`, `bottom` | `text-top`, `text-bottom` |\n| `text-align` | `left`, `center`, `right`, `justify`, `start`, `end` | `justify-all`, `match-parent` |\n| `text-decoration-line` | `none`, `underline`, `overline`, `line-through`（仅单值） | 多值组合, `blink` |\n| `text-overflow` | `clip`, `ellipsis`（⚠️ 仅 text 组件生效） | — |\n\n### 边框与背景速查\n\n| 属性 | 支持的值 | 不支持的值 |\n|------|---------|-----------|\n| `border-*-style` | `none`, `solid`, `dashed`, `dotted` | `hidden`, `double`, `groove`, `ridge`, `inset`, `outset` |\n| `background-repeat` | `repeat`, `repeat-x`, `repeat-y`, `no-repeat` | `space`, `round` |\n\n### Flex 属性（全部支持）\n\n以下 Flex 属性的所有定义值**完全支持**：\n`flex-direction`, `flex-wrap`, `align-items`, `align-self`, `align-content`, `justify-content`, `flex-grow`, `flex-shrink`, `flex-basis`, `order`\n\n### 非标准默认值\n\n以下属性的默认值与 Web 标准不同，需注意：\n\n| 属性 | Skyline 默认值 | Web 标准默认值 | 条件 |\n|------|---------------|---------------|------|\n| `display` | `flex` | `inline` | `defaultDisplayBlock: true` 时为 `block` |\n| `position` | `relative` | `static` | — |\n| `box-sizing` | `border-box` | `content-box` | `defaultContentBox: true` 时为 `content-box` |\n| `flex-direction` | `column` | `row` | `defaultDisplayBlock: true` 时为 `row` |\n| `align-items` | `stretch` | `normal` | `defaultDisplayBlock: true` 时为 `normal` |\n| `text-align` | `start` | `left` | — |\n| `mask-repeat` | `no-repeat` | `repeat` | — |\n\n### 完全支持的其他属性\n\n`pointer-events`, `text-decoration-style`, `background-size`, `transform`, `opacity`, `transition-*`, `animation-*`, `border-radius`, `box-shadow`, `text-shadow`, `color`, `font-size`, `font-family`, `font-feature-settings`, `line-height`, `letter-spacing`, `word-spacing`, `z-index`, `aspect-ratio`, `content`, `will-change`（仅 `auto`\u002F`contents`）, `conic-gradient`\n\n## 相关技能\n\n| 场景 | 推荐技能 | 说明 |\n|------|----------|------|\n| Skyline JSON 配置 | `skyline-config` | rendererOptions 影响默认 display\u002Fflex-direction\u002Falign-items\u002Fbox-sizing |\n| 组件使用 | `skyline-components` | scroll-view 替代 overflow:auto |\n| Worklet 动画 | `skyline-worklet` | transform\u002Fopacity 动画最佳实践 |\n| Skyline 概览 | `skyline-overview` | 渲染引擎概览与迁移指南 |\n\n\n## References 目录结构\n\n```\nreferences\u002F\n├── basics.md      # 基础数据类型 + 语法符号说明\n├── layout.md      # 布局、定位、盒模型\n├── flex.md        # Flex 布局\n├── visual.md      # 背景、边框、滤镜、遮罩\n├── text.md        # 文本、字体\n└── animation.md   # 变换、过渡、动画\n```\n","# Skyline WXSS 样式支持\n\n## 适用场景\n\n- 检查某个 CSS 属性\u002F值在 Skyline 下是否可用\n- 排查 WXSS 样式在 Skyline 下不生效的问题\n- 从 WebView 迁移到 Skyline 时评估样式兼容性\n- 使用渐变、滤镜、遮罩等高级样式时了解限制\n- 查阅 Skyline 支持的 CSS 属性语法\n\n## 文档索引\n\n| 我想要... | 查阅文档 |\n|-----------|----------|\n| 查看基础数据类型与语法符号 | `references\u002Fbasics.md` |\n| 查看布局\u002F定位\u002F盒模型语法 | `references\u002Flayout.md` |\n| 查看 Flex 布局语法 | `references\u002Fflex.md` |\n| 查看背景\u002F边框\u002F滤镜\u002F遮罩语法 | `references\u002Fvisual.md` |\n| 查看文本\u002F字体语法 | `references\u002Ftext.md` |\n| 查看动画\u002F过渡\u002F变换语法 | `references\u002Fanimation.md` |\n| 查看某属性是否支持 | 本文档 Quick Reference |\n| 了解渐变\u002F滤镜的具体限制 | 本文档「渐变与滤镜限制」规则 |\n\n## 强制规则\n\n### NEVER: 使用不支持的 CSS 属性\n\n以下属性设置后**不生效**：\n\n| 属性 | 分类 | 替代方案 |\n|------|------|----------|\n| `float` | 布局 | 使用 flex 布局 |\n| `contain` | 布局 | 使用 `-wx-contain` |\n| `resize` | 布局 | 无替代 |\n| `writing-mode` | 文本 | 无替代 |\n| `text-indent` | 文本 | 使用 padding-left 模拟 |\n| `overflow-wrap` | 文本 | 使用 word-break |\n| `text-decoration-thickness` | 文本 | 无替代 |\n| `background-attachment` | 背景 | 无替代 |\n| `background-clip` | 背景 | 无替代 |\n| `background-origin` | 背景 | 无替代 |\n| `mask-origin \u002F mask-clip \u002F mask-mode` | 遮罩 | 无替代 |\n| `justify-items` | Flex | 无替代 |\n| `list-style-type \u002F list-style-image \u002F list-style-position` | 列表 | 无替代 |\n\n### MUST: 使用支持的属性值\n\n部分属性可用但**特定值不支持**，会被静默忽略：\n\n**Incorrect:**\n```css\n.container {\n  display: grid;           \u002F* grid 不支持 *\u002F\n  position: sticky;        \u002F* sticky 不支持 *\u002F\n  overflow: auto;          \u002F* auto 不支持 *\u002F\n}\n```\n\n**Correct:**\n```css\n.container {\n  display: flex;           \u002F* 使用 flex 替代 grid *\u002F\n  position: relative;      \u002F* sticky 需使用 sticky-header 组件 *\u002F\n  overflow: hidden;        \u002F* 使用 hidden，滚动用 scroll-view *\u002F\n}\n```\n\n### MUST: 注意渐变限制\n\n渐变限制汇总：\n- `radial-gradient` 仅支持 `circle` 形状（不支持 `ellipse`），尺寸仅支持 `px`，颜色停止仅支持 `%`\n- `linear-gradient` 停止位置仅支持 `%` 和固定长度单位（px、rpx 等）\n- `conic-gradient` 完全支持（无额外限制）\n\n### MUST: 注意背景\u002F遮罩多值限制\n\n- `background-image` \u002F `mask-image` 最多支持 **2 个值**\n- `background-position` 最多支持 **2 组值**\n- `background-repeat` \u002F `background-size` **不支持多组值**\n\n### MUST: calc() 不支持角度类型\n\n`calc()` 支持长度计算，但**不支持角度计算**，需直接写角度值。\n\n### MUST: text-overflow 仅在 text 组件生效\n\n`text-overflow: ellipsis` 在 Skyline 下**仅在 `\u003Ctext>` 组件上生效**，在 `\u003Cview>` 上不生效。推荐使用 `\u003Ctext>` 组件的 `overflow` 和 `max-lines` 属性。\n\n> ⚠️ 详见 `skyline-components` 技能了解 text 组件的属性限制。\n\n### NEVER: 使用 filter 的 url() 和 drop-shadow()\n\nfilter\u002Fbackdrop-filter 不支持 `url()` 和 `drop-shadow()`，也**不支持多个函数组合**。用 `box-shadow` 替代 `drop-shadow`。\n\n支持的函数：`blur()`, `brightness()`, `contrast()`, `grayscale()`, `hue-rotate()`, `invert()`, `opacity()`, `saturate()`, `sepia()`。\n\n### MUST: text-decoration-line 仅支持单值\n\n仅支持单个值（`none`, `underline`, `overline`, `line-through`），不支持多值组合如 `underline line-through`。\n\n### MUST: mask-image 渐变不可用\n\n`mask-image` 的 `linear-gradient()` 和 `radial-gradient()` **不支持**，仅 `url()` 形式可用。\n\n### MUST: 注意简写属性的部分有效行为\n\n以下 CSS 简写属性在展开后，**部分子属性不生效**：\n\n| 简写属性 | 不生效的子属性 |\n|---------|---------------|\n| `background` | `background-attachment`, `background-origin`, `background-clip` |\n| `text-decoration` | `text-decoration-thickness` |\n| `mask` | `mask-origin`, `mask-clip` |\n\n> 💡 `mask-position` 简写**有效**：会自动展开为 `mask-position-x` + `mask-position-y`（类似 `background-position` 的机制）。\n\n## Quick Reference\n\n### 布局属性速查\n\n| 属性 | 支持的值 | 不支持的值 |\n|------|---------|-----------|\n| `display` | `none`, `block`, `inline`, `inline-block`, `flex`, `inline-flex` | `grid`, `flow-root` |\n| `position` | `static`, `relative`, `absolute`, `fixed` | `sticky` |\n| `overflow` | `visible`, `hidden` | `auto`, `scroll`, `overflow-x`, `overflow-y` |\n| `visibility` | `visible`, `hidden` | `collapse` |\n| `box-sizing` | `content-box`, `border-box` | `padding-box` |\n| `aspect-ratio` | `auto`, `\u003Cnumber>`, `\u003Cnumber>\u002F\u003Cnumber>` | — |\n| `content` | `none`, `normal`, `\u003Cstring>`, `\u003Curl>` | — |\n| `direction` | — | **不支持** |\n\n### 文本属性速查\n\n| 属性 | 支持的值 | 不支持的值 |\n|------|---------|-----------|\n| `white-space` | `normal`, `nowrap` | `pre`, `pre-wrap`, `pre-line` |\n| `font-weight` | `normal`, `bold`, 数值(100-900) | `bolder`, `lighter` |\n| `font-style` | `normal`, `italic` | `oblique` |\n| `word-break` | `normal`, `break-all`, `keep-all` | `break-word`（映射为 normal） |\n| `vertical-align` | `baseline`, `top`, `middle`, `bottom` | `text-top`, `text-bottom` |\n| `text-align` | `left`, `center`, `right`, `justify`, `start`, `end` | `justify-all`, `match-parent` |\n| `text-decoration-line` | `none`, `underline`, `overline`, `line-through`（仅单值） | 多值组合, `blink` |\n| `text-overflow` | `clip`, `ellipsis`（⚠️ 仅 text 组件生效） | — |\n\n### 边框与背景速查\n\n| 属性 | 支持的值 | 不支持的值 |\n|------|---------|-----------|\n| `border-*-style` | `none`, `solid`, `dashed`, `dotted` | `hidden`, `double`, `groove`, `ridge`, `inset`, `outset` |\n| `background-repeat` | `repeat`, `repeat-x`, `repeat-y`, `no-repeat` | `space`, `round` |\n\n### Flex 属性（全部支持）\n\n以下 Flex 属性的所有定义值**完全支持**：\n`flex-direction`, `flex-wrap`, `align-items`, `align-self`, `align-content`, `justify-content`, `flex-grow`, `flex-shrink`, `flex-basis`, `order`\n\n### 非标准默认值\n\n以下属性的默认值与 Web 标准不同，需注意：\n\n| 属性 | Skyline 默认值 | Web 标准默认值 | 条件 |\n|------|---------------|---------------|------|\n| `display` | `flex` | `inline` | `defaultDisplayBlock: true` 时为 `block` |\n| `position` | `relative` | `static` | — |\n| `box-sizing` | `border-box` | `content-box` | `defaultContentBox: true` 时为 `content-box` |\n| `flex-direction` | `column` | `row` | `defaultDisplayBlock: true` 时为 `row` |\n| `align-items` | `stretch` | `normal` | `defaultDisplayBlock: true` 时为 `normal` |\n| `text-align` | `start` | `left` | — |\n| `mask-repeat` | `no-repeat` | `repeat` | — |\n\n### 完全支持的其他属性\n\n`pointer-events`, `text-decoration-style`, `background-size`, `transform`, `opacity`, `transition-*`, `animation-*`, `border-radius`, `box-shadow`, `text-shadow`, `color`, `font-size`, `font-family`, `font-feature-settings`, `line-height`, `letter-spacing`, `word-spacing`, `z-index`, `aspect-ratio`, `content`, `will-change`（仅 `auto`\u002F`contents`）, `conic-gradient`\n\n## 相关技能\n\n| 场景 | 推荐技能 | 说明 |\n|------|----------|------|\n| Skyline JSON 配置 | `skyline-config` | rendererOptions 影响默认 display\u002Fflex-direction\u002Falign-items\u002Fbox-sizing |\n| 组件使用 | `skyline-components` | scroll-view 替代 overflow:auto |\n| Worklet 动画 | `skyline-worklet` | transform\u002Fopacity 动画最佳实践 |\n| Skyline 概览 | `skyline-overview` | 渲染引擎概览与迁移指南 |\n\n\n## References 目录结构\n\n```\nreferences\u002F\n├── basics.md      # 基础数据类型 + 语法符号说明\n├── layout.md      # 布局、定位、盒模型\n├── flex.md        # Flex 布局\n├── visual.md      # 背景、边框、滤镜、遮罩\n├── text.md        # 文本、字体\n└── animation.md   # 变换、过渡、动画\n```\n",{"name":5,"description":7},"main","87afe6ce96220accf50a345dea46784c8c9f210e","YYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss",0,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base","https:\u002F\u002Fkb.yyc3.top\u002F","https:\u002F\u002Fgithub.com\u002FYYC-Cube","万象归元于云枢 | 深栈智启新纪元","2026-11-10 10:37:32",{"source":8,"skillName":5,"commands":34,"prompt":44,"zipAvailable":45},[35,38,41],{"tool":36,"command":37},"npx","npx skills add YYC-Cube\u002FYYC3-Knowledge-Base --skill skyline-wxss",{"tool":39,"command":40},"bunx","bunx skills add YYC-Cube\u002FYYC3-Knowledge-Base --skill skyline-wxss",{"tool":42,"command":43},"pnpm","pnpm dlx skills add YYC-Cube\u002FYYC3-Knowledge-Base --skill skyline-wxss","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss\u002FSKILL.md",true,[47,53,57,61,65,69],{"path":48,"resourceType":49,"resourceTypeDesc":50,"sizeBytes":51,"sourceHtmlUrl":52},"references\u002Fanimation.md","REFERENCE","参考文档",3405,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss\u002Freferences\u002Fanimation.md",{"path":54,"resourceType":49,"resourceTypeDesc":50,"sizeBytes":55,"sourceHtmlUrl":56},"references\u002Fbasics.md",1781,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss\u002Freferences\u002Fbasics.md",{"path":58,"resourceType":49,"resourceTypeDesc":50,"sizeBytes":59,"sourceHtmlUrl":60},"references\u002Fflex.md",1849,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss\u002Freferences\u002Fflex.md",{"path":62,"resourceType":49,"resourceTypeDesc":50,"sizeBytes":63,"sourceHtmlUrl":64},"references\u002Flayout.md",1897,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss\u002Freferences\u002Flayout.md",{"path":66,"resourceType":49,"resourceTypeDesc":50,"sizeBytes":67,"sourceHtmlUrl":68},"references\u002Ftext.md",2955,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss\u002Freferences\u002Ftext.md",{"path":70,"resourceType":49,"resourceTypeDesc":50,"sizeBytes":71,"sourceHtmlUrl":72},"references\u002Fvisual.md",4357,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Skills-技能包\u002FYYC3-Skills-技能包-Agent-Skills\u002Fskyline\u002Freferences\u002Fwxss\u002Freferences\u002Fvisual.md",[74,81,88,95,102,109],{"skillNo":75,"name":76,"nameZh":6,"description":77,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":78,"categories":79,"keywords":80,"publishedAt":19},"01M7CTDWHERCXPQCP0K03A86AS","vercel-sandbox","Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app. Use when the user needs browser automation in a Vercel app (Next.js, SvelteKit, Nuxt, Remix, Astro, etc.), wants to run headless Chrome without binary size limits, needs persistent browser sessions across commands, or wants ephemeral isolated browser environments. Triggers include \"Vercel Sandbox browser\", \"microVM Chrome\", \"agent-browser in sandbox\", \"browser automation on Vercel\", or any task requiring Chrome in a Vercel Sandbox.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Fvercel-sandbox\u002FSKILL.md",[],[],{"skillNo":82,"name":83,"nameZh":6,"description":84,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":85,"categories":86,"keywords":87,"publishedAt":19},"01M7CTD8D2BNJY54S65M47HEJA","slack","Interact with Slack workspaces using browser automation. Use when the user needs to check unread channels, navigate Slack, send messages, extract data, find information, search conversations, or automate any Slack task. Triggers include \"check my Slack\", \"what channels have unreads\", \"send a message to\", \"search Slack for\", \"extract from Slack\", \"find who said\", or any task requiring programmatic Slack interaction.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Fslack\u002FSKILL.md",[],[],{"skillNo":89,"name":90,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":94,"publishedAt":19},"01M7CTCSSB8ZP3Q58C3YZDZK1W","electron","Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include \"automate Slack app\", \"control VS Code\", \"interact with Discord app\", \"test this Electron app\", \"connect to desktop app\", or any task requiring automation of a native Electron application.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Felectron\u002FSKILL.md",[],[],{"skillNo":96,"name":97,"nameZh":6,"description":98,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":19},"01M7CTCBJY76688V4DCZGWFHGQ","dogfood","Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to \"dogfood\", \"QA\", \"exploratory test\", \"find issues\", \"bug hunt\", \"test this app\u002Fsite\u002Fplatform\", or review the quality of a web application. Produces a structured report with full reproduction evidence -- step-by-step screenshots, repro videos, and detailed repro steps for every issue -- so findings can be handed directly to the responsible teams.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Fdogfood\u002FSKILL.md",[],[],{"skillNo":103,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":106,"categories":107,"keywords":108,"publishedAt":19},"01M7CTC4H0FFGVEAQR9PA4GA1A","agent-browser","Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to \"open a website\", \"fill out a form\", \"click a button\", \"take a screenshot\", \"scrape data from a page\", \"test this web app\", \"login to a site\", \"automate browser actions\", or any task requiring programmatic web interaction.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Fagent-browser\u002FSKILL.md",[],[],{"skillNo":110,"name":111,"nameZh":6,"description":112,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":113,"categories":114,"keywords":115,"publishedAt":19},"01M7CTBKVFYBG78FDSABSDJTTQ","shadcn","Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn\u002Fui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for \"shadcn init\", \"create an app with --preset\", \"switch to --preset\", and for building a design system or applying a DESIGN.md or brand spec to shadcn\u002Fui.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-UI-界面组件\u002FYYC3-UI-界面组件-ui\u002Fskills\u002Fshadcn\u002FSKILL.md",[],[]]