メニュー
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes. Use when working on HTML / JSX code.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | modern-accessible-html-jsx |
| description | Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes. Use when working on HTML / JSX code. |
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 regionSkill 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.
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.
Utilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via JavaScript. Use when using browser APIs.