veltra-styles
Installation
SKILL.md
veltra-styles
生成物
| 文件 | 内容 |
|---|---|
| generated/theme-tokens.md | Theme 类型与 light/dark 预设 TS |
| generated/scss-api.md | _mixins、_functions、_vars 完整 SCSS |
| generated/theme-ts-api.md | UITheme、loadTheme、helper 等 TS |
| generated/manifest.json | 同步时间与输出文件列表 |
| references/theming-guide.md | 快速开始、暗色、自定义主题、组件 token |
运行 bun run sync-veltra-styles 或 bun run sync-skills 重新生成 generated/。
主题数据流(概览)
Theme类型(theme/type.ts)描述颜色、字号、边框等嵌套 token 树。UITheme类(theme/ui-theme.ts)持有theme对象,将其拍平为--u-*CSS 变量并注入文档(内置主题走injectBuiltInThemes,自定义走render())。loadTheme()(load-theme.ts)在浏览器侧初始化:默认注册 light/dark、同步useConfig的文档尺寸 class;可选传入自定义UITheme。
Related skills
More from cabinet-fe/ultra-ui
veltra-ui
>
13veltra-vite
面向 @veltra/vite 的 Vite 集成文档技能。用于在任意 Vite 项目中接入 VeltraDesktopUIResolver 与 unplugin-vue-components,排查 @veltra/desktop 组件自动导入、样式 sideEffects、development 和 import 条件导出差异,或确认消费项目里 @veltra/vite 安装产物与源码位置时使用。
9veltra-desktop
>
8veltra-icons
面向 `@veltra/icons` 的图标库文档技能。用于选择或引用 normal/colorful 图标、理解自动生成的 Vue SFC 与 barrel 入口、维护 SVG 命名与格式化工作流,或新增图标后重新生成 `src/vue/*`、`src/normal.ts`、`src/colorful.ts` 时使用。
8veltra-utils
>
8veltra-directives
>
8