Back to tags
Tag

Agent Skills with tag: tailwind-css

56 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

reacttailwind-cssshadcn-uihtml-generation
Arcanexis
Arcanexis
72

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

reacttailwind-cssui-componentsclient-side-routing
ArcaneOrion
ArcaneOrion
72

nextjs-boilerplate

Bootstrap a new Next.js development environment with Tailwind CSS, shadcn/ui components, and assistant-ui for AI chat interfaces. Use when the user asks to "create a new Next.js project", "bootstrap Next.js with shadcn", "set up a Next.js app", "create an AI chat app", "start a new React project with Tailwind", or mentions creating a fresh frontend project with modern tooling.

nextjstailwind-cssshadcn-uiboilerplate
petekp
petekp
62

web-artifacts-builder

Modern web development patterns using React + Tailwind CSS + shadcn/ui for building production-quality, accessible, and performant web applications

reacttailwind-cssshadcn-uia11y
bejranonda
bejranonda
1111

rails-ai:styling

Use when styling Rails views - Tailwind CSS utility-first framework and DaisyUI component library with theming

ruby-on-railstailwind-cssthemingui-components
zerobearing2
zerobearing2
181

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

reacttailwind-cssshadcn-uiclaude-skills
ttmouse
ttmouse
237

laravel-11-12-app-guidelines

Guidelines and workflow for working on Laravel 11 or Laravel 12 applications across common stacks (API-only or full-stack), including optional Docker Compose/Sail, Inertia + React, Livewire, Vue, Blade, Tailwind v4, Fortify, Wayfinder, PHPUnit, Pint, and Laravel Boost MCP tools. Use when implementing features, fixing bugs, or making UI/backend changes while following project-specific instructions (AGENTS.md, docs/).

laravelphpdocker-composetailwind-css
thienanblog
thienanblog
216

shadcn-management

|

shadcn-uidesign-systemstailwind-cssreact
julianromli
julianromli
448

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".

nextjsreacttailwind-cssanimation
julianromli
julianromli
448

shadcn-ui

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts.

reacttailwind-cssui-componentsreact-hook-form
giuseppe-trisciuoglio
giuseppe-trisciuoglio
472

artifacts-builder

一套基于现代前端技术(React、Tailwind CSS、shadcn/ui)的工具,用来创建复杂的 claude.ai HTML 成品。适用于需要状态管理、路由或 shadcn/ui 组件的复杂作品,不适用于简单的单文件 HTML/JSX。

reacttailwind-cssshadcn-uistate-management
LeastBit
LeastBit
10716

tailwind-patterns

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

tailwind-csscssdesign-patternsdesign-systems
xenitV1
xenitV1
10917

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".

nextjsreacttailwind-cssanimation
julianromli
julianromli
12918

shadcn-management

|

shadcn-uicomponent-compositionreacttypescript
julianromli
julianromli
12918

tailwind-v4-shadcn

|

tailwind-cssshadcn-uistylingui-components
jezweb
jezweb
13119

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

reacttailwind-cssshadcn-uiclaude-skills
JayZeeDesign
JayZeeDesign
15921

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

claude-skillsreacttailwind-cssshadcn-ui
skillcreatorai
skillcreatorai
41431

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

claude-skillsreacttailwind-cssshadcn-ui
Prat011
Prat011
61849

Page 3 of 4 · 56 results