OpenSkillIndex← back to search
claude-code

Claude-skill-registry framework-patterns

Modern patterns for Next.js 16 and TanStack Start v1

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/framework-patterns" ~/.claude/skills/majiayu000-claude-skill-registry-framework-patterns && rm -rf "$T"
manifest: skills/data/framework-patterns/SKILL.md
source content

Framework Patterns

Purpose: Detect framework → Load resources

  • Keywords: next.js, nextjs, tanstack start, tanstack router, app router, server component, client component, route handler, route loader, api, endpoint, middleware, integration, router, routing, navigation, link

Detection

FileFrameworkLoad
next.config.js|mjs|ts
Next.js 16
resources/nextjs-patterns.md
routeTree.gen.ts
TanStack Start v1
resources/tanstack-start-patterns.md
convex/
dir exists		+ Convex backend
resources/convex-integration.md
Migrating frameworksMigration
resources/migration.md
reactCompiler: true
in config		+ React Compiler
resources/react-compiler.md

Load Strategy

  1. Detect: 
    next.config.*
    → Next.js, 
    routeTree.gen.ts
    → TanStack
  2. Load primary: nextjs-patterns.md OR tanstack-start-patterns.md
  3. If 
    convex/
    → + convex-integration.md
  4. If React Compiler → + react-compiler.md
  5. If migrating → migration.md (instead of primary)

Contexts:

  • Next.js: 43 + 500 = 550 lines
  • Next.js + Convex: 43 + 500 + 600 = 1,150 lines
  • TanStack + Convex: 43 + 550 + 600 = 1,200 lines
  • No Convex: Skip convex-integration.md (saves 600 lines)

Rule: Never load all. Load framework + backend only.