技能 nextjs-architecture

📦

nextjs-architecture

Name: nextjs-architecture
Author: Joseph OBrien

v1.0.1 内容修订 r1 安全 ⚙️ 外部命令

规划 Next.js App Router 架构

Next.js 团队在选择路由、组件、数据加载和迁移步骤时可能会遇到困难。此技能为 App Router、Server Components 和性能提供结构化的架构指导。

支持: Claude Codex Code(CC)

🥈 81 白银

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "nextjs-architecture" from https://skillstore.io/skills/89jobrien-nextjs-architecture.md and its manifest at https://skillstore.io/api/skills/89jobrien-nextjs-architecture/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/89jobrien-nextjs-architecture.md 已签名 manifest GET /api/skills/89jobrien-nextjs-architecture/manifest 已签名 lockfile GET /api/skills/89jobrien-nextjs-architecture/lockfile

测试它

正在使用“nextjs-architecture”。 Migrate a user dashboard from Pages Router to App Router.

预期结果:

包含路由映射、layout 变更、Server Component 指导、验证步骤和发布风险的分阶段迁移计划。

正在使用“nextjs-architecture”。 Design a new application with authentication, dashboards, and API routes.

预期结果:

包含 route groups、共享 layouts、API 边界和推荐渲染选择的 App Router 文件夹策略。

正在使用“nextjs-architecture”。 Review a slow Next.js feature before production launch.

预期结果:

涵盖静态生成、ISR、流式渲染、图片优化、代码拆分和组件边界的性能审查。

安全审计

安全

v6 • 2026/7/5 打开版本化报告

Static analysis flagged Markdown code fences as Ruby or shell backtick execution. Review of SKILL.md shows these lines are examples, directory trees, and TypeScript samples, not commands executed by the skill. No prompt injection or intent-level abuse was found.

已扫描文件

155

分析行数

复核项

已忽略误报

风险因素

⚙️ 外部命令 (13)

SKILL.md:40-42 SKILL.md:42-44 SKILL.md:44-46 SKILL.md:46-50 SKILL.md:50-52 SKILL.md:52-58 SKILL.md:58-70 SKILL.md:70-99 SKILL.md:99-105 SKILL.md:105-119 SKILL.md:119-123 SKILL.md:123-134 SKILL.md:134-136

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/89jobrien-nextjs-architecture/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/89jobrien-nextjs-architecture/security.svg)](https://skillstore.io/skills/89jobrien-nextjs-architecture?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/89jobrien-nextjs-architecture?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/89jobrien-nextjs-architecture/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/89jobrien-nextjs-architecture.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学术引用 (APA · BibTeX · CFF)

APA 引用

Joseph OBrien. (2026). nextjs-architecture security audit report (audit version 6) [Author version 1.0.1]. Skillstore. https://skillstore.io/skills/89jobrien-nextjs-architecture/audits/6

BibTeX 引用

@techreport{joseph-obrien-89jobrien-nextjs-architecture-2026,
  author = {Joseph OBrien},
  title = {nextjs-architecture security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/89jobrien-nextjs-architecture/audits/6},
  note = {Author version 1.0.1}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "nextjs-architecture security audit report (audit version 6)"
version: "1.0.1"
type: report
authors:
  - name: "Joseph OBrien"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/89jobrien-nextjs-architecture/audits/6"
identifiers:
  - type: other
    value: "skillstore:89jobrien-nextjs-architecture:audit:6"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 高

架构

100

可维护性

内容

社区

规范符合性

你能构建什么

设计新产品架构

创建包含 route groups、layouts、API routes 和数据加载选择的 Next.js App Router 结构。

规划路由迁移

将 Pages Router 概念转换为 App Router layouts、pages 和服务器优先的数据模式。

审查生产就绪状态

在发布前评估组件边界、渲染模式、流式渲染、图片处理和代码拆分。

试试这些提示

规划新的 App Router 项目

Use the nextjs-architecture skill to design an App Router structure for a [type] app with [features]. Include route groups, layouts, and data loading guidance.

选择组件边界

Review this feature plan and recommend Server Components, Client Components, Suspense boundaries, and data fetching patterns.

迁移 Pages Router

Analyze this Pages Router structure and create a phased migration plan to App Router. Include layout conversion, route mapping, and risk checks.

优化生产架构

Audit this Next.js architecture for performance and scalability. Recommend static generation, ISR, streaming, caching, image strategy, and code splitting improvements.

最佳实践

提供当前路由结构、关键页面、数据源和身份验证需求。
更改路由器时，要求提供迁移风险、回退计划和验证检查。
根据确切的 Next.js 版本和部署平台验证建议。

避免

在未共享路由、数据需求或约束的情况下请求完整架构。
当 Server Components 满足功能需求时，仍大范围应用 Client Components。
在未测试构建、路由和性能的情况下，将生成的迁移步骤视为已完成。

常见问题

此技能会编写 Next.js 代码吗？

当宿主代理提出请求时，它可以建议代码模式，但其主要目的是提供架构指导。

它能自动迁移整个仓库吗？

不会。它可以创建迁移计划，并在提供仓库文件时指导变更。

它支持 App Router 吗？

支持。此技能专注于 App Router 结构、layouts、route groups 和 Server Components。

它能帮助处理 Server Components 吗？

可以。它会推荐何时使用 Server Components、Client Components、Suspense 和服务器优先的数据访问。

它涵盖性能优化吗？

涵盖。它涵盖静态生成、ISR、流式渲染、图片优化和代码拆分。

哪些 AI 工具可以使用此技能？

报告列出了对 Claude、Codex 和 Claude Code 的支持。

开发者详情

作者

Joseph OBrien

许可证

MIT

作者版本

v1.0.1

Skillstore 修订

仓库

https://github.com/89jobrien/steve/tree/main/steve/skills/nextjs-architecture

引用

c4037264bbd363c572662d6154a3ab28f5ca4f53

维护新鲜度

2026/7/23

使用量

15 次下载 · 217 次浏览

文件结构

📄 SKILL.md