Library
Tailwind CSS agent skills, page 8
Tailwind CSS skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 337 | Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data. | gooseworks-ai/ | 1.2k | 1 repo | ~2.3k | Automated safety check: Pass | MIT | today |
| 338 | 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/ | 1.2k | 1 repo | ~3.8k | Automated safety check: Pass | MIT | today |
| 339 | React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns. | aiskillstore/ | 430 | 3 repos | ~1.4k | Automated safety check: Pass | No licence | today |
| 340 | 340.UI Design Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data. | mblode/ | 143 | — | ~6.3k | Automated safety check: Pass | MIT | 2 days ago |
| 341 | 341.UI Frontend React 前端 UI 组件开发技能,指导 Tauri 桌面应用的界面开发. An agent skill from bkywksj/knowledge-base. | bkywksj/ | 330 | — | ~1.4k | Automated safety check: Pass | Unknown | 5 days ago |
| 342 | 342.UI Feature Dev 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/ | 171 | — | ~5.3k | Automated safety check: Pass | MIT | today |
| 343 | 343.Shadcn Layouts Generate correct shadcn/Tailwind layouts by applying CSS mental models. | jwynia/ | 166 | — | ~1.5k | Automated safety check: Pass | MIT | 7 mo ago |
| 344 | 344.Shadcn UI Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback. | BuilderIO/ | 7.1k | — | ~3k | Automated safety check: Pass | No licence | today |
| 345 | 345.Refactoring UI Audit and fix visual hierarchy, spacing, color, and depth in web UIs. | wondelai/ | 2.4k | — | ~3.9k | Automated safety check: Pass | MIT | 27 days ago |
| 346 | Create or update the Panel UI component of a complete schema v2 NextClaw Mini App or an explicitly loose local Panel. | Peiiii/ | 260 | — | ~4.2k | Automated safety check: Pass | MIT | today |
| 347 | 347.React Email A skill your agent uses when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or… | aiskillstore/ | 430 | 1 repo | ~3.6k | Automated safety check: Pass | MIT | today |
| 348 | 348.React Native Dev React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and… | aiskillstore/ | 430 | 1 repo | ~1.8k | Automated safety check: Pass | MIT | today |
| 349 | Quick reference for Tailwind CSS utility patterns, responsive design, and configuration. | aiskillstore/ | 430 | 1 repo | ~564 | Automated safety check: Pass | No licence | today |
| 350 | Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. | aiskillstore/ | 430 | 1 repo | ~4.8k | Automated safety check: Pass | No licence | today |
| 351 | Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents. | Community-Access/ | 422 | — | ~1.8k | Automated safety check: Pass | MIT | 14 days ago |
| 352 | 352.Design System Build, maintain, and audit design systems — tokens, component libraries, style guides, and cross-project consistency. | espennilsen/ | 122 | — | ~1.5k | Automated safety check: Pass | MIT | 16 days ago |
| 353 | A mechanical, countable anti-slop checklist for AI-generated frontend. | BlackBeltTechnology/ | 315 | — | ~3.5k | Automated safety check: Pass | MIT | today |
| 354 | 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/ | 315 | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 355 | 355.Tailwind CSS Tailwind CSS patterns for modern UI. An agent skill from cohen-liel/hivemind. | cohen-liel/ | 110 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | 5 mo ago |
| 356 | Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. | nirholas/ | 227 | 1 repo | ~888 | Automated safety check: Pass | Apache-2.0 | today |
| 357 | 357.Tailwindcss A skill your agent uses when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). | nirholas/ | 227 | 1 repo | ~702 | Automated safety check: Pass | Apache-2.0 | today |
| 358 | 358.Tailwind 4 Tailwind CSS 4 patterns and best practices. An agent skill from Gentleman-Programming/Gentleman-Skills. | Gentleman-Programming/ | 657 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 359 | 359.Inspira UI 120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. | secondsky/ | 227 | — | ~2.6k | Automated safety check: Pass | MIT | 9 days ago |
| 360 | 360.Nuxt UI V4 Nuxt UI v4 component library for building Nuxt v4 applications. | secondsky/ | 227 | — | ~3.3k | Automated safety check: Notes | MIT | 9 days ago |
| 361 | 361.Contribute 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/ | 162 | — | ~490 | Automated safety check: Pass | Unknown | 1 mo ago |
| 362 | 362.Sveltekit Webapp Scaffold and configure a production-ready SvelteKit PWA with opinionated defaults. | LeoYeAI/ | 2.2k | — | ~5.2k | Automated safety check: Notes | MIT | 2 mo ago |
| 363 | 363.Frontend Design Создание высококачественных, визуально выдающихся фронтенд-интерфейсов. | AnastasiyaW/ | 154 | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 364 | Compose new Rails backend pages and refactor existing Rails UI to use premium blocks from templates/application-ui. | pproenca/ | 215 | — | ~799 | Automated safety check: Pass | MIT | 1 mo ago |
| 365 | 365.SaaS Scaffolder Generate SaaS boilerplate with auth, database schemas, Stripe billing, multi-tenancy, API routes, and dashboard UI on a Next.js/TypeScript/Tailwind stack. | borghei/ | 881 | — | ~1.8k | Automated safety check: Pass | MIT | today |
| 366 | 366.Senior Frontend Frontend development for React, Next.js, TypeScript, and Tailwind CSS. | borghei/ | 881 | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 367 | 367.Stitch React Converts Stitch screens into a React component system -- includes design token extraction, component decomposition, TypeScript type generation, and automated verification. | jh941213/ | 126 | — | ~992 | Automated safety check: Notes | No licence | 2 mo ago |
| 368 | 368.Mira Builder Motor de montagem atômica que cria apresentações interativas em HTML/Tailwind com componentes Glassmorphism modulares e navegação card-a-card. | sandeco/ | 218 | — | ~3.1k | Automated safety check: Pass | Unknown | 23 days ago |
| 369 | 369.Mira Offline Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3… | sandeco/ | 218 | — | ~1.3k | Automated safety check: Pass | Unknown | 23 days ago |
| 370 | 370.CSS Development This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. | aiskillstore/ | 430 | 1 repo | ~1.5k | Automated safety check: Pass | No licence | today |
| 371 | Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui. | giuseppe-trisciuoglio/ | 355 | — | ~2.4k | Automated safety check: Notes | MIT | 27 days ago |
| 372 | 372.Nextjs Styling Implement zero-runtime CSS with Tailwind, CSS Modules, and the cn() utility for RSC-compatible styling in Next.js. | HoangNguyen0403/ | 571 | — | ~703 | Automated safety check: Pass | MIT | today |
| 373 | 373.Data Viz 2025 State-of-the-art data visualization for React/Next.js/TypeScript with Tailwind CSS. | curiositech/ | 243 | — | ~4.3k | Automated safety check: Notes | MIT | 1 mo ago |
| 374 | 374.Shadcn UI Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS. | einverne/ | 121 | — | ~6.2k | Automated safety check: Pass | MIT | 29 days ago |
| 375 | 375.Tailwindcss Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. | einverne/ | 121 | — | ~6.5k | Automated safety check: Pass | MIT | 29 days ago |
| 376 | 前端工程师 Skill,执行前端开发任务,自动适配项目技术栈(React/Vue/Svelte/Next.js 等),支持 Figma/Stitch 设计稿还原 | kingxiaozhe/ | 104 | — | ~829 | Automated safety check: Pass | MIT | today |
| 377 | 377.Hyperframes Core The HyperFrames composition contract — build one renderable project. | aiskillstore/ | 430 | 1 repo | ~2.4k | Automated safety check: Pass | No licence | today |
| 378 | A skill your agent uses when styling any web UI - style with Tailwind utility classes and design tokens, avoid custom CSS, and build on the existing Radix/shadcn primitives instead of hand-rolling | makifbaysal/ | 109 | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | today |
| 379 | A skill your agent uses when the repository has no design system yet (no tokens, no component library - a new site/app, or a task that asks for one), before building any page section. | makifbaysal/ | 109 | — | ~4.7k | Automated safety check: Pass | Apache-2.0 | today |
| 380 | 380.Ultimate UI A skill your agent uses when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop. | NeverSight/ | 216 | 1 repo | ~4k | Automated safety check: Pass | MIT | today |
| 381 | 381.Base UI Build accessible, composable UI with @base-ui/react primitives and project styling tokens. | Asymmetric-al/ | 381 | — | ~1.2k | Automated safety check: Pass | AGPL-3.0 | today |
| 382 | Unused CSS detector and dead selector auditor. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 383 | 383.Design Review Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table. | pproenca/ | 215 | — | ~3.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 384 | Generate educational flashcards from topics, documents, notes, or study materials. | mingchen666/ | 237 | — | ~5.3k | Automated safety check: Pass | No licence | 16 days ago |