CSS and styling plugins

169 tagged CSS and styling, measured the same way as everything else here.

Browse within: claude-code-plugin 27ai-tools 13design-system 11skills 11claude-skill 10css 9accessibility 8claude-code-skill 8animation 7claude-code-plugins 6claudecode 6cursor 6design-systems 6plugins 6

shadcn

01

shadcn-ui/ui

Plugin Cursor

Bundles 2 skills · 174 tokens together

UI component and design system framework. Search registries, install components as source code, and audit your project.

not rated 126k +465 yesterday A tokens not measured original MIT

taste-skill

02

Leonxlnx/taste-skill

Plugin Claude Code

Bundles 14 skills · 1,174 tokens together

tasteskill v2: art direction for coding agents, with a library of researched directions, real pictures from open collections and a real-browser inspector. Also image-generation, redesign and style skills.

not rated 99k +3.8k changed 4d ago A tokens not measured original MIT

impeccable

03

pbakaus/impeccable

Plugin Claude Code

Bundles 1 skill, 1 command, 4 agents, 5 hooks · 392 tokens together

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

not rated 82k +2.6k changed 2d ago A tokens not measured original Apache-2.0

front-end-checklist

04

thedaviddias/Front-End-Checklist

Plugin Claude Code

Bundles 1 skill · 27 tokens together

Review frontend code and live pages against 386 quality-gated rules for accessibility, performance, SEO, security, and HTML/CSS/JS best practices.

not rated 74k +55 changed 12d ago A tokens not measured original MIT

daisyui

05

saadeghi/daisyui

Plugin Claude Code

Bundles 7 skills · 267 tokens together

Official daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill.

not rated 43k +40 today A tokens not measured original MIT

interfaces

06

jakubkrehel/skills

Plugin Claude Code

Bundles 14 skills · 445 tokens together

Skills for building great product interfaces: typography, colors, layout, accessibility, UI polish and writing.

not rated 8.0k +209 changed 4d ago A tokens not measured original MIT

21st

07

21st-dev/magic-mcp

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 63 tokens together

Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.

not rated 6.1k +93 changed 1mo ago A tokens not measured original ISC

nateherk-design

08

nateherkai/scroll-craft

Plugin Claude Code

Bundles 1 skill · 177 tokens together

Design and build skills from Nate Herk. Ships scroll-craft: premium scroll-driven interactive landing pages, built on a full design floor (typography, spacing, colour, depth, motion, accessibility) rather than on an animation library.

not rated 3.6k +434 changed 17d ago A tokens not measured original MIT

figma-cli

09

silships/figma-cli

Plugin Claude Code

Bundles 1 skill · 149 tokens together

Build and edit designs directly in Figma Desktop from your terminal — render frames/components/variants, manage design tokens & variables (shadcn/Tailwind/DTCG), extract & import whole design systems, gradients, Figma Motion, and accessibility audits. Controls Figma live over a local connection, no API key.

not rated 1.1k +11 10d ago A tokens not measured original MIT

superdesign-skill

10

superdesigndev/superdesign-skill

Plugin Claude Code

Bundles 1 skill, 1 command · 126 tokens together

Design or redesign frontend UI, presentations, and marketing graphics on the Superdesign infinite canvas. Uses approved slide outlines, project context, and branchable drafts you refine.

not rated 830 +183 1mo ago A tokens not measured original MIT

cc-design

11

ZeroZ-lab/cc-design

Plugin Claude Code

Bundles 1 skill · 107 tokens together

High-fidelity HTML design skill with structured design planning, Iron Law guardrails, and verification-first delivery.

not rated 828 +2 3mo ago A tokens not measured

finesse-skill

12

mouse-lin/finesse-skill

Plugin Claude Code

Bundles 1 skill · 1,102 tokens together

Build technically-spectacular, soul-distinct, never-cheap interfaces — brand sites, landing pages and portfolios with a real visual engine (Three.js/Canvas/GLSL/GSAP), dashboards and consoles, commerce pages, and H5 / phone-only screens with a proper mobile frame and native furniture. Zero AI-slop.

not rated 812 +60 2mo ago A tokens not measured original MIT

tempad-dev

13

ecomfe/tempad-dev

Plugin Claude Code

Bundles 1 MCP server

Connect your coding agent to Figma. Create and edit native designs, inspect existing designs, and implement UI in your codebase.

not rated 636 +126 changed 3d ago A tokens not measured original MIT

tailwind-v4-shadcn

14

Asymmetric-al/core

Plugin Claude Code

Bundles 1 skill, 1 command · 93 tokens together

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Prevents 8 documented errors. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors…

not rated 381 +1 6d ago A tokens not measured AGPL-3.0

agent-skills

16

mblode/agent-skills

Plugin Claude Code

Bundles 28 skills · 2,017 tokens together

Skills for the parts of shipping that code review never covers: the loading states, the type scale, and whether half the diff is AI slop.

not rated 151 +7 yesterday A tokens not measured original MIT

insane-design

17

fivetaku/insane-design

Plugin Claude Code

Bundles 3 skills, 6 commands · 706 tokens together

Design system extractor, applier, and builder — analyze any URL, apply to your project, or build from scratch with deterministic CSS + §18 DON'T grep contract.

not rated 133 changed 4d ago A tokens not measured original MIT

motiscope

18

KumarSashank/motiscope

Plugin Claude Code

Bundles 8 skills, 1 agent, 1 hook · 746 tokens together

Recreate any web animation from a screen recording. Drop a video of an animation you like, motiscope measures its timing and curates keyframes, and your agent rebuilds it as GSAP, CSS, Framer Motion, or Lottie code. Works in Claude Code, Codex, and Cursor.

not rated 124 +2 2mo ago A tokens not measured original MIT

design-taste

20

h3nryprod01/design-taste

Plugin Claude Code

Bundles 1 skill · 127 tokens together

Elite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI (landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states) or asks to make something look better /…

not rated 77 +6 changed 22d ago A tokens not measured original MIT

cc-frontend-skills

21

oikon48/cc-frontend-skills

Plugin Claude Code

Bundles 1 skill, 1 agent · 378 tokens together

Distinctive frontend design skills and agents for professional UI implementation. Avoid generic AI aesthetics with thoughtful typography, colors, layouts, and animations.

not rated 69 10mo ago A tokens not measured original MIT

divi5-toolkit

22

cjsimon2/Divi5-ToolKit

Plugin Claude Code

Bundles 3 skills, 10 commands, 5 agents, 1 hook · 1,813 tokens together

Divi 5 development assistant: validates CSS compatibility, generates Divi-ready code, scaffolds page sections, audits project CSS health, checks accessibility, diagnoses symptoms, audits performance for Core Web Vitals, and learns from errors. Includes /setup (auto-detecting config bootstrap) and /selector (instant…

not rated 65 changed 22d ago A tokens not measured

ui-ux-pro-max-zh

23

L-LesterYu/OpenClaw-hot-skills-zh

Plugin Claude Code

Bundles 7 skills · 776 tokens together

A UI and UX design guide for building and reviewing websites, dashboards, online shops, SaaS products, portfolios, blogs, and mobile apps. It covers visual styles, colours, fonts, charts, accessibility, layouts, and common interface parts across several web and mobile technologies.

not rated 57 6mo ago A tokens not measured original MIT

shadcn

24

Mikedev115/Aetox

Plugin Cursor

Bundles 2 skills · 155 tokens together

UI component and design system framework. Search registries, install components as source code, and audit your project.

not rated 48 10d ago A tokens not measured