CSS and styling commands

siddik-web/wp-block-theme-converter

Command

Declare plugin dependencies and generate plugin-specific CSS and compatibility code for a block theme.

siddik-web/wp-block-theme-converter

Command

Generate a WordPress block theme style variation (styles/.json) — dark mode, color palette swap, or font swap.

qorstack/qorstack-report

Command Claude Code

Read and follow the instructions in agents/skills/bolder.md. Also read and follow agents/frontend-design/design-all.md and any referenced files in agents/frontend-design/reference/ as needed.

christian289/dotnet-with-claudecode

Command Claude Code

HTML/CSS to AvaloniaUI AXAML conversion command.

dyeoman2/tanstack-start-template

Command Cursor

You are a rigorous UI accessibility and design reviewer for React apps using Tailwind CSS v4 and Shadcn UI. You must.

yashshinde0080/promptIO

Command Codex

Add Tailwind CSS v4 and shadcn/ui to an existing React/Vite project.

alessioarzenton/claude-code-wp-toolkit

Command

Import CSS from the design folder into the theme organized as atoms/molecules/organisms.

nguyennguyenit/MultiClaude

Command Claude Code

Generate UI prototypes from UISPEC with CJX-driven design decisions.

bovinphang/frontend-craft

Command

Conduct a standardized review of the specified file or recently changed front-end code, output a graded review report and save it as a Markdown file.

AgentsORG/design-engineering

Command

Consume the project's design contract — a .design file or DESIGN.md — and thread its tokens through UI code (CSS, Tailwind, or design-system components).

kanopi/cms-cultivator

Command

Accelerate design-to-code workflows with automated component generation, responsive styling, and browser validation.

charles-adedotun/notifications-mcp-server

Command Claude Code

This document outlines design principles and implementation guidelines for applications using shadcn/ui with Tailwind v4. These guidelines ensure consistency, accessibility, and best practices throughout the UI development process.

ofershap/tailwind-best-practices

Command

Audit the current codebase for Tailwind CSS v4 best practice violations.

wpank/ai

Command

Add Tailwind CSS v4 and shadcn/ui to an existing React/Vite project.

HermeticOrmus/design-mastery-claude-code

Command

Generate comprehensive design system documentation including colors, typography, spacing, components, and usage guidelines. Outputs production-ready Tailwind/CSS configuration.

zhanjindong/mini-claude-code

Command Claude Code

A command for changing the visual style of a front-end page, such as its layout, colors, or spacing. It leaves business rules and interfaces unchanged.

datathings/marketplace

Command

Comprehensive GreyCat frontend review — correctness, the prescribed VitePlus + Lit + Web Awesome (or similar) + @greycat/web stack, performance, Lighthouse/SEO, type safety, and testing.

bheadwei/claude-GUNDAM-zh-tw

Command Claude Code

A website starter generator that gathers requirements through questions, then creates an information-architecture document, page outlines, and design tokens. Design tokens are named values such as colors, spacing, and font sizes.

3x-haust/Mimikyu

Command Claude Code

A command that turns a Figma design—a visual interface mock-up—into a standalone React and Tailwind CSS web project. It reads the design, downloads its images, and builds the result at a chosen output path.

sukirman1901/frontend-expert

Command Claude Code

Build production UI with curated tokens — design-tokens, ui-components, responsive-ui, motion, anti-ai-slop, ui-feel, accessibility.

sorensensig/ai-corner-store

Command

Audit code against the Designsystemet contracts and the accessibility rules the library cannot enforce. Checks the layer agents actually get wrong — aria-invalid, error-summary placement, export names, invented props, raw hex — by reading each component's contract rather than pattern-matching prose. Reports; never…

nyldn/claude-dolphin

Command

Apply tactical UI improvements using Refactoring UI principles.

madebyaris/design-rules-ai

Command Cursor

Generate a content-first marketing landing page using MBA design rules. Auto-detects vertical (SaaS vs retail/hospitality/wellness) and adapts skeleton, mode, and reference system accordingly.

Aboudjem/ui-ux-suite

Command

Run an accessibility-only audit — focus indicators, skip links, alt text, prefers-reduced-motion, WCAG contrast. Scoped variant of /ui-ux-suite:audit.