Tailwind CSS · For designers

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify.

instructa/agent-skills

Quick automated lint — detects common design system violations in seconds

sickn33/agentic-awesome-skills

View, add, or modify design tokens in the StyleSeed design system

sickn33/agentic-awesome-skills

Vue 3 expert skill for writing production-grade code. An agent skill from cigery-useio/useio-skills.

cigery-useio/useio-skills

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.

secondsky/claude-skills

Migrate a React Native project from NativeWind to Uniwind. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

This skill should be used when the user asks to "create an OpenHands App", "scaffold a Canvas App", "build an app with the Canvas Extensions API", "build an Agent Canvas App", "bundle a single-file…

OpenHands/extensions

Install and configure shadcn/ui components for React projects.

jezweb/claude-skills

React 18 patterns for LlamaFarm Designer. An agent skill from llama-farm/llamafarm.

llama-farm/llamafarm

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.

nexu-io/open-design

Autonomous multi-page site builder using a baton-passing loop.

jezweb/claude-skills

Extract color palettes from images, websites, or designs. An agent skill from OneWave-AI/claude-skills.

OneWave-AI/claude-skills

Apply Palot's design contract. An agent skill from ItsWendell/palot.

ItsWendell/palot

Using TailwindPlus Elements (@tailwindplus/elements) in the Rocky VS Code webviews.

rocky-data/rocky

Angular コードを生成し、アーキテクチャ ガイダンスを提供します。プロジェクトの作成、コンポーネント、またはサービスを作成するとき、または反応性（シグナル、linkedSignal、リソース）、フォーム、依存性注入、ルーティング、SSR、アクセシビリティ（ARIA）、アニメーション、スタイリング（コンポーネント スタイル、Tailwind CSS）、テスト、または CLI…

affaan-m/ECC

A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for…

majiayu000/spellbook

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

nexu-io/open-design

Build complex claude.ai HTML artifacts with React and Tailwind.

nexu-io/open-design

Tailwind CSS v4 conventions for real projects — CSS-first configuration with @theme, automatic content detection, the v3-to-v4 migration diffs, and dynamic class-name safety.

boraoztunc/skills

A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages.

dxos/dxos

Generate transient or saved inline chat UI with Alpine/Tailwind controls, outputs, app state, and extensions.

BuilderIO/agent-native

Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale…

alexandremendoncaalvaro/CorridorKey-Runtime

Web UI - glassmorphism, Tailwind, dark mode, accessibility. An agent skill from alinaqi/maggy.

alinaqi/maggy

A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

avibebuilder/claude-prime

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

sammcj/agentic-coding

Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design.

BlackBeltTechnology/pi-agent-dashboard

A mechanical, countable anti-slop checklist for AI-generated frontend.

BlackBeltTechnology/pi-agent-dashboard

A skill your agent uses to diagnose CSS and frontend layout issues such as positioning, overflow clipping, Tailwind class conflicts, z-index stacking, and React rendering visibility problems.

majiayu000/spellbook

Extract Figma designs and generate production-ready React/Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy.

majiayu000/spellbook

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data.

mblode/agent-skills

Guides adding or modifying UI features (React "studios") in HOT-Step CPP — studio-folder convention, store patterns, API wiring, routing registration, Tailwind/i18n rules, and the Vite HMR dev loop.

scragnog/HOT-Step-CPP

Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data.

gooseworks-ai/goose-skills

Extract visual branding (colors, typography, layout patterns) from a client's website and generate a style preset compatible with the HTML slides skill and a brand config JSON for the content asset…

gooseworks-ai/goose-skills

Generate correct shadcn/Tailwind layouts by applying CSS mental models.

jwynia/agent-skills

Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback.

BuilderIO/agent-native

Audit and fix visual hierarchy, spacing, color, and depth in web UIs.

wondelai/skills

Quick reference for Tailwind CSS utility patterns, responsive design, and configuration.

aiskillstore/marketplace

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture.

aiskillstore/marketplace

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Build, maintain, and audit design systems — tokens, component libraries, style guides, and cross-project consistency.

espennilsen/pi

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.

nirholas/three.ws

A skill your agent uses when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns).

nirholas/three.ws

Tailwind CSS patterns for modern UI. An agent skill from cohen-liel/hivemind.

cohen-liel/hivemind

Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public…

BlackBeltTechnology/pi-agent-dashboard

Tailwind CSS 4 patterns and best practices. An agent skill from Gentleman-Programming/Gentleman-Skills.

Gentleman-Programming/Gentleman-Skills

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Nuxt UI v4 component library for building Nuxt v4 applications.

secondsky/claude-skills

Apply Manor's public contribution standards when creating, editing, or reviewing web UI, React or TSX components, CSS, Tailwind classes, layouts, forms, cards, dialogs, navigation, responsive…

manor-os/manor-ai