- 使用 'nuqs' 进行 URL 搜索参数状态管理。
- 优化 Web Vitals（LCP、CLS、FID）。
- 限制 'use client'：
- 优先使用服务器组件和 Next.js SSR。
- 仅在小组件中用于 Web API 访问。
- 避免用于数据获取或状态管理。
Nextjs Typescript Key Conventions Rule
Next.js 项目的关键约定，如使用 'nuqs'、Web Vitals 优化和限制客户端组件。
liaosw97
Updated Nextjs Typescript Key Conventions Rule by liaosw97 · 33ff3a6
npx skillmds@latest add liaosw97/nextjs-typescript-key-conventions-rule File contents
---name: nextjs-typescript-key-conventions-ruledescription: Next.js 项目的关键约定，如使用 'nuqs'、Web Vitals 优化和限制客户端组件。---- 使用 'nuqs' 进行 URL 搜索参数状态管理。- 优化 Web Vitals（LCP、CLS、FID）。- 限制 'use client'： - 优先使用服务器组件和 Next.js SSR。 - 仅在小组件中用于 Web API 访问。 - 避免用于数据获取或状态管理。
liaosw97/awesome-rules-skills/tree/main/plugins/nextjs/skills/nextjs-typescript-key-conventions-rule commit 33ff3a6e1a
Frequently asked questions
Run npx skillmds@latest add liaosw97/nextjs-typescript-key-conventions-rule 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.
Next.js 项目的关键约定，如使用 'nuqs'、Web Vitals 优化和限制客户端组件。 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.