CSS and styling

5,678 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.

kash-123/cinematic-scroll-landing

Skill Claude CodeCodex

Build dark, cinematic, awwwards-style landing pages with seamless scroll choreography — endless/infinite scroll loops, pinned image-morph galleries, book page-flip feature sections, full-page book sites, cross-dissolve scene transitions, unified AI-generated imagery, film-slate section markers. Use when the user asks…

not rated 4 1mo ago A 173 tokens original MIT

personal-page-polish

387

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 4 3mo ago A 33 tokens original MIT

shadcn-registry-mcp

388

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 4 7mo ago A tokens not measured original MIT

gridproof

389

gridproof/gridproof

Skill Claude CodeCodex

Automated spacing & grid QA for web UIs, inside the agent loop. Use for "design QA", "check spacing", "fix my grid/spacing", "audit UI", "design review", "show me the spacing issues", "generate a design report", "give me an audit report", and automatically after you generate or modify frontend UI. Renders the running…

not rated 4 2mo ago A 102 tokens original MIT

lexs32/ultimate-design-engineer

Skill Claude CodeCodex

The master design engineering skill encoding Emil Kowalski's polish philosophy, Apple's fluid interface principles, Anime.js 3D/timeline motion, Motion spring physics, Kokonut UI component aesthetics, and Backlit UI dark-mode charts. Use when designing, animating, or reviewing web UIs to achieve high-precision craft…

not rated 4 +1 2mo ago A 79 tokens original MIT

landing-page-craft

391

divyanshu-iitian/agent-website-design-skills

Skill Codex

Design, implement, or improve a distinctive, conversion-focused landing page or marketing website. Use for homepages, product pages, launch pages, portfolios, pricing pages, waitlists, campaign pages, and other flows that must explain an offer, establish trust, and guide a measurable next action.

not rated 4 2mo ago A 63 tokens original MIT

atelier

392

jangles-byte/atelier

Plugin Claude Code

Bundles 7 skills · 966 tokens together

Generative animation for Claude Code — flow fields, physarum, strange attractors, boids, reaction-diffusion, domain warping; GPU/WebGL2 GPGPU and raymarched SDFs; density-to-tone mapping, post-processing and art direction. Parameters are machine-verified, and a bundled capture script records the running result so the…

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

no-ai-slop

393

claudiusararu/unslop-ui-skill

Skill Claude Code

Use when building, generating, or reviewing UI for a website, web app, or mobile app to make it look intentionally designed rather than AI-generated. Removes the common AI/template "tells" (default fonts like Inter/Geist, indigo and purple-blue gradients, cream backgrounds, grey low-contrast text, pill/eyebrow over…

not rated 4 +2 4mo ago A 131 tokens original MIT

lecture-deck-kit

394

parkjui92/lecture-deck-kit

Plugin Claude Code

Bundles 3 skills · 789 tokens together

A plugin for building and editing self-contained HTML lecture slide decks in a browser. It lets you select text on a slide and describe the change in chat.

not rated 4 27d ago A tokens not measured original MIT

senior-frontend

395

EmersonBraun/skills

Skill Claude CodeCodex

The ultimate frontend design and development skill. Creates production-ready, pixel-perfect web interfaces with Next.js + Tailwind + shadcn/ui. Combines design thinking, UX best practices, accessibility, animation, and real design system patterns inspired by the best sites on the web. Invoked explicitly via…

not rated 4 7mo ago A 168 tokens original MIT

motion-ui

396

VoTruongDanh/Skills-Agent

Cursor rule Cursor

Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…

not rated 4 changed 2mo ago A 85 tokens original MIT

website-studio

398

Do-fei/website-studio-skill

Skill Codex

Plans, designs, builds, validates, and prepares polished responsive websites and lightweight web apps from brief through hosting handoff. Use when creating or redesigning a landing page, portfolio, editorial site, knowledge hub, directory, dashboard, portal, tracker, internal tool, microsite, or small web app…

not rated 4 3mo ago A 89 tokens original MIT

fluid

399

Darcos-Loft/fluid

Plugin Claude Code

Bundles 6 skills · 435 tokens together

6 skills, 108 palettes, 53 styles, 14 layouts, a 29-rule detector, and one house motion language. The opposite of generic AI slop.

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

design-taste-frontend

400

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 2mo ago A 61 tokens

mozaic-css-utilities

401

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Mozaic CSS utility classes and layout systems expert. Master Flexy grid, Container, Margin, Padding, Ratio, and Scroll utilities for responsive layouts without writing custom CSS.

not rated 4 1mo ago A 42 tokens

stunning-landing-page

402

rgzn7/stunning-landing-page

Skill Codex

A guide for building single-page landing pages, portfolio sites, product homepages, and promotional websites with animated scrolling and interactive effects.

not rated 3 4mo ago A 181 tokens original MIT

web-ui-polish

403

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 7mo ago A 28 tokens original MIT

universal-designer

404

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 4mo ago A 242 tokens original MIT

bootstrap-5

405

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

406

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 7mo ago A 193 tokens original MIT

gokulkrishh/.cursor

Cursor rule Cursor

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

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

frontend-design

408

houshuang/awesome-claude-code

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

not rated 3 1mo ago A 77 tokens

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: