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.

forja-landing

193

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

shadcn

194

archmaxai/archmax

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 22 5d ago A 90 tokens AGPL-3.0

modern-web-design

195

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 22 3mo ago A 122 tokens

frontend-design

196

engineeringwithtemi/acodeaday

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

not rated 22 +1 1mo ago A 43 tokens

css-style-engineer

197

JoeDupuis/summoncircle

Agent Claude Code

Use this agent when you need to make CSS or HTML styling changes to the application. This includes creating new stylesheets, modifying existing styles, updating HTML structure for styling purposes, implementing responsive design, fixing layout issues, or ensuring RSCSS compliance. The agent specializes in the RSCSS…

not rated 21 +1 9mo ago A 0 tokens

css-protips

198

PyModel/css-pro-tips

Skill Claude CodeCodex

Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.

not rated 21 changed today A 55 tokens original MIT

mockup-expert

199

vibehat/claude-task-manager

Agent Claude Code

Create modular, minimal Tailwind CSS mockups from requirements and diagrams. Intelligently splits complex UIs into manageable components while maintaining clean, simple code. Transforms visual concepts into organized TSX files with inline styling for rapid prototyping.

not rated 21 1y ago A 53 tokens original MIT

component-design

200

bdiasti/maestro-bundle-cli

Skill Claude CodeCodex

Create reusable UI components with Tailwind CSS and Shadcn/UI following design system principles. Use when you need to create buttons, cards, modals, tables, badges, or any UI element with consistent styling and accessibility.

not rated 21 5mo ago A 48 tokens original MIT

aura-design

201

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 21 3mo ago A 2,007 tokens original MIT

vscode-webview-expert

203

s-hiraoku/vscode-sidebar-terminal

Skill Claude CodeCodex

This skill provides expert-level guidance for implementing VS Code WebView features. Use when creating WebView panels, implementing secure CSP policies, handling Extension-WebView communication, managing WebView state persistence, optimizing WebView performance, or debugging WebView rendering issues. Covers security…

not rated 21 today A 73 tokens original MIT

vois-tokens

204

ommakes/Skills

Skill Claude CodeCodex

Rules and patterns for building UI with shadcn/ui, Tailwind v4 or StyleX, and Motion against a Vois design token set. Use when building components, pages, or any UI that should conform to the workspace design system. Covers spacing, typography, color tokens, component architecture, animation, accessibility, and modern…

not rated 20 +1 7d ago A 77 tokens original MIT

calm-ui

205

brijr/skills

Skill Claude CodeCodex

Apply a restrained, Swiss/Japanese/Scandinavian/German-influenced product design system when building or refining UI in React, Next.js, TypeScript, and shadcn/ui — the stack-specific binding of the ui-principles core, with concrete numbers. Use when the user asks to build, refine, critique, redesign, or review a page…

not rated 20 2mo ago A 173 tokens

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 18 +1 4mo ago A 155 tokens original MIT

YangsonHung/awesome-agent-skills

Skill Claude CodeCodex

Use when building, modifying, or reviewing frontend UI where text overflow, layout, responsiveness, accessibility, and visual polish must be verified.

not rated 18 27d ago A 33 tokens original MIT

Trustless-Work/trustlesswork-backoffice

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 18 9d ago A 42 tokens

unslop AGENTS.md

209

aahil62/unslop

Instructions file CodexOpenCode

Instructions for aahil62/unslop, covering shared rules (binding for all stages) and hard invariants.

not rated 17 2mo ago A 488 tokens original MIT

Just-Agent/just-progress-bar-skill

Skill Claude CodeCodex

Design, select, generate, and audit accessible creative progress bars for React, HTML/CSS, Gallery demos, recipes, CLI workflows, and Agent/MCP integrations.

not rated 17 3mo ago A 39 tokens original MIT

web-animation-skills

211

iart-ai/web-animation-skills

Plugin Claude Code

Bundles 9 skills · 949 tokens together

Web animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.

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

uizze-ui-finish-gate

212

uizze/uizze

Cursor rule Cursor

Apply the UIZZE design contract and finish gate to frontend work.

not rated 17 +3 3d ago A 177 tokens original MIT

impeccable

213

wrg32786/aigent-os

Skill Claude CodeCodex

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 18 +1 today A 90 tokens original MIT

ng-blatui

214

anousss007/ng-blatui

Skill Claude CodeCodex

Use the ng-blatui Angular UI library in an app — install, import components (bui-prefixed, signal-based, zoneless, SSR-safe), theme with Tailwind v4 + oklch tokens, localize dates/numbers/labels, and discover the full catalog via the registry, api.json, llms.txt or the ng-blatui-mcp MCP server. Invoke when building…

not rated 16 2d ago A 108 tokens original MIT

Xialiang98/design-visual-frontend

Skill Claude CodeCodex

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 16 +1 1mo ago A 80 tokens original MIT

cursorrules

216

awbx/fhir-dsl

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

not rated 15 4mo ago A 45 tokens copy · 100% 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: