@coollabsio/tailwindcss-development

Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product grids), flex/grid page structures (dashboards with sidebars, fixed topbars, mobile-toggle navs), styling UI components (cards, tables, navbars, pricing sections, forms, inputs, badges), adding dark mode variants, fixing spacing or typography, and Tailwind v3/v4 work. The core use case: writing or fixing Tailwind utility classes in HTML templates (Blade, JSX, Vue). Skip for backend PHP logic, database queries, API routes, JavaScript with no HTML/CSS component, CSS file audits, build tool configuration, and vanilla CSS.

View in AI SkillSafe app
Scanned · no findings
0 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@coollabsio/tailwindcss-development/verified)](https://skillsafe.ai/skill/@coollabsio/tailwindcss-development/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@coollabsio/tailwindcss-development/installs)](https://skillsafe.ai/skill/@coollabsio/tailwindcss-development/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@coollabsio/tailwindcss-development/scan)](https://skillsafe.ai/skill/@coollabsio/tailwindcss-development/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@coollabsio/tailwindcss-development/eval)](https://skillsafe.ai/skill/@coollabsio/tailwindcss-development/)