菜单
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 页面并帮你完成安装。
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.
基于 SOC 职业分类
| 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