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.

mpa-strict-rules

265

RealistSec/mpa-first-guidelines

Cursor rule Cursor

MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.

not rated 11 11mo ago A 3,483 tokens original MIT

liquid-glass-frontend

267

ngocanhnckh/liquid-glass-frontend-skill

Skill Claude CodeCodex

Use when building a beautiful, distinctive, awwwards-tier web frontend — landing pages, dashboards, web apps, marketing sites — that needs Apple-style liquid-glass surfaces, choreographed motion.dev animations, and creative editorial layouts instead of the generic SaaS look (icon-card rows, centered heroes, default…

not rated 11 +1 4mo ago C 124 tokens original MIT

entrance-motion

268

mathofdynamic/entrance-motion-skill

Skill Codex

Implement or audit calm, progressive frontend entrance motion across pages, menus, popovers, dialogs, and other transient surfaces with stable initialization, deterministic stagger, reduced-motion support, faster close transitions, and rendered-page validation. Use when adding or repairing entrance or exit reveals; do…

not rated 11 2mo ago A 78 tokens original MIT

guizang-ppt-skill

269

Dirtytrii/codex-skills

Skill Claude CodeCodex

A skill for creating presentation decks as single HTML files that work as horizontal, swipeable web pages. It includes reusable visual layouts such as chapter screens, large-number data slides, and image grids.

not rated 11 29d ago A 161 tokens

impeccable

270

Anmol-Srv/sigil

Skill Claude Code needs its repo

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 10 1mo ago A 189 tokens copy · 100% MIT

ui-ux-pro-max

271

Rayenbabdallah/GetMCP

Skill Claude CodeCodex

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.

not rated 10 5mo ago B 34 tokens copy · 92% Apache-2.0

lucid-ui

272

Deepractice/UIX

Skill Claude CodeCodex

Professional UI design system that replaces generic AI aesthetics (purple gradients, neon colors) with intentional, distinctive design. Use this skill whenever generating frontend UI, web pages, landing pages, dashboards, or any visual interface. Provides concrete color palettes, typography rules, spacing systems, and…

not rated 10 7mo ago A 76 tokens original MIT

design-review

273

vltansky/skills

Skill Claude CodeCodex

Designer's eye visual audit of a live site — finds typography issues, spacing violations, AI slop patterns, hierarchy problems, interaction state gaps — then fixes them with atomic commits and before/after screenshots. Use when asked to 'audit the design', 'visual QA', 'design polish', 'does this look good', 'check…

not rated 10 5mo ago A 98 tokens

praneet-front

274

agent-dev-thai/praneet-front

Plugin Claude Code

Bundles 1 skill · 143 tokens together

Thai-language frontend design: correct Thai typography, curated Thai+Latin font pairings, and hard rules against the CSS that silently breaks Thai script.

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

mcp-server-nativewind

275

tokenizin-agency/mcp-nativewind

MCP server Claude CodeCodexCursor +2

MCP server for transforming Tailwind components to NativeWind 4. Runs locally from the @tokenizin-com/mcp-server-nativewind npm package.

not rated 10 1y ago A tokens not measured original MIT

sigil-design-system

276

Kevin-Liu-01/Sigil-UI

Cursor rule Cursor needs its repo

Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.

not rated 10 15d ago A 5,196 tokens original MIT

lumpinif/frontend-ui-engineering

Skill Codex

Modern frontend UI engineering guidelines for building and reviewing clear, accessible, maintainable product interfaces. Use when creating, modifying, or reviewing UI components, pages, layouts, HTML, CSS, JavaScript, TypeScript, accessibility, responsive behavior, interaction states, motion, performance, or frontend…

not rated 10 5mo ago A 65 tokens

uiforge

278

TaewoooPark/UIForge

Plugin Claude Code

Bundles 4 skills, 6 commands, 1 MCP server · 838 tokens together

Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…

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

kesslerio/ultimate-frontend-design-openclaw-skill

Skill Codex

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…

not rated 10 8mo ago A 96 tokens copy · 100% Apache-2.0

spacing-skill

280

buidangminh23/spacing-skill

Plugin Claude Code

Bundles 1 skill · 127 tokens together

Anti-cramped spacing skill for AI-generated UI — three dials, one spacing scale, vertical rhythm, optical alignment, accessibility floors, and density discipline.

not rated 10 changed 5d ago A tokens not measured original MIT

respira-for-wordpress

281

respira-press/respira-wordpress-mcp

Plugin Cursor

Bundles 1 MCP server

Read and edit a live WordPress site in its page builder's own format: Elementor, Divi, Bricks, Gutenberg and 14 more. An edit to a published page lands on a draft copy a person approves, and every write saves a snapshot first. Needs the Respira plugin on the site; there is a free trial.

not rated 10 11d ago A tokens not measured original MIT

fluxui-development

284

leMaur/livewire-flux-mcp

Skill Claude CodeCodex

Use this skill for Flux UI development in Livewire applications only. Trigger when working with components, building or customizing Livewire component UIs, creating forms, modals, tables, or other interactive elements. Covers: flux: components (buttons, inputs, modals, forms, tables, date-pickers, kanban, badges…

not rated 9 3d ago A SkillSpector: pass 143 tokens original MIT

XiangyuSu611/obsidian-theme-designer

Skill Claude CodeCodex

Use when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes, adjusting typography, or generating CSS snippets. Triggers on keywords like "Obsidian theme", "color scheme", "CSS snippet", "appearance".

not rated 9 6mo ago A 63 tokens original MIT

using-ds-pilot

286

lyse-labs/ds-pilot

Skill Claude CodeCodex

Use when creating or modifying UI components — always check the design system for existing components and tokens before writing code.

not rated 9 5mo ago A 27 tokens original MIT

less-is-more-ui

287

Mendiak/less-is-more-ui

Skill Codex

Use when designing, refactoring, or reviewing web interfaces that should feel calm, precise, functional, and visually restrained. Applies minimalist UI principles inspired by Ludwig Mies van der Rohe, Louis Sullivan, Massimo Vignelli, Josef Müller-Brockmann, Dieter Rams, and Jony Ive, with emphasis on strong…

not rated 9 changed 13d ago A 88 tokens GPL-3.0

aether-aesthetics

288

takzen/aether-agent

Skill Claude CodeCodex

Skill "aether-aesthetics" from takzen/aether-agent, covering skill: aether aesthetics, główne zasady (design tokens), 1. paleta kolorystyczna (modern hsl), 2. glassmorphism (efekt szklany) and 3. animacje (framer motion).

not rated 9 7mo ago A 0 tokens original Apache-2.0

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: