Agent skill

Nextjs Architecture

by aiskillstore in aiskillstore/marketplace

Next.js architecture specialist. An agent skill from aiskillstore/marketplace.

No licenceAuto-check passed

Install Nextjs Architecture

skills CLI
$ npx skills add aiskillstore/marketplace --skill nextjs-architecture -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install aiskillstore/marketplace nextjs-architecture --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/89jobrien/nextjs-architecture .claude/skills/nextjs-architecture && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
nextjs-architecture
GitHub stars
430
Used in
1 other repo
Token cost
~854 tokens
SKILL.md length
173 words
Files
2
Skills in repo
1,044
Repo updated
First seen
Licence
None found

At a glance

Next.js architecture specialist. An agent skill from aiskillstore/marketplace.

  • Works in 6 steps: Architecture Design: Designs Next.js… → App Router: Implements App Router… → Server Components: Uses Server… → …
  • Designing Next.js applications
  • SKILL.md covers When to Use This Skill, What This Skill Does, How to Use and Architecture Patterns, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Nextjs Architecture is an agent skill from aiskillstore/marketplace. Next.js architecture specialist. Use when designing Next.js applications, migrating to App Router, implementing Server Components, or optimizing Next.js performance. Covers App Router, Server Components, and best practices.

Its SKILL.md is about 850 tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `skill-report.json`).

It works with Next.js. The repository describes itself as: Security-audited skills for Claude, Codex & Claude Code. One-click install, quality verified.

When your agent uses it

  • Designing Next.js applications
  • Migrating to App Router
  • Implementing Server Components
  • Optimizing Next.js performance

Example prompts

  • “/nextjs-architecture”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Architecture Design: Designs Next.js application structure
  2. App Router: Implements App Router patterns and routing
  3. Server Components: Uses Server Components effectively
  4. Performance: Optimizes Next.js for production
  5. Migration: Migrates from Pages Router to App Router
  6. Best Practices: Applies Next.js best practices

What it can do on your machine

Read from SKILL.md and the folder at commit 755bc35. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown and typescript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Nextjs Architecture loads about 854 tokens when it runs. Until then it costs about 61 tokens; SKILL.md has 173 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~61
When it runs · the whole SKILL.md, loaded when a task matches
~854

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 173 words (~854 tokens).

“This skill provides Next.js architecture expertise including App Router, Server Components, performance optimization, and migration strategies.”

— opening of SKILL.md by aiskillstore
name
nextjs-architecture
author
Joseph OBrien
status
unpublished
updated
2025-12-23
version
1.0.1
tag
skill
type
skill

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in skills/89jobrien/nextjs-architecture of aiskillstore/marketplace.

  • SKILL.md
  • skill-report.json

Open the folder on GitHubat commit 755bc35

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in aiskillstore/marketplace, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Nextjs Architecture next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Nextjs Architecture compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Nextjs Architecture this skillaiskillstore/marketplace4301 repos~854Automated safety check: PassNone
Sandbox Benchvercel/next.js143k—~4.1kAutomated safety check: PassMIT
Next Dev Loopvercel/next.js143k9 repos~2.3kAutomated safety check: PassMIT
Vercel Optimize Auditvercel-labs/agent-skills32k8 repos~4.3kAutomated safety check: PassNone
Supabase Development and Debuggingsupabase/agent-skills2.7k3 repos~3.6kAutomated safety check: PassMIT
AI SDKvercel-labs/ai-facts16820 repos~1.2kAutomated safety check: PassNone

Similar skills

  • Sandbox Bench

    vercel/next.js

    Official

    Benchmark React or Next.js changes on Vercel Sandbox VMs with paired A/B statistics: react PR/commit vs base, or Next.js PR/commit vs base, measured end-to-end through the bench/render-pipeline app…

    143k GitHub stars~4.1k tokensUpdated today
    Data & AnalyticsAuto-check passed
  • Next Dev Loop

    vercel/next.js

    Official

    Verify Next.js runtime behavior after editing app code. An agent skill from vercel/next.js.

    143k GitHub starsUsed in 9 repos~2.3k tokens
    Productivity & AutomationAuto-check passed
  • Vercel Optimize Audit

    vercel-labs/agent-skills

    Official

    Runs a metrics-first audit of a deployed Vercel project, gating investigations on real signals to produce ranked, citation-backed cost and performance recommendations.

    32k GitHub starsUsed in 8 repos~4.3k tokens
    DevOps & CloudAuto-check passed
  • Official

    General Supabase skill for database, auth, Edge Functions, Realtime and storage work, plus client libraries, migrations, security audits, debugging and reading logs.

    2.7k GitHub starsUsed in 3 repos~3.6k tokens
    Backend & APIsAuto-check passed
  • AI SDK

    vercel-labs/ai-facts

    Official

    Answer questions about the AI SDK and help build AI-powered features.

    168 GitHub starsUsed in 20 repos~1.2k tokens
    AI & LLM EngineeringAuto-check passed
  • Chakra UI v3 Builder

    chakra-ui/chakra-ui

    Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes.

    41k GitHub stars~3.1k tokensUpdated 3 days ago
    Frontend & DesignAuto-check passed

