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.

animejs

145

BowTiedSwan/animejs-skills

Skill Claude CodeCodex

Comprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating timelines, working with SVG animations, scroll-based animations, draggable elements, staggered effects, or any JavaScript-based animation on the web. Triggers on…

not rated 62 9mo ago A 122 tokens

Michael-Obele/shadcn-svelte-mcp

Skill Claude CodeCodex

Use when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP. Trigger on landing pages, dashboards, marketing sites, app shells, forms, navbars, tables, dialogs, charts, sidebars, auth screens, blocks, responsive layouts…

not rated 58 changed 1mo ago A SkillSpector: pass 115 tokens original MIT

temu-v0

147

max/temu-v0

Cursor rule Cursor

This is a project using Vite, TypeScript, Tailwind CSS, shadcn/ui, and React. It is used as a prototyping environment for front-end experiences.

not rated 58 1y ago A 230 tokens

skyline-components

148

wechat-miniprogram/skyline-skills

Skill Claude CodeCodex

A development guide for Skyline, a mobile interface framework, covering scrolling, carousels, forms, images, text, draggable panels, and page animations. It also documents Skyline-specific components such as list views, grid views, sticky headers, and shared-element transitions.

not rated 56 7d ago A Socket: passSnyk: pass 81 tokens original MIT

fd

149

dgk-dev/dgk-gpt

Skill Claude CodeCodex

Frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces. Use when the user says /fd or explicitly asks for better design, styling, layout, visual quality, or UX polish.

not rated 55 7mo ago A 58 tokens original MIT

tailwind-plus

150

richardkmichael/tailwindplus-downloader

Skill Claude Code

This skill should be used when the user asks to "add a component", "use a Tailwind Plus component", "build a UI", "create a form", "add a modal", "add a sidebar", "create a landing page", or needs any UI component from Tailwind Plus (formerly Tailwind UI). Use this when building pages, layouts, or UI elements with…

not rated 54 8d ago A 84 tokens

ape-design

151

arpitbbhayani/ape-skills

Skill Claude CodeCodex

Enforces the Array UI (array-ui) editorial systems design system for any frontend, UI, website, blog, personal site, SaaS dashboard, or documentation development task. Trigger on "ape design", "Array UI", or whenever building, styling, or scaffolding UI to guarantee high information density, mathematical precision…

not rated 54 +3 changed 19d ago A 80 tokens original MIT

html-to-pdf

152

aviz85/claude-skills-library

Skill Claude Code

Convert HTML to PDF with pixel-perfect rendering and excellent Hebrew/RTL support. Use when the user asks to 'convert HTML to PDF', 'generate PDF from HTML', 'create PDF from webpage', 'export to PDF', or needs PDF generation with Hebrew text support.

not rated 51 +1 4mo ago A Socket: warnSnyk: warn 58 tokens

igniteui-theming

153

IgniteUI/igniteui-mcp-testbed

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components. Runs locally from the igniteui-theming npm package.

not rated 50 2d ago A Socket: warn tokens not measured original MIT

reel-text-usage

154

KickNext/reel_text

Skill Codex

Use when adding, reviewing, or refactoring Flutter UI that may use reeltext for compact rolling text: command feedback, async/status labels, counters, rotating short phrases, styled TextSpan phrases, WidgetSpan inline anchors, or editable inline corrections. Also use when deciding whether plain Text is better or…

not rated 50 28d ago A 69 tokens original MIT

UI/UX Designer

155

alec-c4/claude-rails-dev

Agent Claude Code

Specialist in user interface design, user experience flows, accessibility (a11y), and Tailwind CSS styling.

not rated 49 9mo ago A 28 tokens original MIT

expo-tailwind-setup

156

robinebers/skills

Skill Claude CodeCodex

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling.

not rated 49 4mo ago A 27 tokens

maquina-ui-standards

157

maquina-app/rails-claude-code

Plugin Claude Code

Bundles 1 skill · 58 tokens together

Build consistent, accessible UIs in Rails using maquinacomponents — ERB partials styled with Tailwind CSS 4, inspired by shadcn/ui.

not rated 48 changed 20d ago A tokens not measured original MIT

vtex/skills

Cursor rule Cursor

FastStore styling conventions including CSS custom properties (design tokens), SCSS modules for scoped component styles, component-level overrides using data-fs- attributes, and how to import @faststore/ui styles for new sections. Use when styling components, creating SCSS modules, overriding design tokens in…

not rated 47 23d ago A 77 tokens

core-web-vitals

159

frankxai/claude-skills-library

Skill Claude CodeCodex

Measure and hold a real performance budget on a web page — LCP, INP, CLS, bundle weight, font and image loading. Use when a change touches images, fonts, above-the-fold markup, client components, third-party scripts, or any list that can grow; when a page feels slow; or before shipping a new landing page or hero.…

not rated 47 +1 changed 22d ago A 106 tokens original MIT

scroll-reveal-video

160

TommyChryst/claude-web-animations

Skill Claude Code

Create a scroll-driven video scrub section where a video's playback position is controlled by scroll progress. Use when the user wants a scroll-scrub animation, cinematic scroll effect, video timeline scrubbing, parallax video, scroll-synced video, or wants to sync a video to scroll progress. Handles ffmpeg…

not rated 46 6mo ago A 96 tokens original MIT

transitions-dev

161

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, or error state shakes. Triggers on "add a transition", "animate the dropdown", "make…

not rated 46 5mo ago A Socket: passSnyk: pass 159 tokens original MIT

ak-elementor-studio

162

abanoubkhaliil/Ak-Elementor-Studio

Skill Claude CodeCodex

AK Elementor Studio — built by Abanoub Khalil (akstudio.me). Converts ANY input — HTML/CSS/JS code, screenshots, images (PNG, JPG, WebP), PDFs, Figma exports, design mockups, wireframes, or any visual file — into fully structured Elementor page JSON templates importable into WordPress. Activate this skill whenever the…

not rated 45 +1 6mo ago A 212 tokens original MIT

tui-design

163

gfargo/tui-design-skill

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.

not rated 45 +1 changed 9d ago A tokens not measured original MIT

b24-ui-nuxt

164

bitrix24/b24ui

Skill Claude CodeCodex

Build UIs with @bitrix24/b24ui-nuxt v2 — 130+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, building forms, or composing layouts for a Bitrix24 application.

not rated 44 5d ago A SkillSpector: pass 55 tokens original MIT

igniteui-theming

165

IgniteUI/igniteui-theming

MCP server Claude CodeCodexCursor +2

Generate Sass palettes, typography, elevations, and themes for Ignite UI components. Runs locally from the igniteui-theming npm package.

not rated 44 yesterday A tokens not measured original MIT

tailwindplus

166

richardkmichael/mcp-tailwindplus

MCP server Claude CodeCodexCursor +2

One of 3 in .mcp.json

MCP server "tailwindplus" as configured in richardkmichael/mcp-tailwindplus. Runs locally from the mcp-tailwindplus Python package. Needs 1 environment variable to run.

not rated 43 +1 today A tokens not measured original MIT

favicon-exporter

167

madebypan/FigCC

Skill Claude CodeCodex

Prepare and export favicon assets from Figma in common web sizes and formats.

not rated 43 24d ago A SkillSpector: pass 19 tokens original MIT

RealTimeLogic/LSP-Examples

Skill Claude CodeCodex needs its repo

Use when modifying the Light Dashboard custom/ variant. Covers the custom mini-CMS engine, layout and color customization, adding/removing pages, HTMX navigation, and CMS-level SMQ page scopes.

not rated 43 21d ago A 46 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: