1,682 tagged CSS and styling, measured the same way as everything else here.
Browse within: design-system 94claude-code-plugin 74accessibility 70ui 46nextjs 44ai-coding 39css 34svelte 30claude-code-skills 29ai-skills 28antigravity 27agentic-workflow 26claude-skill 26tailwindcss 26
pretend1111/claude-desktop-app
Skill Claude CodeCodex
Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.
JCarterJohnson/vibecoded-design-tells
Skill Claude CodeCodex
Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default. It does not impose a look or hand you taste. It removes tells (default shadcn/Tailwind, AI-purple gradients, gradient heading text, unprompted neon glow, emoji-as-icons, the…
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.
Skill Claude CodeCodex
Design or restyle user interfaces using vendored DESIGN.md references from popular product and brand-inspired visual systems. Use when the user asks for UI in the style of a named reference such as Stripe, Vercel, Apple, Linear, Airbnb, Spotify, Notion, Figma, or similar; asks to match a reference design; or wants the…
Skill Claude CodeCodex
A workflow for creating one SCSS file that defines and mounts a custom Wot UI theme. SCSS is a CSS format with extra features for organizing styles.
Skill Claude CodeCodex
A Chinese-language guide for installing and using the @wot-ui/unocss-preset package. UnoCSS is a tool that generates CSS utility classes from configuration and usage in a project.
Skill Claude CodeCodex
Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and coherent depth systems. Use when generating, reviewing, or refactoring web UI that feels generic, cluttered, flat, over-styled…
Skill Claude CodeCodex
Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and coherent depth systems. Use in any supported agent or IDE when generating, reviewing, or refactoring UI that feels generic…
Skill Claude CodeCodex
Use this skill whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element. This includes: Landing pages, websites, web apps, dashboards, portfolios, or any web UI UI components (buttons, forms, cards, navbars, modals, etc.) React, Vue, Next.js, Svelte, or other…
Skill Claude CodeCodex
Generate UI design mockups and help reconstruct generated UI screenshots into HTML/CSS or WeChat Mini Program WXML/WXSS. Prefer built-in image generation when available; use ZenMux + GPT Image 2 for scripted local outputs, or the optional Codex/OpenAI-compatible provider in Codex environments. TRIGGER when the user…
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.
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…
Skill Claude CodeCodex
Compare two image files on disk and report what changed, region by region. Trigger on "what changed between these two images", "diff these PNGs", "did this render drift", "compare screenshots/exports/renders".
TheDecipherist/claude-code-mastery-project-starter-kit
Skill Claude CodeCodex
Writing CSS and markup that works on phone and desktop at the same time, the responsive failures Claude repeats. Use when building or editing any web page or component, or when something overflows horizontally, a code block blows out the page, text is huge on mobile, or content won't scroll on touch. Covers the…
Skill Claude CodeCodex
Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?".
IncomeStreamSurfer/claude-code-agents-wizard-v2
Skill Claude CodeCodex
Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.
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.
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…
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…
Skill Claude CodeCodex
Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.
Skill Claude CodeCodex
Teaches strategies for mitigating third-party script performance impact. Use when third-party scripts like analytics, ads, or widgets are degrading your page load times or Core Web Vitals.
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…
Skill Claude CodeCodex ✓ vendor
SCSS/CSS coding standards and patterns for fundamental-styles project.
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.
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: