🎯

modern-tailwind

🎯Skill

from academind/ai-config

What it does

A skill that teaches AI coding assistants Tailwind CSS best practices including utility-first styling, responsive and container query patterns, theming via config extension, and component extraction for maintainable UIs.

📦

Same repository

academind/ai-config(8 items)

modern-tailwind

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add academind/ai-config --skill modern-tailwind

skills.sh Install⚠ Installs to .agents/skills/

npx skills add academind/ai-config --skill modern-tailwind

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/modern-tailwind/SKILL.md

SKILL.md

42Installs

Last UpdatedJan 20, 2026

View on GitHub Back to Skills

More from this repository7

🎯

web-security🎯Skill

Enforces web security best practices and prevents common security vulnerabilities in code.

🎯

modern-best-practice-react-components🎯Skill

Builds clean, modern React components following best practices and avoiding common pitfalls like unnecessary state management.

🎯

clean-typescript🎯Skill

Skill

🎯

modern-best-practice-nextjs🎯Skill

Concise Next.js App Router best practices covering server components as default, data fetching in RSC instead of useEffect, server actions for mutations, Suspense boundaries, and the Metadata API for SEO.

🎯

modern-accessible-html-jsx🎯Skill

A skill that enforces clean, modern, and highly accessible HTML and JSX code by default. Covers semantic element usage, keyboard accessibility, proper ARIA practices, form and input handling, image alt text, and landmark structure with accessibility as a baseline requirement.

🎯

use-modern-browser-apis🎯Skill

Skill

🎯

bun-first🎯Skill

Skill