Summary
Automatically triggers whenever you mention "tailwind" and handles the full spectrum of utility-first styling work: responsive grids, flex layouts, dark mode variants, and component styling across Blade, JSX, or Vue templates. It's opinionated about v3 conventions, pushes you toward gap utilities instead of margins for spacing, and checks existing project patterns before suggesting new approaches. Won't fire for backend logic, database queries, or build config, which keeps it focused. The verification checklist (browser rendering, responsive breakpoints, dark mode) is a nice touch that reminds you to actually test what you build.
Install to Claude Code
npx -y skills add laravel/boost --skill tailwindcss-development --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
