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
Plugin Claude Code
Bundles 9 skills · 949 tokens together
Web animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.
Plugin Claude Code
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS.
Plugin Claude Code
Bundles 1 skill · 135 tokens together
Design, build, refactor, or review terminal interfaces — full-screen TUIs, interactive prompts, and command-line tools — with Bubble Tea, Ratatui, Textual, and Ink, plus universal patterns for layout, color, keybindings, and discoverability.
Plugin Claude Code ✓ vendor
Bundles 3 skills · 205 tokens together
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes.
MustBeSimo/cinematic-scroll-skill
Plugin Claude Code
Bundles 2 skills, 1 command · 156 tokens together
Web Design Studio builds distinctive websites with deliberate art direction, interactive 3D, scroll choreography, motion and production-ready fallbacks. Installed under the established cinematic-scroll compatibility key.
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…
Plugin Claude Code
Bundles 9 skills, 5 commands, 1 agent · 581 tokens together
Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS directly (Gemini Design MCP, Magic/21st.dev, and shadcn MCP are optional). iOS/Android produce tokens + a device-framed mockup + a handoff spec, never SwiftUI/Compose. Design method, design system tokens, motion, UX copy, and a deterministic…
Plugin Claude Code
Bundles 1 skill · 142 tokens together
Patterns and guidance for the structpages Go web framework (struct-based routing + gsx + HTMX).
Plugin Claude Code
Bundles 3 skills · 233 tokens together
Rescue ugly vibe-coded React + Tailwind sites: audit the AI-slop, interview for taste, synthesize a custom design lane, and systematically re-theme with verification.
Plugin Cursor
Bundles 7 skills, 1 MCP server · 785 tokens together
Generate uCoz landing pages, ad campaign landings, shop optimization, translate and localize site content, restyle site design, create original site templates, and build server-side scripts (PHP, Node.js, Python, MySQL, cron) via remote MCP. Includes landing, ad campaign, shop, translator, design editor, template…
Plugin Claude Code
Bundles 1 skill · 117 tokens together
Google Fonts typography system generator. Searches 1,923 fonts, suggests singles or pairs, generates CSS/Tailwind typographic systems.
iart-ai/kinetic-typography-skills
Plugin Claude Code
Bundles 1 skill · 95 tokens together
Kinetic typography skills for AI coding agents — animate headlines, stagger text reveals, and build lyric/title videos across CSS, GSAP, Framer Motion, and Remotion.
ofershap/tailwind-best-practices
Plugin Claude Code
Bundles 1 skill, 1 command · 56 tokens together
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.
Plugin Claude Code
Bundles 1 skill · 69 tokens together
Apple-style liquid glass: frosted, refracting surfaces for web UI, with the rules that keep them from reading as gray boxes.
Plugin Claude Code
Bundles 1 skill · 43 tokens together
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Plugin Claude Code
Bundles 33 skills, 5 commands, 3 agents, 2 hooks · 2,613 tokens together
Evidence-led frontend UI quality — judgment, tokens, typography, color, surfaces, content, responsive, motion, accessibility, performance, and testing.
Plugin Claude Code
Bundles 1 skill · 143 tokens together
Thai-language frontend design: correct Thai typography, curated Thai+Latin font pairings, and hard rules against the CSS that silently breaks Thai script.
Plugin Claude Code
Bundles 1 skill · 127 tokens together
Anti-cramped spacing skill for AI-generated UI — three dials, one spacing scale, vertical rhythm, optical alignment, accessibility floors, and density discipline.
opkod-france/opkod-claude-code-plugins
Plugin Claude Code
Bundles 1 skill, 2 commands, 1 agent · 224 tokens together
Strapi v5 admin UI design — DS v2 compound components, page layouts, tables, forms, modals, accessibility. Ships a source-derived component-catalog.md (46 DS v2.2.1 components: real props, compound slots, deprecations). Includes a PostToolUse hook that flags DS violations in admin/src//.tsx, slash commands (/strapi.
Plugin Claude Code
Bundles 1 skill, 2 commands, 3 hooks · 287 tokens together
Experimental. Build with Digdir's Designsystemet correctly on the first attempt: quote-verified component contracts (twins), a WCAG guard hook, and the /ds-check audit command.
Plugin Claude Code
Bundles 9 skills · 758 tokens together
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.
Plugin Claude Code
Validate HTML and CSS, audit technical SEO and accessibility signals, check JSON-LD and links, and capture responsive screenshots.
Plugin Claude Code
Bundles 12 skills · 2,008 tokens together
12 GSAP animation skills — production recipes for scroll, text, SVG, cursor, canvas, and visual effects in any framework.
Plugin Claude Code
Frontend design skill: direction, design system, visual philosophy.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: