Reusable Skill Packs

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.

Skill Packs

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.

Skill 1 Based on odin-finance
Next.js + Supabase + Drizzle + Better Auth

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.

Next.js App Router Supabase Postgres Drizzle ORM Better Auth
Skill 2 Based on convex-invoice-g
TanStack Router + Convex + R2 + Convex Auth

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.

TanStack Router Convex R2 Storage Convex Auth
Skill 3 Based on grammy-comp fallback
Telegram Bot for Codex, Claude, Gemini, and More

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.

grammY Agent orchestration Session persistence Telegram UX
Install in Claude

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

  1. Download one of the skill zip files from this page.
  2. Open Claude.ai, go to Settings > Skills, and choose Upload skill.
  3. Select the downloaded zip or the unpacked skill folder.
  4. 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

  1. Install Claude Code if needed: npm install -g @anthropic-ai/claude-code or use Anthropic’s native installer.
  2. Create .claude/agents/ in your project, or ~/.claude/agents/ for global use.
  3. Copy the included claude-code-subagent.md file into that folder.
  4. Run claude in 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.”