CSS and styling

4,054 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.

oracle-devrel/oracle-ai-developer-hub

Skill Claude CodeCodex

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

not rated 4.4k +5 2d ago A 40 tokens

modern-css

26

paulirish/dotfiles

Skill Claude CodeCodex

Specialized knowledge for writing modern high-quality CSS. Trigger this skill when starting a new CSS project/file, when the user asks about new CSS features (e.g. Masonry, View Transitions, Container Queries, Scroll-driven animations), or requests refactoring of legacy styles to modern standards.

not rated 4.4k 5d ago A 61 tokens

matt1398/claude-devtools

Command Claude Code

Design system and visual language — theming, CSS variables, Tailwind config, component styling patterns, icon usage, animations, and z-index layers. Use when creating or modifying UI components, working with the dark/light theme, or debugging visual issues.

not rated 3.9k +7 3mo ago A 58 tokens original MIT

ui-conventions

28

foru17/neko-master

Skill Claude CodeCodex

Frontend change conventions for apps/web — i18n (bilingual keys), dark mode (the highest-frequency rework source), theming inline SVG/chart colors, loading/empty/error states. Use for any UI change.

not rated 3.9k +12 1mo ago A 48 tokens original MIT

kumo-design

29

cloudflare/kumo

Skill Claude CodeCodex ✓ vendor

Cloudflare product design guidance. Use when designing, implementing, or reviewing Cloudflare dashboard interfaces, Kumo UI, responsive styling, dialogs, or frontend tests.

not rated 3.8k +19 2d ago A 36 tokens original MIT

CopilotKit/OpenBot

Skill Claude CodeCodex

The default layout for every OpenBot configuration screen — PageShell and its prose/wide widths, PageSection and PageRows, Item row composition, the settings-row pattern where a summary and a chevron open a dialog, and the size and variant vocabulary. This is what a new screen looks like unless an instruction says…

not rated 3.8k +244 2d ago A 183 tokens original MIT

laravel/boost

Skill Claude CodeCodex ✓ vendor

Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product grids), flex/grid page structures (dashboards with sidebars, fixed topbars, mobile-toggle navs), styling UI components (cards, tables, navbars, pricing sections…

not rated 3.6k +2 3d ago A 151 tokens original MIT

transitions-dev

32

Jakubantalik/transitions.dev

Skill Claude CodeCodex

Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, error state shakes, search/input clear, skeleton loaders, shimmer text, sliding tabs…

not rated 3.4k +39 2d ago A 410 tokens

jakubkrehel/make-interfaces-feel-better

Skill Claude CodeCodex

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work. Supports quick and full review modes. Triggers…

not rated 3.1k +16 5d ago A 117 tokens copy · 78% MIT

jpudysz/react-native-unistyles

Skill Claude CodeCodex

Guide for using react-native-unistyles v3. Triggers on: "unistyles", "StyleSheet.create", "create stylesheet", "add theme", "breakpoints", "variants", "withUnistyles", "useUnistyles", "ScopedTheme", "UnistylesRuntime", "style component", "responsive styles", "media queries", "dynamic styles", "scoped theme", "adaptive…

not rated 2.9k +1 22d ago A 125 tokens

jpudysz/react-native-unistyles

Skill Claude CodeCodex

Migrate react-native-unistyles from v2 to v3. Triggers on: "migrate unistyles", "upgrade unistyles", "v2 to v3", "unistyles migration", "update unistyles", "convert unistyles v2". Covers all API changes including StyleSheet.create, useStyles removal, theme configuration, variants, withUnistyles, Babel plugin setup…

not rated 2.9k +1 22d ago A 104 tokens

colorsandfonts

36

collabs-inc/collab-public

MCP server Claude CodeCodexCursor +2

Free MCP server with interactive UI for generating color palettes - enables AI assistants to create and visualize Tailwind, SCSS, and CSS color scales. Runs locally from the @colorsandfonts/mcp npm package.

not rated 2.9k +1 26d ago A tokens not measured

addyosmani/web-quality-skills

Instructions file

Instructions for addyosmani/web-quality-skills, covering claude.md, project summary, quick reference, available skills and key thresholds.

not rated 2.7k +6 10d ago A 807 tokens original MIT

oil-motion

38

oil-oil/oil-motion

Skill Claude CodeCodex

Design, implement, optimize, and explain interactive web animations driven by scroll, pointer, drag, touch, device orientation, audio, data, or component state. Use when a webpage needs responsive visual motion for products, interfaces, diagrams, characters, or scene transitions.

not rated 2.2k 7d ago A 56 tokens original MIT

tailwindcss

39

agentset-ai/agentset

Cursor rule Cursor

Best practices for using Tailwind CSS.

not rated 2.1k +3 1mo ago A 2,753 tokens original MIT

css

40

flyeric0212/cursor-rules

Cursor rule

A set of CSS and styling rules covering style architecture, styled-components, Ant Design customization, and responsive design for different screen sizes.

not rated 1.9k 7mo ago A 1,990 tokens

sonofmagic/weapp-tailwindcss

Instructions file

Claude Code instructions for sonofmagic/weapp-tailwindcss, covering claude.md, project overview, monorepo structure, common development commands and build.

not rated 1.9k +2 3d ago A 1,259 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

A programming integration for adding Tailwind CSS support to a custom build tool or advanced build pipeline for WeChat Mini Programs. It connects CSS conversion with tools such as Vite, Webpack, Rspack, Rollup, Rolldown, and Gulp, including file watching and hot updates.

not rated 1.9k +2 3d ago A 123 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

A setup guide for adding weapp-tailwindcss v5 and Tailwind CSS 4 to projects that build WeChat Mini Programs and other targets. It covers common frameworks and build tools.

not rated 1.9k +2 3d ago A 128 tokens original MIT

weapp-tailwindcss

44

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

A routing and safety guide for using weapp-tailwindcss, a tool that adapts Tailwind CSS styles for mini-programs and other supported platforms. It directs setup, migration, troubleshooting, runtime, custom-build, React Native, and ReactLynx requests to the relevant instructions.

not rated 1.9k +2 3d ago A 95 tokens original MIT

firefox-chrome

45

adriankarlen/textfox

Skill Claude CodeCodex

Ground truth for Firefox's internal chrome UI — the DOM structure (browser.xhtml) and built-in CSS that userChrome themes target. Use when writing or fixing textfox CSS and you need to know a real selector, element ID, attribute, or Firefox's own default styling — instead of guessing. Triggers: "what selector", "what…

not rated 1.7k +1 3mo ago A 130 tokens original MPL-2.0

textfox AGENTS.md

46

adriankarlen/textfox

Instructions file CodexOpenCode

Instructions for adriankarlen/textfox, covering claude.md, what this is, commands, architecture and css layer.

not rated 1.7k +1 3mo ago A 927 tokens original MPL-2.0

motion-design

47

LottieFiles/motion-design-skill

Skill Claude CodeCodex

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects…

not rated 1.5k +32 3mo ago A 82 tokens original MIT

PostToolUse

48

sugyan/claude-code-webui

Hook Claude Code

One of 2 in settings.json

Runs after a tool call finishes for Edit, MultiEdit and Write tool calls, running an inline shell check. From sugyan/claude-code-webui.

not rated 1.1k 3mo ago A tokens not measured original MIT archived

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: