Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →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.
.claude/skills/aiskillstore-nextjs-architecture/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-18 | ✗→✓ | ▲ Improved | 136% | 0% |
| case-20 | ✗→✓ | ▲ Improved | 132% | 0% |
| case-01 | ✓→✓ | ＝ Same ✓ | 41% | 0% |
| case-02 | ✓→✓ | ＝ Same ✓ | 115% | 0% |
| case-03 | ✓→✓ | ＝ Same ✓ | 28% | 0% |
This skill provides Next.js architecture expertise including App Router, Server Components, performance optimization, and migration strategies.
Design the architecture for this Next.js applicationMigrate this Pages Router app to App RouterImplement Server Components for this featureapp/
├── (auth)/
│ ├── login/page.tsx
│ └── register/page.tsx
├── dashboard/
│ ├── layout.tsx
│ ├── page.tsx
│ └── analytics/page.tsx
├── api/
│ └── users/route.ts
└── layout.tsxPattern:
Strategies:
Input: Migrate Pages Router to App Router
Output:
markdown## Next.js Migration: Pages Router → App Router ### Migration Steps **1. Convert Layout**
// Before: pages/_app.tsx export default function App({ Component, pageProps }) { return <Component {...pageProps} />; }
// After: app/layout.tsx export default function RootLayout({ children }) { return ( <html> <body>{children}</body> </html> ); }
**2. Convert Pages**
// Before: pages/users/id].tsx export default function UserPage({ user }) { return <UserProfile user={user} />; }
// After: app/users/id]/page.tsx export default async function UserPage({ params }) { const user = await getUser(params.id); return <UserProfile user={user} />; }
| Case | Status | Duration (ms) | Turns | Tokens | Tool calls | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Without | With | Δ | Without | With | Δ | Without | With | Δ | Without | With | Δ | ||
case-01 | pass→pass | 8,266 | 7,511 | -9% | 1 | 1 | 0% | 1,535 | 2,158 | +41% | 0 | 0 | — |
case-02 | pass→pass | 4,132 | 5,115 | +24% | 1 | 1 | 0% | 732 | 1,575 | +115% | 0 | 0 | — |
case-03 | pass→pass | 11,210 | 10,376 | -7% | 1 | 1 | 0% | 2,083 | 2,663 | +28% | 0 | 0 | — |
case-04 | pass→pass | 5,111 | 7,240 | +42% | 1 | 1 | 0% | 773 | 1,836 | +138% | 0 | 0 | — |
case-13 | pass→pass | 3,105 | 3,940 | +27% | 1 | 1 | 0% | 493 | 1,346 | +173% | 0 | 0 | — |
case-05 | pass→pass | 6,026 | 4,970 | -18% | 1 | 1 | 0% | 1,068 | 1,528 | +43% | 0 | 0 | — |
case-06 | pass→pass | 4,484 | 3,969 | -11% | 1 | 1 | 0% | 798 | 1,409 | +77% | 0 | 0 | — |
case-07 | pass→pass | 2,227 | 3,087 | +39% | 1 | 1 | 0% | 407 | 1,275 | +213% | 0 | 0 | — |
case-08 | pass→pass | 8,630 | 7,259 | -16% | 1 | 1 | 0% | 1,447 | 1,955 | +35% | 0 | 0 | — |
case-09 | pass→pass | 7,584 | 6,368 | -16% | 1 | 1 | 0% | 1,250 | 1,863 | +49% | 0 | 0 | — |
case-10 | pass→pass | 11,314 | 10,644 | -6% | 1 | 1 | 0% | 1,897 | 2,645 | +39% | 0 | 0 | — |
case-11 | pass→pass | 3,245 | 4,139 | +28% | 1 | 1 | 0% | 537 | 1,407 | +162% | 0 | 0 | — |
case-12 | pass→pass | 4,134 | 3,736 | -10% | 1 | 1 | 0% | 721 | 1,368 | +90% | 0 | 0 | — |
case-14 | pass→pass | 10,286 | 12,416 | +21% | 1 | 1 | 0% | 1,907 | 3,163 | +66% | 0 | 0 | — |
case-15 | pass→pass | 9,361 | 8,411 | -10% | 1 | 1 | 0% | 1,583 | 2,243 | +42% | 0 | 0 | — |
case-16 | pass→pass | 12,060 | 7,591 | -37% | 1 | 1 | 0% | 1,974 | 1,979 | +0% | 0 | 0 | — |
case-17 | pass→pass | 5,687 | 6,038 | +6% | 1 | 1 | 0% | 891 | 1,677 | +88% | 0 | 0 | — |
case-18 | fail→pass | 2,737 | 2,596 | -5% | 1 | 1 | 0% | 479 | 1,130 | +136% | 0 | 0 | — |
case-19 | pass→pass | 2,988 | 3,131 | +5% | 1 | 1 | 0% | 526 | 1,191 | +126% | 0 | 0 | — |
case-20 | fail→pass | 3,271 | 3,352 | +2% | 1 | 1 | 0% | 539 | 1,251 | +132% | 0 | 0 | — |
case-21 | pass→pass | 5,527 | 6,296 | +14% | 1 | 1 | 0% | 1,004 | 1,910 | +90% | 0 | 0 | — |
case-22 | pass→pass | 6,224 | 3,799 | -39% | 1 | 1 | 0% | 1,103 | 1,367 | +24% | 0 | 0 | — |
case-23 | pass→pass | 12,481 | 11,654 | -7% | 1 | 1 | 0% | 2,212 | 2,814 | +27% | 0 | 0 | — |
DecimalAI ran this skill against gemini-3.6-flash twice over the same eval suite — once with the skill loaded and once without — and compared the two runs case by case. 23 cases were attempted. The headline lift of +9 percentage points is the difference between those two pass rates over the 23 comparable cases.
Without the skill loaded, the model failed this case. With it loaded, the same prompt on the same model passed. This is one improved case from the latest verified run; every case, including any that regressed, is in the table above.
Other measured skills in the registry, with their headline benchmark lift.