laguagu

laguagu/claude-code-nextjs-skills

Plugin Claude Code

Next.js + AI SDK agent skills.

laguagu/claude-code-nextjs-skills

Plugin Claude Code

Agent skills for building Next.js + AI SDK applications: app scaffolding, shadcn/ui, RSC and caching, pgvector search, SEO, and browser verification.

laguagu/claude-code-nextjs-skills

MCP server Claude CodeCodexCursor +2

Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.

laguagu/claude-code-nextjs-skills

MCP server Claude CodeCodexCursor +2

MCP server "ai-elements", hosted remotely at registry.ai-sdk.dev, as configured in laguagu/claude-code-nextjs-skills.

laguagu/claude-code-nextjs-skills

Instructions file CodexOpenCode

Instructions for laguagu/claude-code-nextjs-skills, covering this is not the next.js you know and project rules.

laguagu/claude-code-nextjs-skills

Instructions file

Instructions for laguagu/claude-code-nextjs-skills, a project described as: Claude Code skills for AI apps • Next.js 16 • AI SDK 7 • pgvector • bun.

laguagu/claude-code-nextjs-skills

Agent

Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality. Focuses on recently modified code unless instructed otherwise.

laguagu/claude-code-nextjs-skills

Agent

Tests web applications end-to-end by exercising real user flows and fixing verified code-level issues. Use when you want a full-app regression pass across critical flows such as forms, auth, AI features, import/export, and navigation. Reports infrastructure, environment, and product-level issues that require manual…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Full-stack AI application generator with Next.js, AI SDK, and ai-elements. Use when creating chatbots, agent dashboards, or custom AI applications. Triggers: chatbot, chat app, agent dashboard, AI application, Next.js AI, useChat, streamText, ai-elements, build AI app, create chatbot.

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Build AI chat interfaces with pre-built shadcn-style components (Message, Conversation, PromptInput, Reasoning, Sources, Tool, Artifact, CodeBlock, Branch, Suggestions, Task, Image, ChainOfThought, InlineCitation, WebPreview, and more). Use when adding AI chat UI to a Next.js + AI SDK app, installing AI Elements…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Vercel AI SDK v6 development. Use when building AI agents, chatbots, tool integrations, streaming apps, or structured output with the ai package. Covers ToolLoopAgent, useChat, generateText, streamText, tool approval, smoothStream, provider tools, MCP integration, and Output patterns.

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Vercel AI SDK v7 development and migration. Use when building or upgrading AI SDK 7 apps, especially ToolLoopAgent, WorkflowAgent, HarnessAgent, Claude Code/Codex/Pi harnesses, runtimeContext, toolsContext, toolApproval, telemetry, reasoning, file or skill uploads, realtime, video generation, or v6-to-v7 breaking…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Answer questions about the AI SDK and help build AI-powered features. Use when developers ask about Vercel AI SDK, generateText, streamText, ToolLoopAgent, useChat, providers, tools, structured output, embeddings, streaming, or adding AI to an app. First identify the installed major version and route version-specific…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Use when implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, managing…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance (LCP/CLS/INP), or verify visual output with real runtime data. Complements Playwright — use this…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Opens the running app in a browser and verifies recent UI changes actually work. Use whenever the user wants a quick smoke test or sanity check of recent work, or says "go", "open in browser", "check in browser", "test your work", "make sure it works", "smoke test", "verify", "did it actually work", "make sure the…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Write or update a HANDOFF.md so a fresh agent can continue this work. Use when the user says "handoff", "compact this", "context is full", or "/clear and continue".

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Manage Hetzner Cloud infrastructure with the hcloud CLI — servers, networks, firewalls, load balancers, volumes, DNS zones, SSH keys, primary/floating IPs, snapshots, certificates, placement groups, storage boxes. Use whenever the user mentions Hetzner, hcloud, VPS provisioning, or Hetzner location codes (fsn1, hel1…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Find, fetch, and install the right icon or logo from the right source — brand marks, country flags, file-type icons (PDF, DOCX, ZIP), and UI glyphs — and keep them visually consistent with the app. Use when the project's icon library has no match, when svgl comes up empty, or when the user asks for a flag, a file-type…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Next.js App Router best practices covering file conventions, RSC boundaries, async APIs, data patterns, hydration errors, metadata, route handlers, image/font optimization, and bundling. Use when writing or reviewing Next.js code to prevent hydration errors, RSC violations, data waterfalls, and configuration mistakes.

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Advanced patterns for production Next.js web chatbots built with AI SDK 7 (with a fallback table for projects still on v6) + ai-elements. Covers tool calling with human-in-the-loop (HITL) approval, PostgreSQL session persistence, GDPR consent gating, SQL-first search, per-tool UI rendering, popup widget embedding…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Next.js App Router SEO optimization and auditing. Use when implementing or fixing SEO in a Next.js app — metadata and generateMetadata, viewport/themeColor, Open Graph and og/twitter images (file conventions + ImageResponse), web app manifest, favicons/icons, sitemap.xml, robots.txt, canonical URLs, hreflang/i18n…

laguagu/claude-code-nextjs-skills

Skill Claude CodeCodex

Creates Next.js frontends with shadcn/ui. Use when building React UIs, components, pages, or applications with shadcn, Tailwind, or modern frontend patterns. Also use when the user asks to create a new Next.js project, add UI components, style pages, or build any web interface — even if they don't mention shadcn…