skills.rest
dev-five-gitdev-five-gitOfficial·1 Agent Skills Included

devup-ui

Zero-runtime CSS-in-JS extraction for React at build time

Transforms React JSX style props into static CSS classes at build time using a Rust and WebAssembly engine. Eliminates runtime styling JavaScript, flash of unstyled content, and bloated bundles in React apps. Provides type-safe themes, responsive arrays, pseudo-selectors, and ready-made plugins for Vite, Next.js, Webpack, Rsbuild, and Bun.
363|31
↗
npx skills add dev-five-git/devup-ui --all -g -y
Available:

Gives your AI agent a full map of the codebase, styling conventions, and anti-patterns so it can correctly write and modify Devup UI components, themes, and build plugins.

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
dev-five-gitdev-five-git

devup-ui

Extract CSS from React components at build time using a Rust/WASM engine.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install Devup UI?▼

Run `npx skills add dev-five-git/devup-ui --all -g -y` in your terminal to install this skill globally for your AI agent.

What is zero-runtime CSS-in-JS?▼

All styles are extracted into static CSS files during the build, so no JavaScript runs in the browser for styling. This means faster page loads, smaller bundles, and no flash of unstyled content.

Does Devup UI work with Next.js and Vite?▼

Yes. It ships dedicated build plugins for Next.js, Vite, Webpack, Rsbuild, and Bun, and it fully supports React Server Components and Turbopack.

How is Devup UI different from Tailwind or styled-components?▼

It keeps the familiar styled-components and Emotion API but compiles everything at build time with a Rust engine, producing smaller CSS output and faster builds with zero runtime cost.

Can I use themes and dark mode with Devup UI?▼

Yes. Define colors, typography, spacing, and shadows in a devup.json file, then reference them with $ tokens and switch themes instantly via CSS variables.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills