写Next.js页面,用这个Skill

帮你用Next.js App Router、TypeScript、React和Tailwind开发现代Web应用。

nextjs-react-typescript 是一份帮助 AI 按 Next.js、React 与 TypeScript 约定写页面的 Skill。项目使用 Shadcn、Radix 和 Tailwind 时,它把组件组织、样式和交互放在同一套规则里。

代码偏向函数与声明式写法,采用明确类型、有含义的状态名称和模块拆分;页面从小屏布局开始,再适配更大屏幕。原文也偏向服务端组件,把必要的浏览器交互放到较小的客户端部分。

图片尺寸、延迟加载与非关键组件的动态加载都有提醒。你要提供页面任务与项目版本;这些是该 Skill 的编码偏好,不是所有 Next.js 项目的强制标准。主文有未标版本的性能指标和限制,实际实现仍需当前文档及测量,不能仅因少写 useEffect 就认定页面更快。

分类:编程开发

来源仓库:mindrally/skills

适合用来做什么

  • 用 Next.js 和 TypeScript 创建一个用户认证页面。
  • 如何在 React 中集成 Shadcn UI 组件?

安装 nextjs-react-typescript

npx skills add https://www.iskills.cc/skills/mindrally/skills/nextjs-react-typescript/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 nextjs-react-typescript 的用途与原始说明

浏览全部 Skill 指南