CSS and styling

5,236 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.

OpaceDigitalAgency/skills

Plugin Claude Code

Bundles 1 skill · 138 tokens together

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

not rated 4 +1 1mo ago A tokens not measured original MIT

21st-registry

362

21st-dev/skill

Skill Claude CodeCodex

Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…

not rated 4 +2 10d ago A 259 tokens copy · 100% Apache-2.0

design-taste-frontend

363

halflifezyf2680/Skill-Shelf

Skill Claude CodeCodex

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

not rated 4 yesterday A 61 tokens

aura-ui

364

BlueStarSystem/aura-ui

MCP server Claude CodeCodexCursor +2

Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4. Remote server at aura-ui.com.

not rated 3 14d ago A tokens not measured original MIT

50k-website-builder

366

navinramharak-rgb/50k-website-builder

Plugin Claude Code

Bundles 1 skill · 138 tokens together

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.

not rated 3 7d ago A tokens not measured original MIT

web-ui-polish

367

lihytaihe-lang/aetherpane

Skill Claude Code

Transform rough web pages into premium, polished interfaces with glassmorphism, Apple-inspired layouts, and three switchable themes.

not rated 3 5mo ago A 28 tokens original MIT

universal-designer

368

satishTheLegend/universal-designer

Skill Claude CodeCodex

UniversalDesigner is the single entry point for ALL frontend design, animation, and 3D work. It understands the project architecture (stack, existing design infra, constraints), sets a design direction, then routes execution to the right specialist skill(s) among 24 design skills: 3D engines (Three.js, R3F, Babylon…

not rated 3 2mo ago A 242 tokens original MIT

personal-page-polish

369

danger-English/agent-zero-to-one-cn

Skill Claude CodeCodex

Polish an existing single-file personal page after the user asks for a clearer, more readable design while preserving its content and no-build setup.

not rated 3 1mo ago A 33 tokens original MIT

bootstrap-5

370

lindoelio/agent-skills

Skill Claude CodeCodex

Build modern, responsive, accessible web interfaces using pure Bootstrap 5. Use when creating layouts, components, forms, or styling with Bootstrap's utility classes and components. Covers grid system, flexbox utilities, spacing, colors, typography, forms, buttons, cards, modals, navbars, dropdowns, alerts, and best…

not rated 3 1mo ago A 75 tokens

ui-design-workflow

371

FrozenMoon/ui-design-workflow

Skill Claude CodeCodex

MUST use when implementing UI components or frontend pages in this project. Triggers: designing UI, implement page, develop UI, write component, frontend development, create component, build interface, style page, button, form, modal, toast, card, input, styling, interface, shadcn, ant design, antd, element plus…

not rated 3 5mo ago A 193 tokens original MIT

premium-web-design

372

Lucxar/premium-web-design-skill

Skill Claude CodeCodex

Transform any website into a premium, Apple-quality web experience. Use when building new websites, redesigning existing ones, reviewing web design quality, implementing landing pages, or when the user mentions "premium", "luxury", "high-end", "Apple-like", or "professional" website design. Also activate when creating…

not rated 3 5mo ago A 82 tokens

gokulkrishh/.cursor

Cursor rule Cursor

Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.

not rated 3 7mo ago A 1,640 tokens original MIT

frontend

374

SymKit/bundles-rules

Cursor rule Cursor

Frontend: Stimulus, Turbo, Twig/Live Components, AssetMapper (bundle assets/templates).

not rated 3 5mo ago A 0 tokens

page-design-guide-mcp

377

chihebnabil/page-design-guide-mcp

MCP server Claude CodeCodexCursor +2

MCP server providing modern web design guidance, color psychology, typography, layout patterns, and UI best practices for AI assistants. Runs locally from the page-design-guide-mcp npm package.

not rated 3 7mo ago A tokens not measured

shadcnspace-mcp

378

shadcnspace/shadcnspace-mcp

MCP server Claude CodeCodexCursor +2

MCP server for installing and composing shadcn space UI components. Runs locally from the shadcnspace-mcp npm package.

not rated 3 2mo ago A tokens not measured original MIT

youjunxiaji/gl-mcp-feedback

Cursor rule Cursor

A set of project rules for a web-based tool where people and AI agents exchange feedback. The project uses Tailwind CSS and inline JavaScript in the browser, with Python, FastAPI, and Jinja2 on the server.

not rated 3 2mo ago A 1,617 tokens

shadcn-registry-mcp

380

Rachidhssin/shadcn-registry-mcp

MCP server Claude CodeCodexCursor +2

MCP server for automated shadcn/ui component installation. Runs locally from the shadcn-registry-mcp npm package.

not rated 3 5mo ago A tokens not measured original MIT

find-slice

381

alfianyusufabdullah/figma-proxy-mcp

Skill Claude CodeCodex

Slice a Figma frame into production-ready HTML/CSS with ≥90% visual fidelity via the figma-proxy-mcp tools.

not rated 3 1mo ago A 31 tokens

caniuse-mcp-server

382

Amirmahdi-Kaheh/caniuse-mcp

MCP server Claude CodeCodexCursor +2

Advanced MCP server for CSS/JS feature compatibility checking with configurable browser targets, polyfill support, and smart project scanning. Runs locally from the caniuse-mcp-server npm package.

not rated 3 11mo ago A tokens not measured original MIT

apple-design

383

samuelpatro/.claude

Skill Claude Code

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…

not rated 3 +1 3d ago A 80 tokens

ui-ux-design-pro

384

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

Plugin Claude Code

Bundles 1 skill, 6 commands, 4 agents · 731 tokens together

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…

not rated 3 +1 1mo ago A tokens not measured original MIT

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: