CSS and styling plugins

ofershap/tailwind-best-practices

Plugin Claude Code

Stop your AI agent from generating Tailwind CSS v3 code. 20+ rules for v4 syntax, CSS-first config, modern utility patterns, and common anti-patterns agents produce.

sliday/google-fonts-skill

Plugin Claude Code

Google Fonts typography system generator. Searches 1,923 fonts, suggests singles or pairs, generates CSS/Tailwind typographic systems.

recca0120/code-quest

Plugin Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

sukirman1901/frontend-expert

Plugin Claude Code

Chat-first frontend UI quality — judgment, tokens, responsive, motion, marketing landing, anti-AI-slop, a11y, perf, testing.

agent-dev-thai/praneet-front

Plugin Claude Code

Thai-language frontend design: correct Thai typography, curated Thai+Latin font pairings, and hard rules against the CSS that silently breaks Thai script.

iart-ai/kinetic-typography-skills

Plugin Claude Code

Kinetic typography skills for AI coding agents — animate headlines, stagger text reveals, and build lyric/title videos across CSS, GSAP, Framer Motion, and Remotion.

maludb-ed/htmx-php-builder

Plugin Claude Code

Builds memory-first HTMX + PHP + Bootstrap 5.3 applications with a consistent design system, a fixed phased build order, and an Ask Me Anything feature in every app.

stormaref/LiquidGlassSkill

Plugin Claude Code

Apple-style liquid glass: frosted, refracting surfaces for web UI, with the rules that keep them from reading as gray boxes.

xonack/wp-ux-design-claude-skill

Plugin Claude Code

WordPress UX/design enforcement skill covering Core Web Vitals, mobile-first design, typography systems, color management, navigation UX, page builder patterns, and loading/error states.

TaewoooPark/UIForge

Plugin Claude Code

Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…

uselayout/cli

Plugin Claude Code

Serve and enforce your design system in any agent. Bundles the Layout MCP server (design tokens, component specs, compliance checks) and the layout-md skill for writing on-brand UI code.

robzilla1738/htmlshop

Plugin Claude Code

Local visual editor for HTML design files. Click elements to edit text, fonts, layout, and backgrounds. Layers panel, transform handles, carousel multi-edit, PNG/JPG export.

Ideelab/uisandbox

Plugin Claude Code

Play with your app's design, right in the browser: open a built web app in UISandbox, 1:1 and with its own knobs, from the chat; try a change, verify, export the patch. Bundles the /uisandbox skill and the uisandbox MCP server.

gg-mo/stagecraft-agent-skill

Plugin Claude Code

Premium, keynote-style UI skill for coding agents — dark, minimal, cinematic reveals with disciplined motion.

kuskhan/claude-phoenix

Plugin Claude Code

Tailwind CSS Language Server providing diagnostics for Phoenix/LiveView projects — canonical class suggestions, invalid utility detection, and Tailwind v4 convention enforcement.

Muminur/frontend-design-craft-skill

Plugin Claude Code

Website design plugin for Claude Code. Synthesizes purposeful motion, typographic polish, and anti-AI-slop taste into one design system.

aaronbassett/agent-foundry

Plugin Claude Code

Create, implement, review, and visualize opinionated design systems that resist AI slop convergence.

dnh33/frontend-aesthetics

Plugin Claude Code

Unified frontend aesthetics skill for webshop development. Anti-AI-slop rules, distinctive typography, CSS-var palettes, purposeful motion, layered backgrounds. Optimized for e-commerce conversion with 2026 research data.

OpaceDigitalAgency/skills

Plugin Claude Code

Accuracy-first cinematic website skill with timeboxed product-film production, reusable scroll media and fail-closed validation.

Darcos-Loft/fluid

Plugin Claude Code

Anti-generic design, motion, and frontend skills for AI agents. A committed brand identity per brief, a house motion language, and a deterministic anti-slop detector.

navinramharak-rgb/50k-website-builder

Plugin Claude Code

Build cinematic, scroll-animated marketing sites that look like they cost $50,000 or more. A reference-and-taste phase, a design token system, a GSAP motion system, a signature-move library, a brand-to-build workflow, and in-browser QA.

ca-who-codes/ultimate.UIUX.design.skills

Plugin Claude Code

World-class, one-stop design intelligence for coding agents across two tracks: interfaces (web/apps, components, design systems, the modern React+Tailwind+shadcn stack) AND visual/marketing design (presentations & decks, social carousels & posts, ads, A4/A3 posters, flyers, business cards, event banners…

jeromwolf/templateclaw

Plugin Claude Code

32 production-ready templates as Claude Code skills. Landing pages, dashboards, UI components, project setup, dev methodology, refactoring checklists. Type /templateclaw to scaffold any project.

dravensoft-dev/arena

Plugin Claude Code

Build interfaces with Arena, a token-driven design system: design tokens, React and Angular component libraries, a shared Tailwind layer, guidelines, and a style plugin any project can replace. It carries the design language and not the skin, so any project brings its own palette and fonts.