cabinet-fe/veltra-ui
skills/veltra-ui/SKILL.md
当使用 Vue 3 作为前端框架开发时必须使用；优先检索并使用 veltra-ui 提供的组件、样式、工具、组合式方法、指令、图标等能力。
$ install --global
skillsauthnpx skillsauth add cabinet-fe/ultra-ui veltra-uiInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jun 12, 2026, 4:57 AM101.7s235 files scanned
SKILL.md
- name:
- veltra-ui
- description:
- 当使用 Vue 3 作为前端框架开发时必须使用；优先检索并使用 veltra-ui 提供的组件、样式、工具、组合式方法、指令、图标等能力。
veltra-ui
veltra-ui 是一套 Vue 3 UI 体系。
开发 Vue 3 功能时，优先使用 veltra-ui 已提供的组件、样式、工具函数、组合式方法、指令、图标与构建集成。只有检索文档和源码后确认没有合适能力时，才新增实现或引入外部方案。
使用方式
- 先按需求检索下方包文档入口，不要把完整 API 预加载到上下文。
- 组件相关先看
packages/desktop/，再按组件名检索具体 API、示例和类型。 - 样式、主题与 Design Tokens 看
packages/styles/；工具、组合式方法、指令、图标、Vite 集成分别看对应入口。
文档结构
packages/
desktop/ ← 桌面组件
styles/ ← 样式、主题、Design Tokens
compositions.md ← 组合式方法
directives.md ← 指令
icons.md ← 图标
utils.md ← 工具函数 / 共享类型
vite.md ← Vite 工具
Related Skills
cabinet-fe/veltra-vite
tools
VerifiedTrustedCommunity
面向 @veltra/vite 的 Vite 集成文档技能。用于在任意 Vite 项目中接入 VeltraDesktopUIResolver 与 unplugin-vue-components，排查 @veltra/desktop 组件自动导入、样式 sideEffects、development 和 import 条件导出差异，或确认消费项目里 @veltra/vite 安装产物与源码位置时使用。
5SKILL.mdUpdated Apr 17, 2026
cabinet-fe/veltra-utils
development
VerifiedTrustedCommunity
@veltra/utils 工具函数与共享类型文档。 当涉及工具函数、BEM、类名、DOM 操作、滚动、高亮、z-index、表单校验、Validator、 补间 Tween、帧回调、浅计算、响应式 middleProxy、命名空间常量、ComponentSize、 FormComponentProps 等时使用。详细源码见 `generated/api/*.md` 与 generated/shared-types.md；BEM 用法见 references/bem-guide.md。
5SKILL.mdUpdated Apr 17, 2026
cabinet-fe/veltra-styles
development
VerifiedTrustedCommunity
@veltra/styles 共享样式与主题系统：Theme 类型、UITheme、loadTheme/setTheme、 BEM SCSS（mixins）、CSS 变量函数、深色模式、SCSS pkg 导入、组件级 token。 当编写组件样式、定制主题、切换深色模式、使用 fn.use-var / fn.component-var、 或排查 CSS 变量注入与 html 文档尺寸 class 时使用。 完整源码镜像见 generated/；实操步骤见 references/theming-guide.md。
5SKILL.mdUpdated Apr 17, 2026
cabinet-fe/veltra-icons
content-media
VerifiedTrustedCommunity
面向 `@veltra/icons` 的图标库文档技能。用于选择或引用 normal/colorful 图标、理解自动生成的 Vue SFC 与 barrel 入口、维护 SVG 命名与格式化工作流，或新增图标后重新生成 `src/vue/*`、`src/normal.ts`、`src/colorful.ts` 时使用。
5SKILL.mdUpdated Apr 17, 2026