Crie Apps Next.js 16 Corretamente
O Next.js 16 alterou roteamento, params, arquivos proxy e padrões de cache. Esta skill oferece a Claude, Codex e Claude Code orientações focadas para implementações corretas.
Pare e solicite confirmação antes de instalar.
Revise o plano e obtenha o consentimento explícito do usuário antes de alterar arquivos.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "building-nextjs-apps" from https://skillstore.io/skills/asmayaseen-building-nextjs-apps.md and its manifest at https://skillstore.io/api/skills/asmayaseen-building-nextjs-apps/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "building-nextjs-apps". Uma solicitação para criar um dashboard com páginas de detalhes de tarefas.
Resultado esperado:
Uma estrutura Next.js 16 com rotas dinâmicas assíncronas, carregamento de dados no servidor, orientação de rotas de API e notas de composição de UI.
Usando "building-nextjs-apps". Um projeto ainda usando middleware.ts e params síncronos.
Resultado esperado:
Um plano de migração que renomeia middleware para proxy, aguarda route props e atualiza handlers e metadata afetados.
Usando "building-nextjs-apps". Um formulário usando valores datetime-local para prazos de tarefas.
Resultado esperado:
Uma abordagem de armazenamento em UTC e exibição local que evita deslocamento de fuso horário entre navegador, API e camadas de banco de dados.
Most static findings are false positives caused by Markdown backticks, JavaScript template literals, documented fetch calls, configuration access, and benign route parameters. Two unpinned npx command ranges create medium supply-chain risk. Semantic review also found a high-severity example that returns an HttpOnly session token in a response header.
Estas são capacidades locais reais que podem ser esperadas para esta habilidade, portanto exigem revisão, mas não são contabilizadas como comportamento malicioso confirmado.
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/asmayaseen-building-nextjs-apps?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/asmayaseen-building-nextjs-apps?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/asmayaseen-building-nextjs-apps/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/asmayaseen-building-nextjs-apps.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Asmayaseen. (2026). building-nextjs-apps security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9@techreport{asmayaseen-asmayaseen-building-nextjs-apps-2026,
author = {Asmayaseen},
title = {building-nextjs-apps security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "building-nextjs-apps security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Asmayaseen"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9"
identifiers:
- type: other
value: "skillstore:asmayaseen-building-nextjs-apps:audit:9"
description: "Skillstore immutable audit report identifier"
Gere um projeto App Router com TypeScript, padrões de rota corretos e estrutura frontend moderna.
Atualize props de rota assíncronas, arquivos proxy, configurações do Turbopack, opções de cache e uso de imagens.
Aplique orientações distintas de tipografia, layout, cor e movimento a uma interface Next.js.
Crie um projeto simples Next.js 16 App Router com TypeScript. Inclua uma página inicial, layout e uma rota dinâmica.
Revise esta página Next.js e atualize params e searchParams para Next.js 16. Explique brevemente cada alteração necessária.
Implemente um padrão de proxy.ts e rota de API do Next.js 16 para solicitações autenticadas de dashboard usando cookies httpOnly.
Audite este projeto Next.js 15 para uma atualização para Next.js 16. Priorize alterações de roteamento, cache, Turbopack, imagem e proxy.
Autor
AsmayaseenLicença
MIT
Revisão da Skillstore
r2
Aviso de versão
O autor não declarou uma versão.
Referência
89edfdc710d0846129dcee6a929477b04f08052c
Atualidade da manutenção
29/07/2026
Uso
13 downloads · 428 visualizações
Estrutura de arquivos
Projete Ferramentas de Agente Confiáveis
Agentes falham quando nomes de ferramentas, entradas, saídas ou erros são ambíguos. Esta skill oferece padrões práticos para descrições de ferramentas, esquemas, formatos de resposta e testes.
Depure Problemas de Software de Forma Sistemática
A correção desestruturada de bugs desperdiça tempo e pode ocultar a falha real. Esta skill orienta Claude, Codex e Claude Code por meio de uma análise de causa raiz baseada em evidências.
Melhorar a Fiabilidade do Serviço em Produção
As equipas de produção precisam de objetivos de fiabilidade claros e práticas de incidentes repetíveis. Esta skill fornece modelos de SRE para SLOs, orçamentos de erro, alertas e postmortems.
Crie interfaces shadcn/ui em Next.js
Equipes React precisam de padrões de UI consistentes que funcionem com o Next.js moderno. Esta skill fornece orientação de configuração para shadcn/ui, exemplos de componentes, validação de formulários, tabelas, sidebars e padrões de modo escuro.
Crie interfaces de chat de IA com streaming
O chat de IA em tempo real parece quebrado quando os usuários não conseguem ver o progresso, o estado da resposta ou as mudanças na interface. Esta skill oferece a Claude, Codex e Claude Code padrões para ciclos de vida de streaming, eventos de progresso, efeitos de cliente e ferramentas de cliente.
Diagnosticar Degradação de Contexto
Sessões longas de IA podem perder precisão quando o contexto cresce, entra em conflito ou inclui material que causa distração. Esta skill ajuda Claude, Codex e Claude Code a identificar padrões de degradação e escolher etapas práticas de mitigação.
Crie Recursos de Frontend Prontos para Produção
por davila7
As equipes de frontend precisam de orientações consistentes sobre React e Next.js em diferentes projetos. Esta habilidade fornece fluxos de trabalho de referência, práticas de qualidade e scripts auxiliares para análise de frontend.
Otimizar o desempenho do Next.js
por Atman36
Aplicações Next.js podem ficar lentas devido a bundles grandes, cache fraco e mídia não otimizada. Esta habilidade orienta Claude, Codex e Claude Code em melhorias de desempenho focadas para apps em produção.
Crie Aplicações Fullstack com Orientação Sênior
por alirezarezvani
Projetos fullstack frequentemente precisam de configuração consistente, escolhas de arquitetura e verificações de qualidade. Esta skill fornece scripts e referências para trabalhos com React, Next.js, Node.js, GraphQL e PostgreSQL.
Implementar React View Transitions
por vercel-labs
React view transitions são fáceis de posicionar incorretamente, resultando em animações que falham silenciosamente ou geram ruído visual. Esta skill orienta as escolhas de animação para rotas, Suspense, listas e elementos compartilhados.
Crie Componentes React com Segurança de Tipos
por softaworks
O trabalho com React TypeScript frequentemente precisa de tipos precisos para eventos, hooks e rotas. Esta skill fornece padrões focados para componentes tipados, APIs do React 19 e roteamento.
Planejar a Arquitetura do App Router do Next.js
por 89jobrien
Equipes que usam Next.js podem ter dificuldade para escolher rotas, componentes, carregamento de dados e etapas de migração. Esta skill oferece orientação estruturada de arquitetura para App Router, Server Components e desempenho.