4,752 tagged CSS and styling, measured the same way as everything else here.
Browse within: skills 89accessibility 84ai-tools 84design-system 82claude-code-plugin 77animation 65ai-coding 60ai-skills 59css 54design-tools 51motion-design 51figma-motion-alternative 49nextjs 44agent-orchestration 40
Skill Claude CodeCodex
Project skill for refreshing the Azure Fluent System library from Azure UI Kit / Fluent 2 via Figma MCP, mapping extracted nodes into checked-in React/CSS/docs/showcase artifacts, and validating the result without silent fallback.
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
Use this skill when building cinematic, animated, or immersive web experiences. Covers scroll-driven storytelling (GSAP, ScrollTrigger, SplitText, video scrubbing, parallax, mask reveals), 3D product showcases (R3F, Zustand, studio lighting, model switching, video textures), layout composition (bento grids, masonry…
tiago1002bravy/skills-marketing
Skill Claude CodeCodex
Gera landing page de venda direta em Next.js 15 + Tailwind v4, modelada no padrão Bravy validado (/57-agents). Use quando o usuário disser 'criar lp de venda', 'página do produto', 'landing page de venda', 'lp de checkout', 'página da oferta', 'lp de infoproduto', 'página de pacote', ou qualquer variação de venda…
OneWave-AI/ClaudeCodeUnleashed
Skill Claude CodeCodex
Create professional CSS animations, transitions, micro-interactions, and complex motion design. Use when adding animations, hover effects, loading states, page transitions, scroll animations, or any motion design work.
sourav15mukherjee/skillforge-free-skills
Skill Claude CodeCodex
Generate production-grade UI components with visual style systems, color palettes, typography, and responsive layouts. Use when the user asks to build UI, create a landing page, design a component, generate a hero section, or wants frontend design help with styling and layout.
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
Kage0x3B/svelte-advanced-datatable
Skill Claude CodeCodex
Scaffold or modify a Svelte 5 DataTable using the svelte-advanced-datatable package — DataTableConfig, column types (ComponentType.STRING/NUMBER/BOOLEAN/DATE/ENUM/CUSTOM), sort, pagination, sticky-header, density, snippet slots, daisyUI rendering. Use when adding a new table, defining columns, or tuning baseline…
Luispitik/salgadoia-web-design-engineer-pro
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
Skill Claude CodeCodex
House style for authoring, shaping, and styling React/shadcn components (file skeleton, CVA variants, this repo's flat ui/layout organization, layout shell). Use when adding, refactoring, or reviewing a component in this project.
akikisai/copilot-custom-config-template
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. Also activated by skill name: "design-taste-frontend".
Skill Claude Code
Your approach to handling frontend responsive. Use this skill when working on files where frontend responsive comes into play.
Skill Claude CodeCodex
Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing portfolio websites, landing pages, hero sections, product showcases, or implementing Apple-style components, dark mode, or responsive layouts.
chenxihuang1028-a11y/super-web-design
Skill Codex
Premium website builds with varied heroes, React Bits backgrounds, static index.html delivery, browser QA, and chat-only feedback. Use for Super-Web-Design or advanced landing/product/media sites.
Skill Claude CodeCodex
Use when the user asks for high-fidelity HTML design deliverables, tweakable prototypes, slide decks, animated demos, design-system-aligned UI exploration, or wants Codex to work like a design delivery partner instead of a generic page coder.
Skill Claude CodeCodex
Anti-slop morphism & aesthetic design skill for AI coding agents. Glassmorphism, Futurism, Neubrutalism, Brutalism, Minimalism, Maximalism, Swiss Design, and Bauhaus — exact CSS recipes, a motion system, a typographic scale, and named anti-patterns. The agent reads the brief, picks the right style, and ships…
Skill Claude CodeCodex
Use when designing, structuring, or rendering HTML for ProcessWire Admin interfaces, custom Process modules, or Inputfields.
Skill Claude CodeCodex
Expert knowledge for Etch WP - a Unified Visual Development Environment for WordPress. Generates complete JSON in Gutenberg block format for components, sections, patterns, or templates. Uses Automatic.css (ACSS) v4 variables. See reference files for complete documentation.
Skill Claude CodeCodex
Skill to understand and work better with motion systems.
chohra-med/claude_design_skill
Skill Claude CodeCodex
Take a UI from a one-line idea to on-brand, shippable design with Claude, in the correct order — brand foundation first, then components, screens, interactions, accessibility, and only then generation via /design. Use whenever someone wants to design, redesign, or generate a screen, page, component, or onboarding flow…
Skill Codex
Generate, implement, or redesign distinctive, premium web and app interfaces through product-derived art direction, visual assets, composition, typography, motion, responsive behavior, and anti-slop generation decisions. Use for frontend pages, product screens, dashboards, landing pages, design systems, UI components…
Skill Claude CodeCodex
A webpage design tool that turns text into a standalone page with a chosen visual style. It includes more than 30 design styles and helps match text to a style.
mathofdynamic/entrance-motion-skill
Skill Codex
Implement or audit calm, progressive frontend entrance motion across pages, menus, popovers, dialogs, and other transient surfaces with stable initialization, deterministic stagger, reduced-motion support, faster close transitions, and rendered-page validation. Use when adding or repairing entrance or exit reveals; do…
ryne2010/harness-engineering-audit
Skill Claude CodeCodex
Repo-scoped workflow for mapping visual product specs into token and component contracts. Use only when this repository opts into docs-to-production harness execution.
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: