{
  "markdown": "# Claude Next.js Skills\n\nClaude Next.js Skills is a POC bundle of automations aimed at seeing if creating skills quickly could improve the Next.js eval scores published by Vercel at https://nextjs.org/evals.\n\n**Baseline (before skills)**\n\n| Model | Success Rate |\n| --- | --- |\n| Claude Haiku 4.5 | 32% |\n| Claude Sonnet 4.5 | 32% |\n\n**Skilled Runs (after skills)**\n\n| Model | Success Rate | Expected Leaderboard Slot |\n| --- | --- | --- |\n| Claude Haiku 4.5 \"Skilled\" | 78% (39/50) | 1 |\n| Claude Sonnet 4.5 \"Skilled\" | 76% (38/50) | 2 |\n\n## Result Snapshot\n\n### Claude Haiku 4.5:\n\n📊 Results:\n════════════════════════════════════════════════════════════════════════════════\n| Eval                                       | Claude Code              |\n|--------------------------------------------|--------------------------|\n| 000-app-router-migration-simple            | ✅✅✅ (204.8s)          |\n| 001-server-component                       | ✅✅✅ (94.4s)           |\n| 002-client-component                       | ✅✅✅ (94.7s)           |\n| 003-cookies                                | ✅✅✅ (136.7s)          |\n| 004-search-params                          | ✅✅✅ (219.1s)          |\n| 005-react-use-api                          | ✅✅✅ (138.0s)          |\n| 006-server-metadata                        | ✅✅✅ (91.4s)           |\n| 007-client-metadata                        | ✅✅❌ (86.0s)           |\n| 008-generate-static-params                 | ❌✅❌ (83.0s)           |\n| 009-og-images                              | ✅✅✅ (108.0s)          |\n| 010-route-handlers                         | ✅✅✅ (69.1s)           |\n| 011-client-server-form                     | ✅✅✅ (167.9s)          |\n| 012-parallel-routes                        | ✅✅✅ (157.7s)          |\n| 013-pathname-server                        | ❌❌❌ (70.8s)           |\n| 014-server-routing                         | ✅✅❌ (94.0s)           |\n| 015-server-actions-exports                 | ✅✅❌ (69.6s)           |\n| 016-client-cookies                         | ❌✅❌ (65.9s)           |\n| 017-use-search-params                      | ✅✅❌ (59.7s)           |\n| 018-use-router                             | ✅✅✅ (72.6s)           |\n| 019-use-action-state                       | ✅✅✅ (120.3s)          |\n| 020-no-use-effect                          | ✅✅❌ (92.0s)           |\n| 021-avoid-fetch-in-effect                  | ✅✅✅ (238.6s)          |\n| 022-prefer-server-actions                  | ✅✅✅ (312.2s)          |\n| 023-avoid-getserversideprops               | ✅✅✅ (166.2s)          |\n| 024-avoid-redundant-usestate               | ✅✅✅ (111.5s)          |\n| 025-prefer-next-link                       | ✅✅✅ (120.9s)          |\n| 026-no-serial-await                        | ❌✅✅ (153.3s)          |\n| 027-prefer-next-image                      | ✅✅✅ (98.7s)           |\n| 028-prefer-next-font                       | ✅✅✅ (90.5s)           |\n| 029-use-cache-directive                    | ✅✅✅ (212.0s)          |\n| 030-app-router-migration-hard              | ✅✅✅ (453.7s)          |\n| 031-ai-sdk-migration-simple                | ✅✅✅ (178.7s)          |\n| 032-ai-sdk-model-specification-string      | ✅✅✅ (194.9s)          |\n| 033-ai-sdk-v4-model-specification-function | ✅✅✅ (166.7s)          |\n| 034-ai-sdk-render-visual-info              | ❌❌❌ (659.4s)          |\n| 035-ai-sdk-call-tools                      | ✅✅✅ (338.5s)          |\n| 036-ai-sdk-call-tools-multiple-steps       | ✅✅✅ (307.9s)          |\n| 037-ai-sdk-embed-text                      | ✅✅✅ (155.0s)          |\n| 038-ai-sdk-mcp                             | ✅✅✅ (260.5s)          |\n| 039-parallel-routes                        | ✅✅✅ (217.6s)          |\n| 040-intercepting-routes                    | ✅✅✅ (208.4s)          |\n| 041-route-groups                           | ✅✅✅ (139.1s)          |\n| 042-loading-ui                             | ✅✅✅ (123.9s)          |\n| 043-error-boundaries                       | ✅✅✅ (138.4s)          |\n| 044-metadata-api                           | ✅✅✅ (115.6s)          |\n| 045-server-actions-form                    | ✅✅❌ (88.8s)           |\n| 046-streaming                              | ✅✅✅ (129.9s)          |\n| 047-middleware                             | ✅✅✅ (78.2s)           |\n| 048-draft-mode                             | ✅✅✅ (207.6s)          |\n| 049-revalidation                           | ✅✅✅ (124.2s)          |\n|--------------------------------------------|--------------------------|\n| Overall (B/L/T)                            | 45/48/40 (90%, 96%, 80%) |\n\n\n### Claude Sonnet 4.5:\n\n📊 Results:\n════════════════════════════════════════════════════════════════════════════════\n| Eval                                       | Claude Code              |\n|--------------------------------------------|--------------------------|\n| 000-app-router-migration-simple            | ✅✅✅ (164.1s)          |\n| 001-server-component                       | ✅✅✅ (88.8s)           |\n| 002-client-component                       | ✅✅✅ (109.4s)          |\n| 003-cookies                                | ✅✅✅ (138.6s)          |\n| 004-search-params                          | ✅✅✅ (223.4s)          |\n| 005-react-use-api                          | ✅✅✅ (132.7s)          |\n| 006-server-metadata                        | ✅✅✅ (90.8s)           |\n| 007-client-metadata                        | ✅✅❌ (81.1s)           |\n| 008-generate-static-params                 | ❌✅❌ (78.0s)           |\n| 009-og-images                              | ✅✅✅ (105.3s)          |\n| 010-route-handlers                         | ✅✅✅ (75.1s)           |\n| 011-client-server-form                     | ✅✅✅ (179.3s)          |\n| 012-parallel-routes                        | ✅✅✅ (153.3s)          |\n| 013-pathname-server                        | ❌❌❌ (78.2s)           |\n| 014-server-routing                         | ❌✅❌ (103.1s)          |\n| 015-server-actions-exports                 | ✅✅❌ (76.0s)           |\n| 016-client-cookies                         | ❌✅❌ (71.5s)           |\n| 017-use-search-params                      | ✅✅❌ (64.1s)           |\n| 018-use-router                             | ✅✅✅ (77.2s)           |\n| 019-use-action-state                       | ✅✅✅ (123.8s)          |\n| 020-no-use-effect                          | ✅✅❌ (94.5s)           |\n| 021-avoid-fetch-in-effect                  | ✅✅✅ (269.8s)          |\n| 022-prefer-server-actions                  | ✅✅✅ (242.4s)          |\n| 023-avoid-getserversideprops               | ✅✅✅ (207.7s)          |\n| 024-avoid-redundant-usestate               | ✅✅✅ (126.4s)          |\n| 025-prefer-next-link                       | ✅✅✅ (96.4s)           |\n| 026-no-serial-await                        | ✅✅✅ (220.4s)          |\n| 027-prefer-next-image                      | ✅✅✅ (103.4s)          |\n| 028-prefer-next-font                       | ✅✅✅ (81.4s)           |\n| 029-use-cache-directive                    | ✅✅✅ (208.8s)          |\n| 030-app-router-migration-hard              | ✅✅✅ (397.9s)          |\n| 031-ai-sdk-migration-simple                | ✅✅✅ (233.2s)          |\n| 032-ai-sdk-model-specification-string      | ✅✅✅ (150.4s)          |\n| 033-ai-sdk-v4-model-specification-function | ✅✅✅ (118.6s)          |\n| 034-ai-sdk-render-visual-info              | ✅✅❌ (567.8s)          |\n| 035-ai-sdk-call-tools                      | ✅✅✅ (209.6s)          |\n| 036-ai-sdk-call-tools-multiple-steps       | ✅✅✅ (247.7s)          |\n| 037-ai-sdk-embed-text                      | ✅✅✅ (181.0s)          |\n| 038-ai-sdk-mcp                             | ❌❌❌                   |\n| 039-parallel-routes                        | ✅✅✅ (162.7s)          |\n| 040-intercepting-routes                    | ✅✅✅ (201.2s)          |\n| 041-route-groups                           | ✅✅✅ (147.7s)          |\n| 042-loading-ui                             | ✅✅✅ (141.3s)          |\n| 043-error-boundaries                       | ✅✅✅ (228.7s)          |\n| 044-metadata-api                           | ✅✅✅ (110.0s)          |\n| 045-server-actions-form                    | ✅✅❌ (101.0s)          |\n| 046-streaming                              | ✅✅✅ (126.4s)          |\n| 047-middleware                             | ✅✅✅ (91.2s)           |\n| 048-draft-mode                             | ✅✅✅ (210.0s)          |\n| 049-revalidation                           | ❌✅✅ (195.9s)          |\n|--------------------------------------------|--------------------------|\n| Overall (B/L/T)                            | 44/48/39 (88%, 96%, 78%) |\n\n## Outcomes\nDoes this translate into improved real world code or is Claude now just optimised to better pass evals? This would be a great area to explore.\n\nPlease try and let me know.",
  "bytes": 8671,
  "sha": "da741a7813b558d7bf46db847e1a8e8f4a03ec985ce27d5b0a1ec5f519798abc",
  "repo_slug": "wsimmonds/claude-nextjs-skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_wsimmonds_claude_nextjs_skills_nextjs_ap_2535009c/readme"
}