writing-page-layout
// Use this skill when you need to write code for a page layout in the Next.js
$ git log --oneline --stat
stars:194
forks:37
updated:March 4, 2026
SKILL.mdreadonly
SKILL.md Frontmatter
namewriting-page-layout
descriptionUse this skill when you need to write code for a page layout in the Next.js
Instructions
- Follow the rules below to write a page layout (
page.tsx) in the Next.js app:
Rules
- Make it modular
- Maximum of 40 lines of code per page layout
- Seperate the types and interfaces in a separate file (
srs/app/types)