CSS and styling

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

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 26 10d ago A 122 tokens EUPL-1.2

html-style-generator

194

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 26 7mo ago A 29 tokens original MIT

interface-design

195

jaimevalasek/aioson

Skill Claude CodeCodex

The framework's single design engine: craft-first selection of an intentional visual direction, a stable token system, and UI continuity across screens. A blank designskill resolves to it; only a project-forged skill (site-forge or hybrid output) that designskill names explicitly replaces it. Never combined with…

not rated 26 changed 29d ago A 71 tokens AGPL-3.0

agents-inc/skills

Skill Claude CodeCodex

CSS animation patterns - transitions, keyframes, scroll-driven timelines, @property, compositor-friendly properties, prefers-reduced-motion.

not rated 26 changed 2mo ago A SkillSpector: pass 30 tokens original MIT

pwa

197

pubky/pubky-app

Cursor rule Cursor

PWA / service worker — shell-only precache, no data caching, user-consented updates, static offline fallback, manifest and install banner.

not rated 26 yesterday A 0 tokens original MIT

wechat-styler

198

zjp1997720/wechat-styler

Skill Codex

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 25 3mo ago A 81 tokens copy · 88% MIT

korrodesign

199

KorroAi/korrodesign

Skill Claude Code

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 changed 26d ago A 50 tokens original MIT

structpages

200

jackielii/structpages

Plugin Claude Code

Bundles 1 skill · 154 tokens together

Patterns and guidance for the structpages Go web framework (struct-based routing + gsx + HTMX).

not rated 24 changed 27d ago A tokens not measured original BSD-3-Clause

zian10001/codex-frontend-visual-handoff

Skill Codex

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

larapilot-design

203

andreapollastri/larapilot

Skill Claude CodeCodex

Writes HTML/CSS mockups under .larapilot/mockups/, presents and revises them with the user, and can build a custom design system for the client. Use for a mockup, landing, design-system choice, a change to existing mockups, or a client design system. Italian: mockup, prototipo visivo, design system, modifica mockup.

not rated 24 changed 24d ago A SkillSpector: warn 81 tokens original MIT

impeccable

204

wrg32786/aigent-os

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' for…

not rated 24 +1 today A SkillSpector: pass 90 tokens original MIT

ucoz

205

ucoz-skills/agent-skills

Plugin Claude Code

Bundles 9 skills, 1 MCP server · 1,197 tokens together

uCoz agent skills and the official remote MCP (https://www.ucoz.com/mcp): landing pages, ad campaign landings, shop optimization, translation, design restyling, original templates, server scripts, site content, and popup styling.

not rated 24 changed 8d ago A tokens not measured original MIT

accessible-by-default

206

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 changed 24d ago A SkillSpector: pass 82 tokens original MIT

web-visuals

207

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 9mo ago A 142 tokens original MIT

mattbx/shadcn-skills

Skill Claude CodeCodex

Discover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, modals, animations, dashboards, auth pages, or any UI component. Use when the user says "find a component for...", "is there something for...", "search…

not rated 23 +1 6mo ago A Socket: warnSnyk: pass 155 tokens original MIT

wirekit

209

pushery/wirekit

Cursor rule Cursor

WireKit component library conventions for AI tooling.

not rated 23 +2 changed 21d ago A 0 tokens original

iart-ai/kinetic-typography-skills

Plugin Claude Code

Bundles 1 skill · 95 tokens together

Kinetic typography skills for AI coding agents — animate headlines, stagger text reveals, and build lyric/title videos across CSS, GSAP, Framer Motion, and Remotion.

not rated 23 +1 4mo ago A tokens not measured original MIT

monodesign

211

monoes/monomind

Skill Claude Code needs its repo

Design, redesign, critique, audit or polish a frontend UI: landing pages, dashboards, components, forms; make it bolder or quieter; type, color, motion, a11y, design systems. Not for non-UI.

not rated 23 +1 today A 52 tokens original Apache-2.0

aura-design

212

Horosheff/aura-designer

Cursor rule Cursor

A set of instructions for AuraDesign Agent, an AI tool that creates web interfaces from written design rules. It covers how the agent analyzes sites, chooses assets, and generates HTML and CSS.

not rated 22 +1 5mo ago A 2,007 tokens original MIT

modern-web-design

214

efeunalmedia-lab/efeunal-website-seo

Skill Claude CodeCodex

Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions…

not rated 21 5mo ago A 122 tokens

unslop

215

aahil62/unslop

Plugin Claude Code

Bundles 3 skills · 233 tokens together

Rescue ugly vibe-coded React + Tailwind sites: audit the AI-slop, interview for taste, synthesize a custom design lane, and systematically re-theme with verification.

not rated 19 4mo ago A tokens not measured original MIT

Xialiang98/design-visual-frontend

Skill Codex

Design, build, redesign, or critically review distinctive frontend interfaces with strong composition, domain authenticity, responsive behavior, component coherence, and browser-verified visual quality. Use for websites, landing pages, login and form flows, dashboards, admin tools, product pages, portfolios, visual UI…

not rated 19 3mo ago A 80 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: