CSS and styling skills

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

Browse within: agentic-ai 99skills 88accessibility 84design-system 82ai-tools 81agent 79claude-code-plugin 75animation 65ai-coding 60LLM 59ai-skills 59cli 55css 54agents 52

aditya-ariosity/wcag-accessibility-mcp

Skill Claude CodeCodex

Audit and correct accessibility problems in rendered web interfaces using the wcag-accessibility MCP tools. Use when an agent creates, changes, reviews, or verifies HTML/CSS/UI code; when asked about WCAG, contrast, labels, semantics, keyboard access, focus, screen readers, responsive accessibility, or accessibility…

not rated 1 6d ago A 103 tokens original MIT

pointer-field-craft

338

ashishpatill/tell-proof

Skill Claude CodeCodex

Distance-based pointer trail emitter craft in full — emit per path distance (not timer), sub-segment placement, ring-buffer ordering, emitter lag, idle breath, coasting, touch/reduced-motion fallbacks, cleanup. Decorative only.

not rated 1 11d ago A 52 tokens original MIT

ui-designer

339

daniel-dan-conrad/ui-designer-skill

Skill Claude CodeCodex

Craft one-of-a-kind, ship-ready frontend interfaces with elevated design quality. Apply this skill whenever the user wants to build web components, pages, artifacts, posters, or applications (for example, websites, landing pages, dashboards, React components, HTML/CSS layouts, or any task that involves styling or…

not rated 0 3mo ago A 89 tokens

frontend-design

340

OpenSIN-Code/SIN-Code-Frontend-Design-Skill

Skill Claude CodeCodex

SOTA frontend design system + philosophy (Anthropic-compatible). Loads typography, color, spacing, motion tokens; generates button/input/card/modal specs; scaffolds pages; runs WCAG 2.2 AA checks. Uses v0-pool for code generation when --use-v0 is passed.

not rated 0 1mo ago A 62 tokens

cool-design

341

CoolTea001/cool-test-mcp

Skill Claude Code

Project-specific frontend design skill based on the Nuxt UI and Tailwind CSS v4 design system, blending design constraints with general design methodology. Use for all UI implementation and page design tasks. Dark mode is the default theme.

not rated 0 13d ago A 48 tokens original MIT

web-design-harvester

343

ChenYCL/web-design-harvester

Skill Claude CodeCodex needs its repo

Reproduce a rendered web page (Figma Sites, any URL) as high-fidelity code. Harvests per-section screenshots, distilled computed CSS, design tokens, responsive deltas and alpha-measured assets into a spec directory, then works through it block by block. Use when asked to rebuild/clone/复刻 a site or section from a URL…

not rated 0 6d ago A 134 tokens original MIT

design-taste-frontend

344

DevRik99/forge-mcp

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 0 8d ago A 61 tokens

wealth-research

345

frankxai/awesome-wealth-agent-skills

Skill Claude CodeCodex

Use when mapping public wealth, custody, portfolio, privacy, and OSS finance tooling for an Agentic Wealth OS without using private financial data.

not rated 0 2d ago A 32 tokens original CC0-1.0

heroui

346

ruchernchong/claude-kit

Skill Claude CodeCodex needs its repo

Build accessible UIs using HeroUI v3 components (React + Tailwind CSS v4 + React Aria). Use when creating React interfaces, selecting UI components, implementing forms, navigation, overlays, or data display. Use when installing HeroUI v3, customizing themes, accessing component documentation, building with compound…

not rated 0 3mo ago A 121 tokens 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: