Devup UI 是一个零运行时 CSS-in-JS 库，所有样式由 Rust + WebAssembly 预处理器在构建时提取，运行时不执行任何样式 JavaScript。
用途：为项目接入 Devup UI 的零运行时样式方案，或从 styled-components / Emotion / Tailwind / Panda / vanilla-extract 迁移；也适用于需要 RSC 兼容、类型安全主题的场景。
主要能力：零运行时、无客户端 Provider、无样式闪烁；覆盖变量、条件、响应式数组、伪选择器等语法；提供与 styled-components / Emotion 兼容的 styled() API 与 Box 简写属性（bg、px、_hover 等），数值间距按 4px 倍数计算，数组值对应断点；类名采用 base-37 命名，动态值编译为 CSS 变量；支持 React Server Components；主题通过 devup.json 定义颜色、排版等 token。
使用方式：先确定打包器、React 模式、主题需求与来源，再执行 npm install @devup-ui/react，并安装且仅安装一个匹配插件：@devup-ui/next-plugin、@devup-ui/vite-plugin、@devup-ui/rsbuild-plugin、@devup-ui/webpack-plugin 或 @devup-ui/bun-plugin。随后在构建配置中接入对应插件（如 Next.js 使用 DevupUI({})），再以 Box、css、styled 编写样式；如需主题则添加 devup.json。也可通过 npx skills add https://github.com/akillness/jeo-skills --skill devup-ui 安装该技能。
限制与边界：token 治理与视觉语言、组件 API、断点策略、可访问性、RSC 边界与性能等超出样式机制的问题，不属于本技能范围。具体版本的兼容性与行为细节以官方资料为准，资料未提供部分暂未提供。