For building product apps on Next.js with Supabase Postgres, Drizzle ORM, and Better Auth. Encodes practical defaults for schema-first development, auth wiring, server/client boundaries, and deployment-ready structure.
Install focused Claude skills for faster product work.
Three packaged skills are included here: a Next.js + Supabase + Drizzle + Better Auth builder, a TanStack Router + Convex + R2 + Convex Auth builder, and a Telegram AI bot orchestrator for Codex, Claude, Gemini, and similar agents. Each pack includes a Claude skill folder and a Claude Code subagent file.
Each pack is optimized for a specific stack and includes a Claude skill plus a Claude Code subagent. Download the zip for Claude.ai, or copy the subagent markdown into Claude Code.
For apps that use TanStack Router on the frontend and Convex on the backend, with Cloudflare R2 for object storage and Convex Auth for login. Encodes auth setup, schema design, upload flows, and storage-safe file handling.
For building a Telegram bot that routes user tasks to agent CLIs or provider backends, tracks sessions, chunks output, and supports Codex, Claude, Gemini, or other agent adapters behind a single bot interface.
Use the zip packages for Claude.ai skills, or use the subagent markdown files for Claude Code. The two flows are different, so both are documented here.
Claude.ai Skills
- Download one of the skill zip files from this page.
- Open Claude.ai, go to
Settings > Skills, and chooseUpload skill. - Select the downloaded zip or the unpacked skill folder.
- Enable the skill, then test it with a direct request such as
Use the Next.js + Supabase skill to scaffold a new app.
This follows Anthropic’s current skill installation flow for Claude.ai.
Claude Code Subagents
- Install Claude Code if needed:
npm install -g @anthropic-ai/claude-codeor use Anthropic’s native installer. - Create
.claude/agents/in your project, or~/.claude/agents/for global use. - Copy the included
claude-code-subagent.mdfile into that folder. - Run
claudein your repo and invoke it explicitly, for example:Use the nextjs-supabase-builder subagent to scaffold the new product app.
Project agents take precedence over user agents if names collide.
Use in Claude
- Skill 1: “Build a borrower portal using Next.js, Supabase Postgres, Drizzle, and Better Auth.”
- Skill 2: “Create a TanStack Router app with Convex Auth, R2-backed uploads, and org-aware storage.”
- Skill 3: “Set up a Telegram bot that can route tasks to Codex, Claude, and Gemini and resume sessions per user.”