More from aiskillstore/marketplace

All 1,044 skills in this repo
  • Code Stats

    aiskillstore/marketplace

    Analyze codebase with tokei (fast line counts by language) and difft (semantic AST-aware diffs).

    430 GitHub starsUsed in 1 repo~697 tokens
    Auto-check: notes
  • Data Processing

    aiskillstore/marketplace

    Process JSON with jq and YAML/TOML with yq. An agent skill from aiskillstore/marketplace.

    430 GitHub starsUsed in 1 repo~720 tokens
    Auto-check: notes
  • Doc Scanner

    aiskillstore/marketplace

    Scans for project documentation files (AGENTS.md, CLAUDE.md, GEMINI.md, COPILOT.md, CURSOR.md, WARP.md, and 15+ other formats) and synthesizes guidance.

    430 GitHub starsUsed in 1 repo~644 tokens
    Auto-check: notes
  • File Search

    aiskillstore/marketplace

    Modern file and content search using fd, ripgrep (rg), and fzf.

    430 GitHub starsUsed in 1 repo~598 tokens
    Auto-check: notes
  • Find Replace

    aiskillstore/marketplace

    Modern find-and-replace using sd (simpler than sed) and batch replacement patterns.

    430 GitHub starsUsed in 1 repo~527 tokens
    Auto-check: notes
  • Project Planner

    aiskillstore/marketplace

    Detects stale project plans and suggests session commands. An agent skill from aiskillstore/marketplace.

    430 GitHub starsUsed in 1 repo~504 tokens
    Auto-check passed

Works with

Questions about Nextjs Architecture

What does Nextjs Architecture do?

Next.js architecture specialist. An agent skill from aiskillstore/marketplace. Nextjs Architecture is an agent skill from aiskillstore/marketplace.js architecture specialist.

When should I use Nextjs Architecture?

Nextjs Architecture fits situations like: designing Next.js applications; migrating to App Router; implementing Server Components; optimizing Next.js performance.

How do I install Nextjs Architecture in Claude Code?

Run `npx skills add aiskillstore/marketplace --skill nextjs-architecture -a claude-code`. Or copy the skill folder (skills/89jobrien/nextjs-architecture in aiskillstore/marketplace) into .claude/skills/nextjs-architecture in your project. Claude Code loads it when a task matches its description.

How do I install Nextjs Architecture in Codex?

Run `npx skills add aiskillstore/marketplace --skill nextjs-architecture -a codex`. Or copy the skill folder (skills/89jobrien/nextjs-architecture in aiskillstore/marketplace) into .agents/skills/nextjs-architecture in your project. Codex loads it when a task matches its description.

Can I use Nextjs Architecture in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add aiskillstore/marketplace --skill nextjs-architecture -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nextjs-architecture, .gemini/skills/nextjs-architecture, .github/skills/nextjs-architecture and .opencode/skills/nextjs-architecture in your project.

What does Nextjs Architecture need to run?

SKILL.md names no scripts, command-line tools or credentials: Nextjs Architecture is instructions for the agent only.

Does Nextjs Architecture access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Nextjs Architecture safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Nextjs Architecture use?

No licence was found for Nextjs Architecture or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Nextjs Architecture use?

About 854 tokens (SKILL.md is roughly 3.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Nextjs Architecture?

Skills that share tags, products or a category with Nextjs Architecture: Sandbox Bench (vercel/next.js, 143k stars), Next Dev Loop (vercel/next.js, 143k stars), Vercel Optimize Audit (vercel-labs/agent-skills, 32k stars) and Supabase Development and Debugging (supabase/agent-skills, 2.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Nextjs Architecture?

aiskillstore (a GitHub organization) maintains it in aiskillstore/marketplace, which has 430 GitHub stars. The repository holds 1,044 skills in this directory. The repository was last updated on October 9, 2026.

Source: aiskillstore/marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.