Tailwind CSS · Design systems

Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

anthropics/skills

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

Ohh-889/skyroc

Token architecture, component specifications, and slide generation.

Ohh-889/skyroc

Guides finding, installing, customizing and wiring up shadcn/ui components in a project, with MCP tools for the component catalog and registries.

google-labs-code/stitch-skills

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui

Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library.

scalar/scalar

Reviews and converts UI code to Chakra UI v3, producing a critique, rewritten code or both, from plain HTML, Tailwind, CSS Modules or styled-components.

chakra-ui/chakra-ui

Adds Preline UI components and blocks to HTML files by querying the Preline MCP server, with rules for exact slugs and for clarifying vague requests.

htmlstreamofficial/preline

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex

Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier").

activepieces/activepieces

Helps add, compose, debug and style spartan/ui components in Angular projects, using its Brain headless primitives and Helm styled layer through the @spartan-ng/cli generators.

spartan-ng/spartan

Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes.

saadeghi/daisyui

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar

A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

Castor6/tactus

Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

BayBreezy/ui-thing

Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes.

saadeghi/daisyui

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

sunkaifei/FlyCms

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.

SuFxGIT/scoutarr

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract

Rules for styling HTML with daisyUI 5 class names first, falling back to Tailwind utilities only when needed, and avoiding unnecessary custom CSS or default color variants.

saadeghi/daisyui

Builds Frappe-style interfaces from the frappe-ui Vue 3 components and semantic Tailwind tokens instead of hand-rolled controls.

frappe/drive

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns.

jh941213/my-cc-harness

CLI tools for Svelte 5 documentation lookup and code analysis.

kampsy/ui

Audit and update the existing Fulldev Astro UI registry against current data-slot and shadcn/ui Base UI Vega.

fulldotdev/ui

A skill your agent uses whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from…

21st-dev/agent-elements

Kaizen UI (KUI) component library and design-pattern advisor for NVIDIA applications.

NVIDIA/Personal-AI-Router

Frontend rules for building components in the Typebot codebase: simple Tailwind classes, shared UI primitives, minimal useEffect and a fixed declaration order.

baptisteArno/typebot.io

Consumer guide to build UIs with kampsy-ui (Svelte 5 + Tailwind v4, Geist-inspired).

kampsy/ui

Guide for using @geajs/ui — a Tailwind-styled, Zag.js-powered component library for the Gea framework.

dashersw/gea

Shark UI skill for the Ark UI–based shadcn-style registry. An agent skill from sharkui-inc/shark-ui.

sharkui-inc/shark-ui

Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.

JCarterJohnson/vibecoded-design-tells

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works

Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

pdsuwwz/nextjs-nextra-starter

Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs.

Ameyanagi/morphos

DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch.

marigold-ui/marigold

Register AI-generated-looking UI patterns as prohibited rules in the design system.

tsubotax/melta-ui

A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u/my-skills

Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.

bitjaru/styleseed

A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility…

victorGPT/vibeusage

Installation instructions for daisyUI 5 with Tailwind CSS 4: the npm setup, CSS plugin lines, CDN usage and pointers to framework-specific guides.

saadeghi/daisyui

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

Manage shadcn/ui components using MCP tools. An agent skill from julianromli/opencode-template.

julianromli/opencode-template

Open Analytics' design language, extracted from the shipped product: an ink-derived neutral system, squircle surface anatomy, one small spring vocabulary, pixel-matched skeletons, and a plain-spoken…

OpenLabs-so/oa-design

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

ever-works/ever-works

Atlas — a design language and UI guide system for agent interfaces.

pacifio/ui