Menu
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes
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
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
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
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
| name | modern-accessible-html-jsx |
| description | Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes |
We write semantic, accessible, standards-compliant HTML by default. Accessibility is a baseline requirement, not an enhancement.
header, nav, main, section, article, footer)div/span usage when a semantic element existsh1 → h6) without skipping levelsaria-label or visible text where requiredemail, url, number, etc.)alt text for imagesalt="" only for purely decorative imagesfigcaption) where context mattersmain region