CSS and styling

2,908 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.

ZhgChgLi/linkyee

Skill Claude CodeCodex

Use when the user wants to design, customize, or generate a custom visual theme for their linkyee site (a Hexo-like LinkTree-style static site). Triggers on phrases like "design my linkyee page", "make a custom theme", "change the style", "I want my links to look like X", "create a new theme inspired by Y". Generates…

not rated 172 +3 yesterday A 103 tokens original MIT

interface-kit

74

JuliusBrussee/skills

Skill Claude CodeCodex

Authoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principles, spatial design, typography, color systems, and component craft into a single actionable reference. Complements the design-system skill (which covers…

not rated 160 +2 28d ago A 125 tokens original MIT

dashmotion

75

csthink/dashmotion

Skill Claude CodeCodex

Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as light dots through the system (Diagrid/Temporal landing-page style). Use this skill whenever the user asks for a flowchart, workflow, pipeline…

not rated 159 +1 2mo ago A 187 tokens original MIT

shadcn-ui

76

mweinbach/agent-coworker

Skill Claude CodeCodex

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like…

not rated 155 today A 74 tokens

ktui

77

keenthemes/ktui

Skill Claude CodeCodex

Comprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns. Use this skill when building UI with KtUI, adding/customizing components, working with KtUI theming/colors/dark-mode, or when the user mentions KtUI, ktui…

not rated 149 2mo ago A 95 tokens original MIT

senior-frontend

78

yezannnnn/agentGroup

Skill Claude CodeCodex

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

not rated 149 3mo ago A 52 tokens original MIT

pixel-point/animate-text

Skill Claude CodeCodex

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

not rated 145 +1 4mo ago A 42 tokens

html-anything

81

clockless-org/html-anything

Skill Claude CodeCodex

Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page. Auto-picks a default route plus 17 concrete design systems (teaching, dashboard, atlas, timeline-story, document, …).

not rated 144 3mo ago A 53 tokens MIT-0

awesome-design-html

82

yzfly/awesome-design-html

Skill Claude CodeCodex

A collection of 118 single-page HTML design references, including a Chinese Traditional Colors swatch page and 96 examples of marketing websites.

not rated 144 +1 2mo ago A 405 tokens

color

83

innei-template/smart-webapp-template

Cursor rule Cursor

You should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration.

not rated 142 9d ago A 3 tokens original MIT

dmae97/omk

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 142 +1 4d ago A 61 tokens

html-artifacts

85

dogum/html-artifacts

Skill Claude CodeCodex

Produce a self-contained HTML artifact instead of a markdown document when the request is for content that benefits from spatial layout, color, real diagrams, interactivity, or a round-trip editor. Use this skill aggressively whenever the user asks for a "doc," "writeup," "plan," "spec," "report," "explainer,"…

not rated 142 +2 3mo ago A 222 tokens original Apache-2.0

web-design

86

drewnekota/cetus

Skill Claude CodeCodex

Use when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at. A taste-first design system that makes generated pages look intentional and crafted instead of generic "AI-made". Provides an aesthetic-direction process, design tokens, a starter…

not rated 141 5d ago A 80 tokens original MIT

skelet AGENTS.md

87

Selekkt/skelet

Instructions file CodexOpenCode

Instructions for Selekkt/skelet, covering agents.md — developing skelet.css, what skelet is, source of truth, repo map and rules of engagement (framework dev).

not rated 141 6d ago A 960 tokens original MIT

emil-design-eng

88

arcboxlabs/linkcode

Skill Claude CodeCodex

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

not rated 141 +1 yesterday A 35 tokens

apple-design

89

RapidAI/MaClaw

Skill Claude CodeCodex

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…

not rated 141 +2 5d ago A 80 tokens

maquina-app/maquina_components

Skill Claude CodeCodex

Build consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage.

not rated 140 +1 18d ago A 61 tokens original MIT

opsrobot-ai/opsrobot

Skill Claude CodeCodexCursor

A practical development guide for building JavaScript and React interfaces with Tailwind CSS and shadcn/ui, a collection of reusable interface components.

not rated 135 3mo ago A 74 tokens original Apache-2.0

smooth-shadow-ring

92

flornkm/shadow-plugin

Skill Claude CodeCodex

Use when styling any elevated surface (card, dialog, popover, dropdown, menu, tooltip, sheet, toast) in a Tailwind project that has shadow-plugin installed. Prevents the double-border artifact caused by pairing a border/ring with a shadow, by routing elevation through the smooth-shadow-ring- utilities.

not rated 133 1mo ago A 67 tokens original MIT

insane-design

93

fivetaku/insane-design

Plugin Claude Code

Bundles 3 skills, 6 commands · 706 tokens together

Design system extractor, applier, and builder — analyze any URL, apply to your project, or build from scratch with deterministic CSS + §18 DON'T grep contract.

not rated 129 +1 11d ago A tokens not measured original MIT

silk-design

94

bendrape1-byte/silk-design

Skill Claude CodeCodex

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. Use when building or restyling any website, landing page, hero, marketing page, portfolio, or web UI; when adding scroll animations, reveals, parallax, marquees, hover effects, page…

not rated 129 +4 9d ago A 140 tokens original MIT

aaddrick/claude-pipeline

Agent Claude Code

Frontend CSS/HTML craftsman specializing in bulletproof, flexible, progressively-enhanced interfaces. Use for CSS architecture, responsive design, Blade templates, and frontend code review. Prioritizes semantic CSS over utility frameworks. Defers to laravel-backend-developer for PHP, controllers, and server-side logic.

not rated 128 +2 6mo ago A 69 tokens original MIT

SemineChen/yueban-image-to-code

Skill Claude CodeCodex

An image-to-code workflow that turns a selected interface image, screenshot, or design export into code and separate transparent PNG assets. It targets an exact 750-pixel-wide, 1:1 recreation with editable text.

not rated 123 +2 1mo ago A 149 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: