CSS and styling

5,236 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.

retro-web-ui

409

ririri-rgb/retro-web-ui

Skill Codex

Transform existing web application interfaces into Windows 98, Windows XP, Windows 7, or Japanese freeware 2000s desktop styles while preserving behavior. Use for repository-level retro UI conversions, not for greenfield mockups or bitmap-only artwork.

not rated 2 5d ago A 53 tokens original MIT

me-cedric/agent-compass

Skill Claude CodeCodex

React admin dashboard patterns — TanStack Router, MUI Material, MVVM ViewModels, RBAC permissions, Keycloak OIDC, React Query CRUD hooks, feature modules, Vite config.

not rated 2 6d ago A 44 tokens

lecture-deck-kit

412

parkjui92/lecture-deck-kit

Plugin Claude Code

Bundles 3 skills · 786 tokens together

A plugin for building and editing self-contained HTML lecture slide decks in a browser. It lets you select text on a slide and describe the change in chat.

not rated 2 1mo ago A tokens not measured original MIT

clawenable

413

ClawEnable/html-artifact-best-practices

Plugin Claude Code

Bundles 1 skill · 62 tokens together

Produces, reviews, and improves standalone single-file HTML artifacts using vanilla HTML, inline CSS, and vanilla JS — no frameworks or CDN. Use for: comparison matrices, interactive dashboards, timeline roadmaps, review surfaces, visual explainers.

not rated 2 3mo ago A tokens not measured original Apache-2.0

muxy-extension

414

tofunori/atelier-studio

Skill Claude CodeCodex

Best-practice guide for authoring a Muxy extension — how it should look and behave so it reads as a native part of the app. Covers theming (follow the theme, never hardcode colors), the sizing scale, and which surface to use. Mechanics (manifest fields, permissions, the window.muxy API) live in the linked docs.

not rated 2 3d ago A 77 tokens original MIT

impeccable

415

T0mSIlver/vidtheque

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 2 3d ago A 189 tokens copy · 92% MIT

solar

416

Stahlwalker/framework-solar

Cursor rule Cursor

Rules for building with Solar (solarbuild) — a runtime UI framework for AI-generated code.

not rated 2 1mo ago A 0 tokens original MIT

tailwind-v4-core

417

RoninForge/roninforge-tailwind-v4

Cursor rule Cursor needs its repo

Core Tailwind CSS v4 rules. Enforces correct v4 syntax and prevents common v3 fallbacks. Attach to all conversations involving Tailwind CSS.

not rated 2 2mo ago A 1,663 tokens original MIT

cursorrules

418

dev-lou/PixelPilot

Cursor rule Cursor

You are a front-end expert following the UI/UX 2026 design system.

not rated 2 5mo ago A 559 tokens original MIT

concreto

419

Bigrapb/Concreto

Skill Claude Code

Use when the user wants to design, analyze, audit, refine, or improve frontend interfaces. Covers websites, landing pages, dashboards, product UI, applications, components, design systems, and any visual interface. Handles UX review, visual hierarchy, information architecture, accessibility, performance, responsive…

not rated 2 2mo ago A 93 tokens original MIT

utxo-AG/claude-skills

Skill Claude CodeCodex

Comprehensive web interface guidelines for accessibility, interactions, animations, layout, content, forms, performance, and design.

not rated 2 5mo ago A 28 tokens

CookieSparkLab/skills

Skill Claude CodeCodex

A visual design recipe that changes HTML, React or Vue pages to a neo-brutalist style: warm paper-like backgrounds, grids, thick black edges, square corners and solid offset shadows. React and Vue are tools for building web interfaces.

not rated 2 changed yesterday A 190 tokens original MIT

webkit-form

422

aziontech/webkit

Skill Claude CodeCodex

Accessible forms on @aziontech/webkit — one Form Layout spacing reference (xs inside a field, lg between fields/rows) shared by five form types (Drawer, nested Drawer, Dialog, ItemGroup settings, CardBox with independent saves) that differ only in container + save model, with two internal layouts (Cards + ItemGroups /…

not rated 2 yesterday A 172 tokens original MIT

design

423

unclutter-pro/atlas

Skill Claude CodeCodex

Design any visual output — websites, landing pages, SaaS apps, dashboards, documents, reports, presentations, posters, infographics, or any UI/layout/typography/color work. Use when the user asks to build, design, style, or create anything visual, even if they don't explicitly say "design." Also use for visual…

not rated 2 17d ago A 82 tokens original MIT

GuilhemBusset/agentic-or-workshop

Skill Codex

Standardize repository HTML pages to a shared Atom One Dark visual system. Use when asked to align look and feel across multiple HTML files, generate per-page UI component guidelines, apply a consistent theme stylesheet, and verify compliance across all HTML labs.

not rated 2 5mo ago A 56 tokens original MIT

pto-design-system

425

yinyucheng0601/pto-design-system

Skill Claude CodeCodex

A set of rules for building or changing PTO pages with shared layouts, design tokens, components, and patterns. A design system is a reusable collection of interface rules and building blocks.

not rated 2 3d ago A 64 tokens

angular-animations

426

DiegoVilla27/agents-ai-store

Skill Claude CodeCodex

The ultimate architectural standard for Angular Animations WAAPI, Reusable parameterized animations, Staggered queries, and Route transitions.

not rated 2 10d ago A 30 tokens

design-taste-frontend

427

demoniksem/superpowers-hermes-skills

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

frontend-design

428

ppppp-2005/pya

Skill Claude CodeCodex

A guide for building distinctive, production-ready web interfaces and visual components.

not rated 2 3mo ago A 95 tokens

roll-lint

429

niharya/skills-drawer

Plugin Claude Code

Bundles 1 skill · 201 tokens together

Systems-design-aware CSS/SCSS auditor. Cleans stylesheets through seven dependency-ordered phases — spacing, radius, type, layout, accessibility, naming — and returns a blueprint of the patterns that survived the cleanup.

not rated 2 1mo ago A tokens not measured original MIT

motion-ui

430

VoTruongDanh/Skills-Agent

Cursor rule Cursor

Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…

not rated 2 changed yesterday A 85 tokens original MIT

skill-tailwind

431

rekryt/skill-tailwind

Skill Claude CodeCodex needs its repo

Write, configure, migrate, and review modern Tailwind CSS v4 (CSS-first) in any stack or none — framework-agnostic, examples are plain HTML + CSS/SCSS. Use whenever setting up Tailwind, doing a v3->v4 migration (@tailwind->@import, JS config->@theme), defining a reusable design-token / color system + dark mode via…

not rated 2 2mo ago A 194 tokens original MIT

acid-interface-design

432

Nagraj-13/Kanso-UI

Skill Claude CodeCodex

Implements "Architectural Constructional Interface Design" (ACID) — the dark, technical-blueprint/engineering-schematic UI aesthetic used by dev portfolios and component registries such as chanhdai.com (full-bleed hairline rules, diagonal-stripe section dividers, bordered panel grids with persistent vertical rail…

not rated 2 29d ago A 251 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: