liaosw97 - 依赖 Next.js App Router 进行状态变化。
- 优先考虑 Web Vitals（LCP、CLS、FID）。
- 最小化 'use client' 使用：
- 优先使用服务器组件和 Next.js SSR 功能。
- 仅在小组件中用于 Web API 访问时使用 'use client'。
- 避免将 'use client' 用于数据获取或状态管理。
- 参考 Next.js 文档中关于数据获取、渲染和路由的最佳实践。
Nextjs React TS Next JS Conventions by liaosw97 · b038220
npx skillmds@latest add liaosw97/nextjs-react-ts-next-js-conventions File contents
---name: nextjs-react-ts-next-js-conventionsdescription: 状态变化、Web Vitals 和客户端代码使用的关键 Next.js 约定。---- 依赖 Next.js App Router 进行状态变化。- 优先考虑 Web Vitals（LCP、CLS、FID）。- 最小化 'use client' 使用： - 优先使用服务器组件和 Next.js SSR 功能。 - 仅在小组件中用于 Web API 访问时使用 'use client'。 - 避免将 'use client' 用于数据获取或状态管理。 - 参考 Next.js 文档中关于数据获取、渲染和路由的最佳实践。
liaosw97/awesome-rules-skills/tree/main/plugins/nextjs/skills/nextjs-react-ts-next-js-conventions commit b0382201c9
Frequently asked questions
Run npx skillmds@latest add liaosw97/nextjs-react-ts-next-js-conventions in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
状态变化、Web Vitals 和客户端代码使用的关键 Next.js 约定。 It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
liaosw97 (@liaosw97) published this skill. Their other Agent Skills are listed on their SkillMD profile.