菜单
Write clean, modern, concise Tailwind CSS code. Use whenever working on or reviewing Tailwind CSS code.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
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.
基于 SOC 职业分类
| 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>