Menü
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Describes efficient usage of Bun and Bun APIs instead of Node.js (and its APIs)
Write clean, efficient TypeScript code that follows common best practices
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes
Build modern Next.js apps with App Router and best practices
Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage
Utilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via JavaScript
| name | modern-tailwind |
| description | Build clean, scalable UIs with Tailwind CSS using modern utilities and variants |
hover, focus-visible, disabled, dark, and motion-safe variants where appropriatedata-* and aria-* variants for stateful styling tied to DOM semanticsgroup and peer for parent/sibling state without extra JSsm, md, lg, ...)tailwind.config instead of ad-hoc custom classes@layer for custom utilities/components when repetition is unavoidable@apply except for small, repeatable patterns