griffinwork40

Nextjs Afk SDK — AI skill for Claude Code

AI community

AFK skill: integrate the agent-afk SDK into Next.js projects with programmatic API routes for AI agent invocation.

How to install Nextjs Afk SDK

This entry records only its repository, not the path inside it, so there is no exact command to give. Open griffinwork40/nextjs-afk-sdk and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Nextjs Afk SDK does

AFK skill: integrate the agent-afk SDK into Next.js projects with programmatic API routes for AI agent invocation.

Alternatives in AI

Bot On Anything — A large model-based chatbot builder that can quickly integrate AI models (including ChatGPT, Claude, Gemini) i 4.2k ★
Gemini Skills — Skills for Gemini API, SDK and model interactions 2.3k ★
Jadx AI MCP — Plugin for JADX to integrate MCP server 1.8k ★

README

nextjs-afk-sdk

An [agent-afk](https://github.com/griffinwork40/agent-afk) skill that transforms Next.js projects into **agent-native** applications -- where agent-afk is the runtime that orchestrates operations through discoverable MCP tools, skills, and plugins.

What It Does

Adds to any Next.js 14+ App Router project:

.afk/ project directory -- skills, plugins, plans (the agent's brain)
.mcp.json + servers/ -- TypeScript MCP servers the agent discovers and composes
POST /api/agent -- Batch agent invocation with auth and concurrency control
POST /api/agent/stream -- SSE streaming agent endpoint via query() generator
GET /api/health -- Health check for SDK, MCP, and project config
Chat UI -- Floating panel wired to the streaming endpoint
Project-aware config -- buildQueryOptions() loads AFK.md, .mcp.json, plugins, sets cwd
Deployment config -- Dockerfile + Railway setup, production-ready

Inspired by AgentGRAI-web's `.claude/` architecture, generalized for agent-afk's `.afk/` conventions.

Quick Start

Install as an AFK Skill

git clone https://github.com/griffinwork40/nextjs-afk-sdk.git ~/.afk/skills/nextjs-afk-sdk

The skill auto-loads in all future AFK sessions. Then in any session, tell the agent:

"Make this Next.js project agent-native"

What Gets Created

your-nextjs-project/
├── .afk/
│   ├── skills/                    # Project-local skill definitions
│   ├── plugins/                   # Symlinks to ~/.afk/plugins/
│   └── plans/                     # Agent plans directory
├── servers/
│   └── example-server.ts          # TypeScript MCP server template
├── src/
│   ├── app/api/
│   │   ├── agent/
│   │   │   ├── route.ts           # Batch agent endpoint
│   │   │   └── stream/route.ts    # SSE streaming endpoint
│   │   └── health/route.ts        # Health check
│   ├── components/chat/
│   │   └── chat-panel.tsx         # Floating chat UI
│   └── lib/
│