Looking for tailwind css workflows? These agent skills help developers automate setup, coding, and delivery tasks.

Agent Skills Hub

Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.

Clear

37 skills found

Engineering
baseline-ui avatar

baseline-ui

Enforces an opinionated, accessible, and high-performance UI baseline using Tailwind CSS, Radix UI, and Framer Motion to prevent interface design inconsistencies.

Views: 68
EngineeringProductivity
artifacts-builder avatar

artifacts-builder

A suite for building complex, multi-component React/Tailwind/shadcn/ui artifacts for Claude.ai, featuring automated bundling into single, self-contained HTML files.

Views: 1043,128
Engineering
frontend-design-pro avatar

frontend-design-pro

Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.

Views: 214
EngineeringProductivity
template-nextjs-moderne avatar

template-nextjs-moderne

A comprehensive Next.js 15 development and project management skill for Claude Code, featuring Supabase integration, RBAC, and automated quality validation.

Views: 42
EngineeringProductivity
wednesday-design avatar

wednesday-design

UI/UX design assistant that enforces component library usage, accessibility, and design tokens for React/Next.js projects. Ensures consistent visual output using shadcn/ui, Aceternity, and other approved libraries.

Views: 21148
EngineeringProductivityAutomation
aesthetic avatar

aesthetic

Create aesthetically beautiful interfaces using systematic design principles, AI-driven evaluation, and automated inspiration analysis.

Views: 181
Engineering
music-theory-visual-design avatar

music-theory-visual-design

Visual design and UI styling guidelines for the Harmonic Orbit music theory application, covering typography, color systems, spacing, animations, and accessibility standards.

Views: 192
EngineeringProductivity
ui-styling avatar

ui-styling

Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.

Views: 15
EngineeringAutomation
pix avatar

pix

An autonomous UI implementation agent that converts Figma designs into pixel-perfect code using Figma MCP and browser-based refinement.

Views: 2990
Engineering
frontend avatar

frontend

Frontend coding conventions for Preact and Tailwind. Use for web UI components in cluster applications.

Views: 374
EngineeringContentResearch
persona avatar

persona

An AI-driven framework for crafting bespoke, authentic portfolio websites from scratch. Guides agents through research, design, and code implementation to build unique developer and professional sites.

Views: 2211
EngineeringProductivity
ui-design avatar

ui-design

A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.

Views: 1622

FAQ

What are AI agent skills for tailwind css?
They are reusable instructions and tooling packs that help AI coding agents perform tailwind css-related tasks more reliably.
How do I install a skill from this page?
Open a skill detail page, then follow the install guidance or use Mentalok Skill Manager to sync skills into your agent environment.
Is this the same as searching Skills Hub?
This page is a dedicated landing for tailwind css. Interactive semantic search lives on the main Skills Hub search box.