# Nextjs Typescript Code Style And Structure Rules

> TypeScript、Node.js 和 Next.js 项目中代码风格和结构的规则。

- Skill: `liaosw97/nextjs-typescript-code-style-and-structure-rules` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add liaosw97/nextjs-typescript-code-style-and-structure-rules`
- Raw SKILL.md: https://api.skillmd.com/api/skills/liaosw97/nextjs-typescript-code-style-and-structure-rules/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: liaosw97 (https://skillmd.com/u/liaosw97)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/liaosw97/nextjs-typescript-code-style-and-structure-rules

---


- 编写简洁、技术性的 TypeScript 代码，提供准确的示例。
- 使用函数式和声明式编程模式；避免使用类。
- 优先使用迭代和模块化而不是代码重复。
- 使用带有辅助动词的描述性变量名（例如，isLoading、hasError）。
- 文件结构：导出的组件、子组件、辅助函数、静态内容、类型。