Tailwind CSS · For frontend developers

Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

anthropics/skills

Always invoke when the user's message includes 'tailwind' in any form.

anonaddy/anonaddy

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

Ohh-889/skyroc

A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

coollabsio/coolify

Run a WCAG 2.1 AA accessibility audit on a design or page. An agent skill from markmead/hyperui.

markmead/hyperui

Token architecture, component specifications, and slide generation.

Ohh-889/skyroc

Guides finding, installing, customizing and wiring up shadcn/ui components in a project, with MCP tools for the component catalog and registries.

google-labs-code/stitch-skills

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.

ibelick/ui-skills

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui

Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library.

scalar/scalar

Operate a selective workspace for complex reasoning, long tasks, repository engineering, coordinated agents, and authorized security analysis.

Tiger3807861189/J-Space-Cognition-Suite

Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries…

langgenius/dify

Reviews and converts UI code to Chakra UI v3, producing a critique, rewritten code or both, from plain HTML, Tailwind, CSS Modules or styled-components.

chakra-ui/chakra-ui

Adds Preline UI components and blocks to HTML files by querying the Preline MCP server, with rules for exact slugs and for clarifying vague requests.

htmlstreamofficial/preline

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop

Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier").

activepieces/activepieces

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex

Helps add, compose, debug and style spartan/ui components in Angular projects, using its Brain headless primitives and Helm styled layer through the @spartan-ng/cli generators.

spartan-ng/spartan

Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes.

saadeghi/daisyui

Comprehensive skill reference for uni-app cross-platform development framework

sonofmagic/uni-app-tailwindcss-template

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar

A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

Castor6/tactus

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Ohh-889/skyroc

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

bionic-gpt/bionic-gpt

Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

BayBreezy/ui-thing

Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes.

saadeghi/daisyui

Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in.

bidyut10/opensourceui

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

Generates Angular code and provides architectural guidance. An agent skill from mxtommy/Kip.

mxtommy/Kip

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.

SuFxGIT/scoutarr

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

指导如何在 Project Graph 项目中创建新的快捷键。当用户需要添加新的快捷键、修改快捷键绑定或需要了解快捷键系统的实现方式时使用此技能。

graphif/project-graph

CLI tools for Svelte 5 documentation lookup and code analysis.

kampsy/ui

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.

megaarmos/vue-spring-bottom-sheet

Build, review, and troubleshoot RTDF React applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract

Rules for styling HTML with daisyUI 5 class names first, falling back to Tailwind utilities only when needed, and avoiding unnecessary custom CSS or default color variants.

saadeghi/daisyui

Builds the visual layer of a holaOS dashboard app with TanStack Start and @holaboss/ui, starting from a bundled reference instead of a blank page.

holaboss-ai/holaOS

Builds Frappe-style interfaces from the frappe-ui Vue 3 components and semantic Tailwind tokens instead of hand-rolled controls.

frappe/drive

Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

ifer47/markeron

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns.

jh941213/my-cc-harness

指导如何在 Project Graph 项目中创建新的设置项。当用户需要添加新的设置项、配置选项或需要了解设置系统的实现方式时使用此技能。

graphif/project-graph

Senior UI/UX Engineer. An agent skill from alisamadiii/Portfolio.

alisamadiii/Portfolio

Build, review, and troubleshoot STDF Svelte 5 applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Audit and update the existing Fulldev Astro UI registry against current data-slot and shadcn/ui Base UI Vega.

fulldotdev/ui

将 weapp-tailwindcss 集成到自研构建器或高级流水线，覆盖 weapp-tailwindcss/core、generator、Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph、Tailwind Scanner/source candidates、watch/HMR、source…

weapp-tailwindcss/weapp-tailwindcss