writing-page-layout
Crear diseños de página Next.js
Escribir diseños de página en Next.js puede llevar a una estructura de proyecto inconsistente y código difícil de mantener. Esta habilidad proporciona directrices claras para crear diseños de página modulares y bien organizados siguiendo las mejores prácticas de Next.js.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「writing-page-layout」。 Create a page layout for a user profile page
預期結果:
Un archivo page.tsx modular con menos de 40 líneas que importa tipos del directorio de tipos y sigue las convenciones de Next.js.
正在使用「writing-page-layout」。 Create an about page layout
預期結果:
Un archivo page.tsx limpio y minimalista con el componente de página y exportación de metadatos básica, manteniendo todos los tipos separados.
安全審計
安全All static findings are false positives. This skill contains only documentation (SKILL.md) with no executable code. Backticks flagged as 'shell command execution' are markdown inline code formatting. No cryptographic algorithms present. Safe for publication.
中風險問題 (2)
品質評分
你能建構什麼
Inicio rápido para nuevas páginas Next.js
Obtenga orientación inmediata sobre la creación de diseños de página bien estructurados al iniciar una nueva página en su proyecto Next.js.
Hacer cumplir los estándares de código del equipo
Asegúrese de que todos los miembros del equipo creen páginas con estructura consistente y separación adecuada de responsabilidades.
Refactorizar páginas existentes
Úselo como lista de verificación para refactorizar y mejorar los diseños de página existentes para una mejor modularidad y organización.
試試這些提示
Use la habilidad writing-page-layout para crear un diseño de página para una nueva página en mi aplicación Next.js.
Use la habilidad writing-page-layout para crear un diseño de página que incluya definiciones de tipo TypeScript adecuadas.
Use la habilidad writing-page-layout para crear un diseño de página optimizado considerando rendimiento y mantenibilidad.
Use la habilidad writing-page-layout para crear un diseño de página siguiendo las convenciones de mi proyecto en src/app/pages.
最佳實務
- Mantenga los diseños de página por debajo de 40 líneas para mejor legibilidad y mantenibilidad
- Extraiga todos los tipos e interfaces a un archivo de tipos separado en src/app/types
- Siga las convenciones del directorio de aplicaciones Next.js para la organización de componentes
避免
- Colocar todos los tipos e interfaces directamente en el archivo de página
- Crear diseños de página que excedan las 40 líneas sin modularización clara
- Mezclar lógica de negocio con componentes de presentación en archivos de página