skills.rest
quailyquailyquailyquailyOfficial·1 Agent Skills Included

quail-ui

Vue 3 component library with themes, icons, and tokens

Integrates the Quail UI Vue 3 component library into frontend projects with correct component APIs, themes, and icons. Eliminates guesswork from stale documentation, wrong prop names, and mismatched styling tokens. Guides migration of existing screens to ready-made components with light, dark, and morph themes for faster, consistent UI builds.
49|2
↗
npx skills add quailyquaily/quail-ui --all -g -y
Available:

Explains the library's architecture, component naming, styling tokens, and build commands so the agent writes correct Quail UI integration code.

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
quailyquailyquailyquaily

Use Quaily UI in Frontend Project

Integrate Quaily UI components, styles, and icons into Vue 3 projects.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install quail-ui?▼

Run `npx skills add quailyquaily/quail-ui --all -g -y` in your terminal to install this skill globally for your coding agent.

What is Quail UI used for?▼

It is a Vue 3 component library offering 26+ UI components, 110+ SVG icons, and light, dark, and morph themes for building consistent web interfaces.

How do I add Quail UI to a Vue 3 project?▼

Install the package, then call `app.use(QuailUI)` and import `quail-ui/style.css` in your main entry file to register all components globally.

Does Quail UI support dark mode?▼

Yes. Use the exported `applyTheme` helper to switch between light, dark, and morph themes, with automatic persistence to localStorage.

Can I use Quail UI without a build step?▼

Yes. Load it via CDN with an importmap and the UMD or ESM bundles from unpkg, no bundler required.

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