102 tagged CSS and styling, measured the same way as everything else here.
Browse within: design-system 7
Agent Claude Code
Use this agent when you need to migrate HeroUI components from TypeScript-based styles (.styles.ts files using tailwind-variants) to CSS-based styles (.css files) following the BEM naming convention. This includes converting tv() configurations to CSS classes, maintaining variant mappings, and ensuring all visual…
jeremylongshore/tons-of-skills-marketplace
Agent Claude Code
Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock install. Knows the hard runtime constraint (no node on the graphical session PATH), the first-party contracts (BarWidget, Panel, KeyboardPanel, PanelKeyCatcher, Service), the curl-from-QML data pattern…
Agent Claude Code
A development agent for Seed Breeze UI components, covering component code, CSS Modules styles, examples, documentation, and registry entries.
Agent
Zero-dependency combat visual upgrades: CSS particle replacement, Framer Motion combat juice, CSS 3D card transforms.
Agent Claude Code
Use this agent when building React user interfaces with Panda CSS and Ark UI, creating responsive components, implementing design system patterns, or styling components with Park UI presets. Examples: Context: User needs to create a responsive card component with multiple slots. user: 'I need to create a product card…
Agent
A UI-building agent that creates interface components with DaisyUI version 5 and Tailwind CSS. DaisyUI is a set of ready-made CSS classes, while Tailwind CSS is a utility-based styling system.
Agent Claude Code
An agent for diagnosing and fixing CSS and JavaScript problems in the Claude Inspector interface. It follows a reproduce, gather evidence, form hypotheses, and test process.
Agent Claude Code
Frontend CSS/HTML craftsman specializing in bulletproof, flexible, progressively-enhanced interfaces. Use for CSS architecture, responsive design, Blade templates, and frontend code review. Prioritizes semantic CSS over utility frameworks. Defers to laravel-backend-developer for PHP, controllers, and server-side logic.
Agent Claude Code
React Router v7 SSR expert for the web application. Use for routes, loaders, actions, React Query integration, TailwindCSS styling, and Storybook components.
Agent Claude Code
Expert polyglot code writer for Go, JavaScript, and CSS. Writes production-ready code following project patterns. Use PROACTIVELY for implementation tasks.
Agent Claude Code
Use ONLY as part of the /design-md skill pipeline. Builds one self-contained preview HTML file (preview.html) carrying both themes, which visually demonstrates a design.md's tokens and components. Hero on top + component showcase grid below. Writes to staging only — never to public/preview/ directly.
Venkateshvenki404224/frappe-apps-manager
Agent
Frontend and UX specialist for Frappe - form optimization, client scripts, responsive design, accessibility.
Agent Gemini CLI
Visual design specialist. Produces color palette tokens, typographic scale, spacing scale, tokens.css, and Tailwind config extensions. Delivers component anatomy specifications and design rationale. Does NOT write application code.
Agent
You are Cosmo, the CSS consistency specialist for SAM. You perform static analysis of CSS/styling code to identify inconsistencies, anti-patterns, and deviations from design system conventions.
Agent
Creates professional CSS styling for presentations, with brand customization support.
Agent
Design system auditor focused on visual quality, token adherence, and preventing "AI aesthetic". Use for design-focused reviews, token compliance checks, and identifying structural design anti-patterns in web applications.
opkod-france/opkod-claude-code-plugins
Agent
Use this agent to review React/Tailwind/shadcn UI components for Refactoring UI principles — visual hierarchy, spacing, typography, color usage, button hierarchy, form patterns, and anti-patterns (arbitrary Tailwind values, multiple primaries, missing labels, grey-on-color text). Auto-invoke when reviewing .tsx/.jsx…
Agent Claude Code
Phase E LLM visual review for visual-debug — read ref/impl PNG pairs at every scroll position, judge PASS / PARTIAL / FAIL semantically, return a verdict table. Used after AE + SSIM + auto-diagnose agree. Vision-using (the inverse of visual-debug-iterator) — the 44K vision tokens stay in the subagent context, only the…
Agent Claude Code
Adds motion to a static composition. Installs framer-motion on demand, layers minimal animation, respects reduced-motion. Use AFTER component-scaffolder, only when the brief calls for motion.
Agent Claude Code
This script is delegated from Phase 7 of the main SKILL.md. Run only after the visual comparison loop (Phase 5) and the accessibility audit (Phase 6) are complete.
Agent
Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance.
Agent
A code-generation agent that assembles earlier page-analysis results into one complete HTML file using Tailwind CSS. It follows supplied structure, design tokens, assets, and accessibility recommendations rather than inventing new page content.
Agent Claude Code
Build a Mono-Industrial data-table section — sticky header, no zebra, hairline above each row, status colors on values only. Invoked by the visual-explainer orchestrator as part of fan-out. Produces one HTML fragment + scoped CSS, never a full page.
theogravity/bun-elysiajs-starter-turbo-monorepo
Agent Claude Code
Frontend developer for this React 19 + TanStack + Tailwind project. Builds routes, components, and integrates with the backend client SDK.