CSS and styling commands

memi-design/design-sandbox

Command Claude Code

Spike a design idea — decode brief/screenshot/figma, scaffold shadcn into /sandbox, optionally layer motion. Default entry point for any design exploration.

samsebeingener/visbug-mcp-ru

Command Claude Code

A command that examines edits made with VisBug and transfers them into a project's CSS or other styles. VisBug is a browser tool for inspecting and editing web pages.

mtvrkan/senior-dev-kit

Command

Audit built UI for design-direction adherence, generic-output tells, and layout monotony.

Muminur/frontend-design-craft-skill

Command

Scan for and rewrite the visual tells of AI-generated frontends.

HalidSaglam/saglitzdesign-mcp

Command

Improve an existing UI (bolder, quieter, cleaner, higher-converting) using SaglitzDesign craft standards, with measured before→after.

Farzannajipour/cursor-react-rules

Command Cursor

Build mobile-first responsive layouts with Tailwind CSS that work across all device sizes.

Farzannajipour/cursor-react-rules

Command Cursor

Implement dark mode with Tailwind CSS, system preference detection, and user preference persistence.

obiwancenobi/klamben

Command

Guided shape-then-build flow — design the screen's purpose, layout, and hierarchy before writing widgets. Full creation workflow with visual iteration.

samqin123/Claude_skill_pool

Command Claude Code

A front-end debugging assistant that reviews an interface as both a visual designer and an engineer. It translates vague design feedback into concrete changes to layout, colour, spacing, typography, hierarchy, and animation, while recording work in `.debug` files.

All-Turtles/airtime-design-system

Command Claude Code

Apply Airtime design tokens to an existing interface. Creates a variation with Airtime's visual language applied.

andronics/claude-plugin-css-pro

Command

Full CSS audit covering performance, accessibility, best practices, and compatibility.

andronics/claude-plugin-css-pro

Command

Build and compile CSS with comprehensive error analysis and optimization.

andronics/claude-plugin-css-pro

Command

Migrate CSS between approaches, frameworks, or preprocessors with intelligent conversion wizard.

Gyejoon/pencil-plugin

Command

A command that converts a selected design node into React and Tailwind code. React is a JavaScript interface library, and Tailwind is a CSS styling toolkit.

Dbochman/dotfiles

Command Claude Code

Opinionated constraints for building better interfaces with agents.

mambari/visbug-mcp

Command Claude Code

Analyse les modifications VisBug et les convertit en CSS sémantique selon les conventions du projet.

lesleslie/css-mcp

Command

Analyze an inline CSS snippet with full metrics, quick summary, or MDN context for any property encountered.

lesleslie/css-mcp

Command

Run a project-wide CSS audit, scanning all CSS files for complexity, specificity, and quality metrics.

lesleslie/css-mcp

Command

Check cross-browser compatibility for one or more CSS properties and pull supporting MDN documentation.

Manavarya09/muse

Command

Fetch design references for keywords, open a browser moodboard to pick favorites, then generate brand guidelines + starter UI from the selection.

XINGANLIU/design-system-generator-skill

Command Claude Code

Command "design-system" from XINGANLIU/design-system-generator-skill, covering design system generator — claude code command, usage: /design-system [font-family] [style] and example: /design-system #6366f1 "outfit" rounded.