What are the best Claude Code CSS plugins?

Flowy lists 10 plugins for CSS, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.

Do these CSS skills run automatically?

The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally and you invoke them yourself.

How does Flowy decide a plugin is a CSS plugin?

The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.

Are these CSS plugins free?

Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Claude Code CSS plugins and skills

Flowy lists 10 plugins for CSS work in Claude Code. Each one bundles skills a Claude Code agent can load while you work. Every listing shows what is inside before you install, who built it, and whether it is Auto-invoked, meaning a FLOW.md router fires the right skill as you prompt instead of leaving them dormant.

Auto-invoked

dev tooling

vercel-labs-agent-skills

A collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities. Skills follow the Agent Skills format.

9 skills

@vercel-labsView Plugin

content

open-design

🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.

163 skills

@nexu-ioView Plugin

productivity

prompt-master

A Claude skill that writes the accurate prompts for any AI tool. Zero tokens or credits wasted. Full context and memory retention

1 skills

@nidhinjsView Plugin

content

html-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale. Live page: open-design.ai/html-anything/ — overview, surface modes, and showcase before you clone. Markdown is the draft. HTML is what humans read. Your local agent writes it.

81 skills

@nexu-ioView Plugin

html-anything

Loading skills

81 skills

Open this plugin

content

ui-craft

Ship designer-grade UI by default. A design engineering system for AI coding agents — install it as a skill or as the ui-craft CLI, and your agent starts designing like it has taste. Ask for a dashboard, get one you'd put in production. Not gradient cards and bounce animations. Website: skills.smoothui.dev

99 skills

@educlopezView Plugin

dev tooling

expo-skills

A collection of AI agent skills for working with Expo projects and Expo Application Services

23 skills

@expoView Plugin

content

showreel

Turn a URL + CSS selectors into a finished visual — annotated screenshots, flow GIFs, smooth-motion recordings and terminal captures. One command each. The agent never guesses pixels; every output is pixel-verified before it's saved. English · Português

2 skills

@heyrenanView Plugin

content

claude-figma-skills

Claude Code skills for Figma. Review designs, act on comments, sync design tokens.

8 skills

@madebysanView Plugin

dev tooling

respira-wordpress-skills

The community hub for WordPress AI workflows. Skills that run inside Claude Code, Codex, Antigravity, Cursor, and any AI agent that supports Skills + MCP to analyze, audit, optimize, and fix WordPress sites. Built by the community. Curated by Respira. Open source. Live Directory: https://www.respira.press/skills ---

39 skills

@respira-pressView Plugin

content

styleseed

Open-source design-method engine for Claude Code, Codex & Cursor. Gives coding agents fixed design judgment—not one fixed aesthetic—then selects or derives the right grammar from references, locks project decisions, and verifies UI, carousels, decks & docs. 20 skills · MIT.

21 skills

@bitjaruView Plugin

FAQ

What are the best Claude Code CSS plugins?: Flowy lists 10 plugins for CSS, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.
Do these CSS skills run automatically?: The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally and you invoke them yourself.
How does Flowy decide a plugin is a CSS plugin?: The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.
Are these CSS plugins free?: Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Browse every plugin