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.

pdsuwwz/nextjs-nextra-starter

Skill Claude CodeCodex

A project guide for a Next.js documentation and landing-page starter built with Nextra, Tailwind CSS, MDX, translations, themes, and interface components. It explains the repository’s structure, existing features, extension points, and migration patterns.

not rated 312 2mo ago A 97 tokens original MIT

ucss

50

cool-team-official/cool-unix

Cursor rule Cursor

Uni-App X implements a subset of Web CSS on the App platform.

not rated 307 7mo ago A 544 tokens

databrickslabs/ontobricks

Cursor rule Cursor

This file documents the actual design conventions in the codebase, not aspirations. The two structural rules ("no inline CSS/JS in templates", "shared assets under front/static/") live in 05-code-style-and-structure.mdc § Frontend (HTML/CSS/JS). This file covers visual language, components, naming and asset wiring.

not rated 303 yesterday A 0 tokens

taste-design

52

jaytel0/taste

Skill Claude CodeCodex

Concrete UI visual rule set for generating and reviewing restrained neutral interfaces. Use for tasks that need exact style constraints: plain sans-serif typography, pale neutral canvases, rounded surfaces, soft shadows, minimal borders, low-saturation color, sparse density, content-neutral placeholders, and…

not rated 297 +1 12d ago A 62 tokens

shadcn

53

InBrowserApp/InBrowserApp

Skill Claude CodeCodex

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…

not rated 292 +1 27d ago A 90 tokens

shadcn-ui

54

shep-ai/shep

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 247 yesterday A 74 tokens original MIT

Hainrixz/editor-pro-max

Skill Claude CodeCodex

Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of…

not rated 237 +3 5mo ago A 111 tokens

blatui-development

56

anousss007/blatui

Skill Claude CodeCodex

Build UIs with BlatUI — shadcn/ui for the Laravel BLAT stack (Blade, Alpine.js, Tailwind v4). Use when adding or composing UI components, blocks, charts, or theming in a Blade app.

not rated 236 yesterday A 54 tokens

scss-style-guide

57

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

SCSS/CSS coding standards and patterns for fundamental-styles project.

not rated 232 7d ago A 17 tokens original Apache-2.0

oklch-skill

58

jakubkrehel/oklch-skill

Skill Claude CodeCodex

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

not rated 232 +3 6d ago A 79 tokens

dig-ui

59

originaleric/dig-ui-skill

Skill Claude CodeCodex

A design-system guide for building and reviewing Dig web and product interfaces. It provides rules, page layouts, reusable interface parts, and design tokens such as shared colors and spacing.

not rated 229 15d ago A 77 tokens original Apache-2.0

frontend

60

sahin/ai-rules

Command Claude Code

Use this guide when building UI components, implementing responsive design, or working on frontend architecture.

not rated 229 2mo ago A 0 tokens

shadcn-ui

61

Hainrixz/claude-webkit

Skill Claude CodeCodex

Skill "shadcn-ui" from Hainrixz/claude-webkit, covering shadcn/ui - component library, summary, when to use, quick start and installation.

not rated 221 +4 14d ago A 27 tokens original MIT

coco-research/coco

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 218 yesterday A 61 tokens

nerv-ui

64

TheGreatGildo/nerv-ui

Skill Claude CodeCodex

NERV Operations Console aesthetic for web interfaces — Evangelion-inspired instrumentation UI with black void backgrounds, sparse high-contrast color coding (orange headers, green nominal data, cyan wireframes, red alerts), dense monospaced data readouts, measurement overlay grids, hex scanner patterns, CRT/VHS…

not rated 215 5mo ago A 109 tokens original MIT

tavern-ui

65

ai4rpg/tavern-cards

Skill Claude CodeCodex

A front-end development guide for building interfaces shown inside SillyTavern chat messages, using HTML, CSS, JavaScript, or Vue 3. It also covers message placeholders, MVU variable access, packaging, deployment, and local previews.

not rated 203 8d ago A 114 tokens

frontend-design

66

xiaoyuge886/aigc

Skill Claude CodeCodex

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.

not rated 197 1mo ago A 54 tokens original MIT

code-cli AGENTS.md

68

autohandai/code-cli

Instructions file CodexOpenCode

Instructions for autohandai/code-cli, covering agents.md, project overview, current repository architecture, src/core/agent runtime split (current) and general layout guidance for contributions.

not rated 181 8d ago A 1,679 tokens original Apache-2.0

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 yesterday A 103 tokens original MIT

dashmotion

70

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

interface-kit

71

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 +1 28d ago A 125 tokens original MIT

ktui

72

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

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: