flowbite-mcp
169Plugin Claude Code
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS.
not rated 42 10mo ago A
tokens not measured
original MIT
shadcn
170Skill Claude CodeCodex
Current best-practices guide for shadcn/ui applications. Before applying primitive-specific guidance, inspect whether the checked-in components use Radix UI or Base UI; current shadcn supports both (Base UI is the default for new projects) and their composition APIs differ. Component installs and upgrades go through…
not rated 42
+2
changed 1mo ago A Socket: passSnyk: pass 16 tokens
original MIT
web-image
171Skill Claude CodeCodex
A way to create PNG images by describing their layout with HTML and CSS and rendering it in a browser.
not rated 40
+2 2mo ago A 511 tokens
original MIT
Skill Claude CodeCodex
Author and invoke high-quality, mobile-first AnyUI HTML templates for MioChat. Guides the creation of clean, responsive cards, game interfaces, forms, story choices, and Galgame/visual novel dialogue cards rendered via extraRender in Shadow DOM. Enforces decoupled zero-round-trip async image rendering (pure CSS…
not rated 39 7d ago A SkillSpector: pass 148 tokens
original MIT
liquid-skills
173Plugin Claude Code ✓ vendor
Bundles 3 skills · 205 tokens together
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes.
not rated 37
+1 7mo ago A
tokens not measured
cinematic-scroll
174MustBeSimo/cinematic-scroll-skill
Plugin Claude Code
Bundles 2 skills, 1 command · 156 tokens together
Web Design Studio builds distinctive websites with deliberate art direction, interactive 3D, scroll choreography, motion and production-ready fallbacks. Installed under the established cinematic-scroll compatibility key.
not rated 34
changed 1mo ago A
tokens not measured
original MIT
Skill Claude CodeCodex needs its repo
Use when consolidating, deduping, or reducing the number of CSS custom properties / Tailwind v4 design tokens in a globals.css file. Triggers on requests like "reduce tokens", "standardize design tokens", "too many tokens", "dedupe globals.css", "shrink @theme inline", "collapse similar colors", or any task whose goal…
not rated 34 4mo ago A 135 tokens
original MIT
Plugin Claude Code
Bundles 1 skill, 1 command · 93 tokens together
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Prevents 8 documented errors. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors…
not rated 34 16d ago A
tokens not measured
css-protips
177Skill 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 34
changed 1mo ago A 55 tokens
original MIT
21st-registry
178Skill Claude CodeCodex
Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…
not rated 34
+1 1mo ago A Socket: passSnyk: fail 259 tokens
original Apache-2.0
fuse-design
179Plugin Claude Code
Bundles 9 skills, 5 commands, 1 agent · 581 tokens together
Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS directly (Gemini Design MCP, Magic/21st.dev, and shadcn MCP are optional). iOS/Android produce tokens + a device-framed mockup + a handoff spec, never SwiftUI/Compose. Design method, design system tokens, motion, UX copy, and a deterministic…
not rated 34
changed 24d ago A
tokens not measured
original MIT
frontend-design
180Skill Claude Code
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 32 7mo ago A 43 tokens
original MIT
Skill Claude CodeCodex
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…
not rated 31
+1 8d ago A 96 tokens
original Apache-2.0
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.
not rated 31
changed 24d ago A 68 tokens
GPL-2.0
forja-landing
183Carlos-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 31 6mo ago A 85 tokens
original MIT
Skill Codex
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, checking heading hierarchy, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or…
not rated 30
+1 2mo ago A 159 tokens
claude-skills/sveltekit-svelte5-tailwind-skill
Skill Claude CodeCodex
Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4.
not rated 30 1y ago A 36 tokens
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.
not rated 30 8mo ago A 40 tokens
fork
mimikyu
187Skill Claude CodeCodex needs its repo
A workflow that converts a Figma design into web code and checks the rendered page against the original design. It uses saved design data, screenshots, pixel differences, and structural checks to guide repeated fixes.
not rated 29
changed 2mo ago A 199 tokens
original MIT
design-skill
188Skill Claude CodeCodex
Use BEFORE building or restyling anything a user will see — web/mobile UIs, landing pages, dashboards, components, emails, AND creative work like Three.js/WebGL/canvas/SVG scenes, data-viz, games, and animations — to make it look intentional and polished, not generic; covers tokens, type, color, layout, motion…
not rated 29
+1 11d ago A 82 tokens
original Apache-2.0
useclassy
189Skill Claude CodeCodex
Write and refactor Vue, React, Svelte, Blade, and HTML with vite-plugin-useclassy (UseClassy) modifier attributes: class:hover, class:focus, class:sm, class:md, class:dark, className:hover, className:focus, class:sm:hover, and similar. Use when authoring UI, writing Tailwind or UnoCSS hover/focus/responsive/dark…
not rated 28
changed 2mo ago A SkillSpector: pass 122 tokens
original MIT
templates
190Cursor rule Cursor
Tera template variables, blocks, and theme conventions.
not rated 28
+1
changed today A 0 tokens
original MIT
impeccable-lite
191Skill Claude CodeCodex
Design, build, redesign, critique, audit, and refine frontend interfaces with strong visual direction and production-ready UX. Use for websites, landing pages, dashboards, application UI, components, forms, onboarding, empty states, responsive behavior, accessibility, typography, color, layout, motion, UX copy, or…
not rated 27 3mo ago A 95 tokens
original Apache-2.0
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.
not rated 26 8mo ago A 42 tokens
GPL-3.0
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: