本技能用于 Resume Matcher 项目的前端开发，适用于创建或修改 Next.js 页面、React 组件、Tailwind CSS 样式、API 集成、hooks 或 i18n。
使用前需先阅读 docs/agent/architecture/frontend-workflow.md 了解用户流程，阅读 docs/agent/design/style-guide.md 掌握 Swiss International Style（必需），阅读 docs/agent/coding-standards.md 了解编码约定，并查看 apps/frontend/components/ 中已有组件。
不可协商规则：所有 UI 变更必须遵循 Swiss International Style；一律使用 rounded-none，不得出现圆角；使用硬阴影 shadow-[4px_4px_0px_0px_#000000]，不得使用柔和阴影；提交前运行 npm run lint 与 npm run format；所有 textarea 需处理 Enter 键。
风格参考：画布背景 #F0F0E8，文字 #000000，Hyper Blue #1D4ED8，Signal Green #15803D，Alert Red #DC2626；标题用 font-serif，正文用 font-sans，标签用 font-mono text-sm uppercase tracking-wider；边框 rounded-none border-2 border-black；悬停 hover:translate-y-[1px] hover:translate-x-[1px] hover:shadow-none。
禁止使用 rounded-*（rounded-none 除外）、渐变或模糊阴影、调色板外颜色、柔和色彩、无功能的装饰性图标。
性能优化方面：图标使用直接导入（如 lucide-react/dist/esm/icons/file-text），重型组件用 next/dynamic 且 ssr: false；相互独立的请求用 Promise.all 并行。
检查清单：lint 通过、执行 format、全部元素 rounded-none、硬阴影与限定调色板、正确排版、textarea 具备 Enter 键处理、图标直接导入且重型组件使用 next/dynamic、独立请求使用 Promise.all。