Tailwind CSS agent skills, page 6

Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind).

getdokan/dokan

为新项目配置当前 weapp-tailwindcss v5 与 Tailwind CSS 4，覆盖 uni-app、uni-app x、Taro、Mpx、原生小程序、weapp-vite、Vite、Webpack 5、Rspack、Gulp、独立 CLI 及小程序/H5/Web/App 多端。Use when setting up, installing, integrating…

weapp-tailwindcss/weapp-tailwindcss

Project-level design skill for nxui (nxui.geoql.in). An agent skill from vinayakkulkarni/nxui.

vinayakkulkarni/nxui

How to build Mastra frontend interfaces with the @mastra/playground-ui design system.

mastra-ai/mastra

Tailwind CSS v4 usage guide and v3-to-v4 differences. An agent skill from mastra-ai/mastra.

mastra-ai/mastra

Guidance for frontend styling. An agent skill from valkey-io/valkey-admin.

valkey-io/valkey-admin

Guides building standards-based Preact apps with native-first choices, HTM syntax, import maps and vendored ESM, from single-file demos to larger builds.

oaustegard/claude-skills

MANDATORY color usage rules for daisyUI 5. An agent skill from carverauto/serviceradar.

carverauto/serviceradar

诊断 weapp-tailwindcss 与 weapp-tw CLI 的样式未生成、JS/模板 class 未转译、classNameSet、@source/cssEntries、source candidates、rpx、伪类/custom variant、组件隔离、Rspack、压缩、watch/HMR、H5/Web/App/uni-app x 多端产物问题。Use for…

weapp-tailwindcss/weapp-tailwindcss

Comprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns.

keenthemes/ktui

A skill your agent uses when creating email templates with React - welcome emails, password resets, notifications, order confirmations, or transactional emails that need to render across email…

curvenote/curvenote

Create or refactor reusable Zoonk React UI primitives using flat compound components.

zoonk/zoonk

Generate a complete SaaS landing page with EdgeOne Pages deployment.

TencentEdgeOne/awesome-website-prompts-and-skills

Replaces border-plus-shadow combinations on cards, dialogs and other elevated surfaces with the smooth-shadow-ring utilities from the Tailwind shadow-plugin.

flornkm/personal-site

Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

jxnl/personal-monorepo-template

Build a portable brand-kit.json for the user's product — colors, typography, voice — that other skills (video, ad creative, landing page) can consume.

cognyai/claude-code-marketing-skills

React patterns with destructured props, compiler optimization, Effects, and Tailwind v4 syntax.

udecode/plate

MANDATORY for any UI work in apps/app, apps/portal, or packages/design-system — every component, page, or layout change must work on mobile (~375px), tablet (~768px), desktop (~1280px), and large…

trycompai/comp

Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam.

mikeOnBreeze/cc-crossbeam

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG.

theexperiencecompany/gaia

shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS.

blencorp/claude-code-kit

Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states.

shift-editor/shift

Generates complete, production-ready SaaS project boilerplate including authentication, database schemas, billing integration, API routes, and a working dashboard using Next.js 14+ App Router…

alirezarezvani/claude-skills

Recreate a UI screenshot, mockup, or design image as production-quality React + TypeScript + Tailwind code with near-pixel-perfect visual fidelity.

buildfastwithai/gen-ai-experiments

Tailwind CSS v4 principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

从网页中采集设计令牌并生成完整的 DESIGN.md 设计规范文档 + Tailwind CSS 主题文件. An agent skill from lintendo/Axhub-Skills.

lintendo/Axhub-Skills

CSS and Tailwind, cn(), flex layouts. An agent skill from EpicenterHQ/epicenter.

EpicenterHQ/epicenter

Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration.

blencorp/claude-code-kit

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

llama-farm/llamafarm

Comprehensive design token system for Mobazha including color system, typography scale, spacing grid, border radius, elevation, and icon sizes.

mobazha/mobazha-unified

Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions.

boraoztunc/skills

Critique and improve the visual design of an existing UI component with concrete implementation guidance.

superset-sh/superset

Clone any website's landing page with pixel-perfect fidelity.

SylphAI-Inc/skills

Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates…

TronIsHere/vibefarsiui

A skill your agent uses when operating in a codebase that employs an existing design system (shadcn/ui, Material UI, Ant Design, Chakra, etc.), when you need to identify which system a project uses…

NoobyGains/godmode

Conventions for this project's Storybook — how stories are filed under Foundations / Components / Game, and the rule that any change to the design language must be reflected in the using-tailwind…

Asvarox/allkaraoke

Check color, focus ring, spacing and motion tokens before they reach UI.

Community-Access/accessibility-agents

Bike Index's frontend conventions — Tailwind class prefixing (tw:), the standard twinput/twlabel/twlink form/link classes, the numberdisplay helper for numbers, the UI component library rule (every…

bikeindex/bike_index

apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field…

latitude-dev/latitude-llm

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

A skill your agent uses when the user asks to "pick a launch date", "plan the launch window", or "set the embargo and lift time"; produces a candidate-window comparison table (conflict / tailwind /…

aaron-he-zhu/aaron-marketing-skills

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components.

jh941213/my-cc-harness

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的多组件 claude.ai HTML 工件的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂工件，不适用于简单的单文件 HTML/JSX 工件。

Prorise-cool/Claude-Code-Multi-Agent

HyperFrames CLI dev loop — npx hyperframes for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade).

boraoztunc/skills

Styling patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.

rasengan-dev/rasenganjs

Bulletproof CSS and frontend design principles from "Handcrafted CSS" by Dan Cederholm.

aaddrick/claude-pipeline

Generate complete, accessible colour palettes from a single brand hex.

jezweb/claude-skills