Menu
Write clean, modern, concise Tailwind CSS code. Use whenever working on or reviewing Tailwind CSS code.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Skill for integrating Better Auth - the comprehensive TypeScript authentication framework. Use when working with better-auth / authentication related code.
Write clean, efficient TypeScript code that follows common best practices. Use when defining or using types or other TypeScript features.
Comprehensive, read-only code review skill for analyzing entire codebases or explicitly mentioned files. Use when asked to review code for logic bugs, type errors, security issues, performance problems, regressions, maintainability risks, or other user-specified focus areas. Prioritize a thorough, evidence-based report with file references and never modify code while reviewing.
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes. Use when working on HTML / JSX code.
Build modern Next.js apps with App Router and best practices. Use when working on Next.js code or using Next.js features.
Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage. Use when working on React code or using React features.
| name | modern-tailwind |
| description | Write clean, modern, concise Tailwind CSS code. Use whenever working on or reviewing Tailwind CSS code. |
When using variables in arbitrary values, use the modern, shorter syntax.
Instead of:
<div class="bg-[var(--color)]" />
write:
<div class="bg-(--color)" />
Prefer grid for 2D layouts. Prefer flex for 1D alignment.
Examples:
<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
<div class="flex items-center justify-between"></div>
</div>