메뉴
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage
nuqs URL state management patterns for Next.js App Router. Activate when reading or writing URL search params, building filters, pagination, tabs, or any state that should live in the URL.
Zod 4 schema patterns and API differences from Zod 3. Activate when writing or reviewing Zod schemas, validation logic, or inferred types. Zod 4 has breaking changes from Zod 3.
Enforce web security and avoid security vulnerabilities
| 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, tel, etc.)alt text for imagesalt="" only for purely decorative imagesfigcaption) where context mattersmain region