uiverselisted

Source small, copy-paste UI elements from Uiverse (uiverse.io — the largest open-source UI library, 7000+ community elements as HTML/CSS, Tailwind, React, or Figma) when a task needs an individual styled primitive — a button, loader/spinner, toggle switch, checkbox, radio, input, card, tooltip, or background pattern — rather than authoring it from scratch. Framework-agnostic, so use it for any stack (HTML, Vue, Svelte, React, Tailwind). Auto-invoke when sourcing a specific small UI element; skip when the project design system already supplies it, or when the need is a large animated React component (use react-bits) or full layout/page.
iamnolanhu/claude-dotfiles · ★ 1 · Web & Frontend · score 62

Install: claude install-skill iamnolanhu/claude-dotfiles

# Uiverse A library-sourcing skill for **small UI primitives**. When a task calls for a single nicely-styled element — a fancy button, a loader, a toggle — check Uiverse before hand-coding the CSS. - **Site:** [uiverse.io](https://uiverse.io) · browse: [uiverse.io/elements](https://uiverse.io/elements) - **Repo:** [github.com/uiverse-io/galaxy](https://github.com/uiverse-io/galaxy) (~11k★) - **License:** **MIT** — free to use, modify, and ship in any project (commercial included), no attribution required. - **Scale:** 7000+ community-made elements, growing constantly. ## What it offers Each element page lets you **copy as HTML/CSS, Tailwind, React, or Figma** — pick the format that matches the project. Elements are self-contained (markup + styles), so they drop into any stack. **Element categories:** Buttons · Checkboxes · Toggle Switches · Cards · Loaders · Spinners · Inputs · Radio Buttons · Forms · Tooltips · Patterns (backgrounds). ## When to invoke Auto-trigger when the task is to produce or upgrade a **single small element**: - "Make a nicer button / a fancy submit button / a gradient CTA" - A loading spinner, skeleton, or animated loader - A toggle switch, custom checkbox, custom radio, styled input - A small card, tooltip, or decorative background pattern - Any "this button/input/loader looks plain, make it pop" request — on **any** stack ## When NOT to invoke - The project design system / `@*/ui` package already provides the element — extend that, don't int