Tailwind CSS agent skills, page 9

Optimize tailwind class optimizer operations. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix).

IgorWarzocha/Opencode-Workflows

Tailwind CSS v4 principles. An agent skill from coco-research/coco.

coco-research/coco

Design system bootstrapping and token generation. An agent skill from c0x12c/ai-toolkit.

c0x12c/ai-toolkit

Aceternity UI is a collection of animated React components (3D cards, spotlight, background beams, moving borders, wavy backgrounds) built with Tailwind CSS and the motion library, installed into…

TerminalSkills/skills

Validate DESIGN.md files against the official Google specification using the @google/design.md CLI linter.

fabricioctelles/skills

Subagent for figma-from-code Phase 1. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Mobile-first UX optimization for touch interfaces, responsive layouts, and performance.

curiositech/some_claude_skills

100+ animated React components (Aceternity UI) for Next.js with Tailwind.

secondsky/claude-skills

Hugo static site generator with Tailwind v4, headless CMS (Sveltia/Tina), Cloudflare deployment.

secondsky/claude-skills

| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

secondsky/claude-skills

Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.

mohitagw15856/pm-claude-skills

Installation notes for daisyUI 5

carverauto/serviceradar

A skill your agent uses when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, composition, rescuing a UI that reads AI-generic, or a graded design…

ericrisco/rsc-harness

A skill your agent uses when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating tokens, exporting tokens, making a…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser.

hashgraph-online/awesome-codex-plugins

Migrate CSS Modules (.module.css/.module.scss) to Tailwind utility classes.

spencerpauly/awesome-cursor-skills

Convert plain CSS stylesheets to Tailwind CSS utility classes.

spencerpauly/awesome-cursor-skills

UI/UX 设计智能，在设计页面时必须使用

Prorise-cool/Claude-Code-Multi-Agent

Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin.

EliasOulkadi/shokunin

当修改前端样式、shared UI、设置界面、响应式/紧凑布局、输入焦点、配色、Tailwind/CSS/container query，或裁决 reusable component 的样式 owner 时使用。

Peiiii/nextclaw

Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens, component patterns, and motion specs as design-tokens.json…

yonatangross/orchestkit

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

criptogus/agent-evolve-network

Generate, analyze, compare, export, and suggest color palettes using color theory.

jmagly/aiwg

Predefined design system references for UI reviews. An agent skill from MadAppGang/claude-code.

MadAppGang/claude-code

TailwindCSS v4 patterns with CSS-first configuration using @theme, @source, and modern CSS features.

MadAppGang/claude-code

Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans.

NeverSight/learn-skills.dev

A skill your agent uses when composing Tailwind utilities, building responsive or dark-mode layouts, defining component variants with cva, resolving conflicting classes with tailwind-merge, or…

kid-sid/claude-spellbook

MANDATORY usage rules for daisyUI 5

carverauto/serviceradar

A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React…

hashgraph-online/awesome-codex-plugins

フロントエンド観点のレビューエージェント. An agent skill from hashgraph-online/awesome-codex-plugins.

hashgraph-online/awesome-codex-plugins

A skill your agent uses when asked to define a design token system, create tokens, document tokens, set up CSS custom properties, build a Tailwind token config, establish a spacing scale, define…

jeremylongshore/tons-of-skills-marketplace

Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support.

seb1n/awesome-ai-agent-skills

Map semantic tokens into Tailwind utilities. An agent skill from TheGoat395/Codex-Skills.

TheGoat395/Codex-Skills

Right-to-left (RTL) layout and bidirectional text support for Hebrew, Arabic, Persian, and Urdu interfaces.

Mindrally/skills

Opinionated constraints for building better interfaces with agents.

NeverSight/learn-skills.dev