writing-page-layout
Criar Layouts de Página Next.js
Escrever layouts de página em Next.js pode levar a uma estrutura de projeto inconsistente e código difícil de manter. Esta skill fornece diretrizes claras para criar layouts de página modulares e bem organizados, seguindo as melhores práticas do Next.js.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "writing-page-layout". Create a page layout for a user profile page
النتيجة المتوقعة:
Um arquivo page.tsx modular com menos de 40 linhas que importa tipos do diretório de tipos e segue as convenções do Next.js.
استخدام "writing-page-layout". Create an about page layout
النتيجة المتوقعة:
Um arquivo page.tsx limpo e minimalista com o componente de página e exportação básica de metadados, mantendo todos os 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)
درجة الجودة
ماذا يمكنك بناءه
Início Rápido para Novas Páginas Next.js
Obtenha orientação imediata sobre como criar layouts de página bem estruturados ao iniciar uma nova página no seu projeto Next.js.
Impor Padrões de Código da Equipe
Garanta que todos os membros da equipe criem páginas com estrutura consistente e separação adequada de responsabilidades.
Refatorar Páginas Existentes
Use como lista de verificação para refatorar e melhorar layouts de página existentes para melhor modularidade e organização.
جرّب هذه الموجهات
Use a skill writing-page-layout para criar um layout de página para uma nova página no meu app Next.js.
Use a skill writing-page-layout para criar um layout de página que inclua definições de tipo TypeScript adequadas.
Use a skill writing-page-layout para criar um layout de página otimizado considerando performance e sustentabilidade.
Use a skill writing-page-layout para criar um layout de página seguindo as convenções do meu projeto em src/app/pages.
أفضل الممارسات
- Mantenha layouts de página com menos de 40 linhas para melhor legibilidade e sustentabilidade
- Extraia todos os tipos e interfaces para um arquivo de tipos separado em src/app/types
- Siga as convenções do diretório de app do Next.js para organização de componentes
تجنب
- Colocar todos os tipos e interfaces diretamente no arquivo de página
- Criar layouts de página excedendo 40 linhas sem clara modularização
- Misturar lógica de negócios com componentes de apresentação em arquivos de página