메뉴
Define and enforce modern UI/UX and aesthetics for Next.js and React Native: typography, spacing, motion, states, a11y, and consistency. Use for UI reviews and upgrading generic-looking UIs.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Maintain high-accuracy continuity across compacted/long conversations by writing durable planning + memory artifacts to a global per-repo store under CODEX_HOME (not into the project). Use for multi-session work, large repos, and cross-file changes where details can get lost.
Review accessibility issues for React Native and Next.js UI, including labels, focus management, contrast, and screen reader support.
Enforce design system usage, tokens, and UI consistency across React Native and Next.js. Use to reduce one-off UI and keep components aligned with tokens.
Optimize and harden infrastructure for Next.js + React Native projects (CI/CD, caching, build speed, runtime cost, observability, reliability). Use for infra reviews and production cost/perf improvements.
Enforce formatting, lint rules, naming conventions, and review checklist items for this repo's stack (React Native + Next.js). Use for linting/typechecking/formatting consistency and PR review readiness.
Check for common vulnerabilities and enforce safe patterns in React Native and Next.js apps. Use for auth, input validation, secrets handling, and dependency scanning workflows.
| name | modern-ui-ux |
| description | Define and enforce modern UI/UX and aesthetics for Next.js and React Native: typography, spacing, motion, states, a11y, and consistency. Use for UI reviews and upgrading generic-looking UIs. |
Use this skill to make UI changes feel modern, intentional, and consistent without drifting from the repo’s design system (if one exists).
This skill complements frontend-design (for creating UI) and design-system-enforcer (for enforcing tokens/components). Use this skill when you need explicit aesthetic rules, not just “make it nicer”.
packages/, components/, ui/, theme.*.references/modern-ui-ux-checklist.md.a11y-review skill.references/modern-ui-ux-checklist.mdassets/modern-ui-ux-review.md