CSS and styling

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

mattv8/ragtime

Instructions file GitHub Copilot

Instructions for mattv8/ragtime, covering ragtime frontend - design system, persistence & precedence, brand & personality, color tokens and default palette anchors.

not rated 34 changed yesterday A 2,192 tokens original MIT

budge

170

millionco/skills

Skill Claude CodeCodex

Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget on the page so the user can tweak the value before it is persisted. Covers atomic style changes, live preview, and cleanup. Triggers on single CSS value or single Tailwind utility class…

not rated 33 +1 2mo ago A 66 tokens original MIT

accessibility-checker

171

inbharatai/claude-skills

Skill Claude CodeCodex

Audit and fix accessibility issues — WCAG 2.2 compliance, ARIA labels, color contrast, keyboard navigation, and screen-reader compatibility.

not rated 33 +2 5mo ago A 34 tokens original MIT

liquid-skills

172

Shopify/liquid-skills

Plugin Claude Code ✓ vendor

Bundles 3 skills · 205 tokens together

Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes.

not rated 32 5mo ago A tokens not measured

design-system-builder

174

lennix1337/Genexus18MCP

Skill Claude CodeCodexGemini CLI

Builds and evolves enterprise-quality CSS Design Systems based on Chameleon web components. Use when the user wants to create, scaffold, or evolve a DS, add components/tokens/themes. Triggers on: 'design system', 'DS', 'design tokens', 'theme system', 'build a DS', 'scaffold DS', 'create design system'.

not rated 28 today A 75 tokens original MIT

cursorrules

175

adilmoujahid/p5js-ai-editor

Cursor rule Cursor

You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, and thoughtful answers, and are a…

not rated 28 1y ago A 636 tokens original MIT

useclassy

176

jrmybtlr/useclassy

Skill Claude CodeCodex

Write and refactor Vue, React, Svelte, Blade, and HTML markup using vite-plugin-useclassy modifier attributes such as class:hover and className:focus. Use when authoring UI, converting existing Tailwind variant classes to UseClassy, or reviewing and fixing UseClassy markup.

not rated 28 6d ago A 64 tokens original MIT

design-taste-frontend

177

BND-1/taste-skill

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 28 6mo ago A 40 tokens fork

waterfeet/DoroPet_V3

Skill Claude CodeCodex

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 29 3mo ago A 96 tokens original Apache-2.0

refactoring-ui

179

jaywilburn/refactoring-ui-skill

Skill Claude CodeCodex

Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building…

not rated 27 +1 3mo ago A 154 tokens original MIT

Amsterdam/amsterdam-agent-skills

Skill Claude CodeCodex

Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-), BEM CSS with ams- prefixes, 4/8/12-column Grid…

not rated 25 +1 1mo ago A 122 tokens EUPL-1.2

fuse-design

181

fusengine/agents

Plugin Claude Code

Bundles 9 skills, 5 commands, 1 agent · 538 tokens together

Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS directly (Gemini Design MCP, Magic/21st.dev, and shadcn MCP are optional). iOS/Android produce tokens + a device-framed mockup + a handoff spec, never SwiftUI/Compose. Design method, design system tokens, motion, UX copy, and a deterministic…

not rated 25 changed today A tokens not measured original MIT

alessioarzenton/claude-code-wp-toolkit

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 24 6mo ago A 42 tokens GPL-3.0

wechat-styler

183

zjp1997720/wechat-styler

Skill Claude CodeCodex

A tool that converts Markdown articles into inline-styled HTML for WeChat Official Accounts, China's publishing platform. It offers selectable visual themes and optional structured components and an opening SVG animation.

not rated 24 1mo ago A 81 tokens copy · 88% MIT

business-web-design

184

EnriqueLop/quartier

Skill Claude CodeCodex

Generate dynamic, hand-crafted static websites for real businesses (restaurants, clinics, shops, trades, studios) that read as designed by a human studio — never as an AI template. Use this skill for ANY request to create, redesign, or improve a web page, landing, demo, home, subpage, or showcase for a business — "haz…

not rated 24 3mo ago A 137 tokens original MIT

korrodesign

185

KorroAi/korrodesign

Skill Claude CodeCodex

Design Copilot with two enforcement layers (Taste Guardian + Blind Spot ESLint plugin, 14 rules). Works standalone with zero dependencies. 7-phase design pipeline. Produces Awwwards-level websites with automated UI hygiene enforcement.

not rated 24 2mo ago A 50 tokens original MIT

zian10001/codex-frontend-visual-handoff

Skill Claude CodeCodex

Provider-neutral, Windows-first Beta workflow for inspecting, preparing, and reviewing bounded frontend visual handoffs with optional external coding clients and a Codex-only path. Use only when the user explicitly invokes $frontend-visual-handoff; default to mode=inspect, require a separate second invocation with…

not rated 24 1mo ago A 88 tokens original Apache-2.0

web-image

188

whyubel1eve/web-image-skill

Skill Claude CodeCodex

A way to create PNG images by describing their layout with HTML and CSS and rendering it in a browser.

not rated 23 15d ago A 511 tokens original MIT

accessible-by-default

189

ThomasSweet/a11y-foundation

Skill Claude CodeCodex

Build web UI that is accessible through the platform instead of patched with ARIA and JavaScript. Use when writing or reviewing HTML and CSS for any web interface - choosing between a native element and a hand-built component, styling focus, honouring user preferences such as reduced motion or forced colors, meeting…

not rated 23 3d ago A 82 tokens original MIT

html-style-generator

190

Renais-Star/html-style-generator

Skill Claude CodeCodex

A tool for generating multiple connected HTML page prototypes in different design styles. The generated pages use Simplified Chinese text, custom CSS styling, navigation links, and optional image and icon libraries.

not rated 24 5mo ago A 29 tokens original MIT

web-visuals

191

siimvene/SwarmOps

Skill Claude CodeCodex

Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…

not rated 23 7mo ago A 142 tokens original MIT

forja-landing

192

Carlos-Dominguez-faber/forja-landing

Skill Claude CodeCodex

Construye landing pages cinematicas para cualquier tipo de negocio — personal brand, SaaS, agencia, producto, curso, consultor, clínica — con video hero Seedance, crítica anti-AI-slop y auditoría web. Usar cuando el usuario pide construir una landing page. Adapta secciones, copy y CTAs al tipo de negocio. Anti-AI-slop…

not rated 23 +1 4mo ago A 85 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: