CSS and styling

6,501 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.

guizang-ppt-skill

265

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 11d ago A 161 tokens

savant-motion

266

savant0x/savant-code

Skill Claude CodeCodex

Build a premium scroll-driven interactive landing page where scroll becomes the timeline: video scrubs frame by frame under the wheel, stages pin while their argument advances, rails pan sideways, headlines assemble line by line, the page ground shifts colour as you travel, and the pointer moves things that are not…

not rated 11 2d ago A 201 tokens original Apache-2.0

ux-auditor

267

Dipen-Dedania/agent-pulse

Agent Claude Code

Senior product-designer + frontend-engineer UI/UX audit agent. Use when the user wants a deep UX review, design critique, screen-by-screen sweep, motion/animation spec, accessibility check, or a prioritized "what to fix" list for the renderer. Produces docs/UXAUDIT.md. Read-only — never modifies code.

not rated 10 5d ago A 75 tokens

doksam-ui

268

LeeYudok/doksam-skills

Skill Codex

A UI implementation guide for the doksam project, based on the component catalog and design rules at ui.doksam.com. It defines approved design tokens, brand profiles, components, and checks for following those standards.

not rated 10 13d ago A 245 tokens original MIT

design-taste-frontend

269

lockstep-team-agent/lockstep

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 10 18d ago A 61 tokens copy · 100% Apache-2.0

web-ui-motion

270

creativedswork/dscode

Skill Claude CodeCodex

Build polished front-end UI together with a signature motion effect in a single self-contained HTML file, combining SVG.js / SVG filters and the Canvas 2D API. Use when the user asks to build a web page, landing page, dashboard, or component that has a special visual effect, animation, particle system, fluid/water…

not rated 10 22d ago A 152 tokens original 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 3mo ago B 34 tokens copy · 89% 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 5mo ago A 76 tokens original MIT

mpa-strict-rules

273

RealistSec/mpa-first-guidelines

Cursor rule Cursor

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

not rated 10 9mo ago A 3,483 tokens original MIT

shadcn-tailwind

274

macromania/agentop

Skill Claude CodeCodex

UI development with shadcn/ui components, Tailwind CSS v4, and Framer Motion animations. Use when building user interfaces, styling components, implementing animations, creating responsive layouts, or adding interactive feedback. Triggers on shadcn, tailwind, framer-motion, components, UI, styling, animations…

not rated 10 5mo ago A 72 tokens original MIT

design-review

275

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 3mo ago A 98 tokens

instantcms-theme

276

instantcms-dev/instantcms-mcp

Skill Claude CodeCodex

Build or modify InstantCMS themes, template overrides, layout schemes, widget positions, and frontend/backend templates.

not rated 10 3d ago A 25 tokens original MIT

cursorrules

277

jasonhnd/design-md-generator

Cursor rule Cursor

You have access to a design system extraction tool. When the user asks you to match a website's visual style, build UI that looks like a specific site, or create a DESIGN.md.

not rated 10 4mo ago A 587 tokens original MIT

impeccable

278

arhen/agents

Skill Claude Code

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 changed yesterday A 189 tokens

frontend

279

gsinghjay/zodiac-engine

Cursor rule Cursor

This document outlines the frontend architecture, patterns and best practices for the Zodiac Engine web interface. The frontend uses a server-rendered approach with progressive enhancement via HTMX, styled with Bootstrap and minimal custom CSS.

not rated 10 2mo ago A 41 tokens

praneet-front

280

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

mcp-server-nativewind

281

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

micro-interactions

282

solinkz/micro-interactions-skill

Skill Claude CodeCodex

Expert micro-interaction architect for mobile apps, web applications, and responsive websites. Use this skill when the user asks to add, build, fix, audit, or consult on micro-interactions, animations, transitions, motion design, gesture feedback, haptics, loading states, skeleton screens, pull-to-refresh, swipe…

not rated 10 +1 5mo ago A 293 tokens original MIT

Core-Mate/Pixel-Perfect-Web-Replica

Skill Claude CodeCodex

Recreate public frontend pages locally with high visual fidelity. Use when the user asks Codex or Claude Code to pixel-perfect clone, mirror, study, sandbox, reproduce, or locally run a public website/page; capture its static assets; preserve layout, scroll animations, media, typography, and interactions; compare…

not rated 9 3mo ago A 81 tokens original MIT

refactor-ui

285

nyldn/claude-dolphin

Command Claude Code

Apply tactical UI improvements using Refactoring UI principles.

not rated 9 13d ago A 9 tokens original MIT

fluxui-development

287

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 2d ago A 143 tokens original MIT

madebyaris/design-rules-ai

Command Claude CodeCursor

Generate a content-first marketing landing page using MBA design rules. Auto-detects vertical (SaaS vs retail/hospitality/wellness) and adapts skeleton, mode, and reference system accordingly.

not rated 9 4mo ago A 48 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: