메뉴
Write clean, modern, concise Tailwind CSS code. Use whenever working on or reviewing Tailwind CSS code.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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>