4,818 tagged CSS and styling, measured the same way as everything else here.
Browse within: skills 88accessibility 85ai-tools 83design-system 81claude-code-plugin 78animation 63ai-skills 58ai-coding 57css 56design-tools 51motion-design 51figma-motion-alternative 49agent-orchestration 38agentic 38
Skill Claude CodeCodex
Design and create loading pages, loading animations, progress indicators, skeleton screens, and loading spinners. Use this skill whenever the user wants to create a loading page, loading spinner, progress bar, skeleton loader, or any loading state UI. This includes splash screens, brand loading pages, inline loading…
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…
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…
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.
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.
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…
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.
Skill Claude CodeCodex
Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants measurable accessibility, performance, responsive, theming, or anti-pattern findings—not when they mainly…
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…
cosmincraciun97/stonewright-wp-mcp
Skill Claude CodeCodex
Stonewright Elementor V3 builder for native-first implementation from Figma, screenshots, images, or briefs, plus pages, widgets, Loop Grid, templates, kit styles, responsive edits, and safe batch mutations. Use whenever a task reads, plans, builds, or repairs an Elementor V3 page or template.
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…
Skill Claude CodeCodex
A way to create PNG images by describing their layout with HTML and CSS and rendering it in a browser.
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…
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.
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…
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…
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
Prepare and export favicon assets from Figma in common web sizes and formats.
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…
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
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.
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.
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…
Skill Claude CodeCodex
The ultimate landing page builder. Through a conversational interview, autonomously produces a complete, deployable Next.js landing page with TypeScript, Tailwind CSS, SEO metadata, JSON-LD structured data, and conversion-optimized copy. Consolidates intelligence from landing-page-designer, copywriting, page-cro…
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: