Frontend & Design · Tailwind CSS · For designers

Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.

nextlevelbuilder/ui-ux-pro-max-skill

Always invoke when the user's message includes 'tailwind' in any form.

anonaddy/anonaddy

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

A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

coollabsio/coolify

Run a WCAG 2.1 AA accessibility audit on a design or page. An agent skill from markmead/hyperui.

markmead/hyperui

Token architecture, component specifications, and slide generation.

Ohh-889/skyroc

Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.

ibelick/ui-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

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop

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

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

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Ohh-889/skyroc

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

bionic-gpt/bionic-gpt

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

Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in.

bidyut10/opensourceui

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

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.

megaarmos/vue-spring-bottom-sheet

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

Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

ifer47/markeron

Set up Tailwind v4 + shadcn/ui themed UI with dark mode. An agent skill from jezweb/claude-skills.

jezweb/claude-skills

Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and…

leepokai/Codync

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

jh941213/my-cc-harness

Senior UI/UX Engineer. An agent skill from alisamadiii/Portfolio.

alisamadiii/Portfolio

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

将 weapp-tailwindcss 集成到自研构建器或高级流水线，覆盖 weapp-tailwindcss/core、generator、Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph、Tailwind Scanner/source candidates、watch/HMR、source…

weapp-tailwindcss/weapp-tailwindcss

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

Generates light and dark Preline theme CSS from a brand color or mood, previews it, and validates token coverage through bundled local scripts.

htmlstreamofficial/preline

OKLCH color space and color usage for web projects. An agent skill from trycompai/crm.

trycompai/crm

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

NVIDIA/Personal-AI-Router

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

Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors.

live-codes/livecodes

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

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop.

bendrape1-byte/silk-design

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

sundial-org/awesome-openclaw-skills

Modern CSS techniques that replace breakpoint ladders, wrapper elements and scripts.

vojtaholik/good-css