Open source, live in production

Turn any TikTok or Reel into a note worth keeping.

Share a video and get back the hook, the one actionable idea, a summary, tags, and a category. Structured by Claude, saved and searchable in your second brain.

tokpocket.com
tokpocket
Your captured notes will appear here

How it works

From For You page to filed, in about eight seconds.

01POST /api/capture

Share TikTok URL

iOS Shortcut or direct POST

02supadata.ai

Supadata transcript

Video captions extracted via API

03ai-sdk-v6

Claude generateObject

AI SDK v6 structured output

04supabase

Structured note in Postgres

RLS-scoped, searchable, permanent

AI extracts 5 fields

hook

The opening line that makes you stop scrolling

summary

Compressed overview of the full video

idea

The actionable takeaway

actionable
tags[]

Semantic labels for search and filtering

category

Top-level topic bucket

Live example output

One real capture, fully structured.

AI & Technologysource: tiktok.com

Build $10,000-looking websites with AI tools, even if you can't code a single line.

The ideaactionable takeaway

Scrape a client's branding with Firecrawl, generate hero visuals in Claude Code, animate a transition, feed the branding plus their existing HTML into an AI coding agent to rebuild the site, then deploy via GitHub + Vercel.

Summary

An AI-assisted workflow for building premium client websites without coding, combining Firecrawl, Claude, and image/video AI, deployed on Vercel.

#ai-web-design#firecrawl#claude-code#vercel-deployment#no-code

Built on

Next.js 16React 19TypeScriptSupabase · PostgresSupabase · AuthSupabase · RLSAI SDK v6Claude (Anthropic)SupadataVercelNext.js 16React 19TypeScriptSupabase · PostgresSupabase · AuthSupabase · RLSAI SDK v6Claude (Anthropic)SupadataVercel

Architecture

Two paths, one secure database.

Path A — Capture

iOS Shortcut

share sheet trigger

POST /api/capture

Next.js route handler

Supadata API

transcript extraction

Claude generateObject

AI SDK v6 · structured output

service-role INSERT

bypasses RLS · trusted server path

Path B — Read

Browser

authenticated user session

/dashboard

Next.js Server Component

RLS-scoped SELECT

only your own notes · enforced by Postgres

RLSrow-level security policies are enforced at the database level. Even if the application layer is compromised, no user can read another's notes.

Postgres (Supabase)

captures table · indexed · persistent

FAQ

Questions

What does it actually save?

For every video: the hook, a summary, the one actionable idea worth keeping, tags, and a category. All structured and searchable in Postgres.

How do I capture from my phone?

An iOS Shortcut, or the paste box on your dashboard, sends a TikTok, Instagram Reel, YouTube Short, or X link to the API and hands back the formatted note in a few seconds.

What if a video has no captions?

It reads the spoken transcript. If a clip has no speech there is nothing to extract, and it tells you so.

Is my data private?

Yes. Every row is protected by Postgres row-level security, so you only ever see your own captures, enforced at the database layer.

Is it open source?

Yes, MIT licensed. The data model and auth are already built to extend to multi-user with bring-your-own API keys.

What is the stack?

Next.js 16, Supabase for Postgres, Auth and RLS, the Vercel AI SDK with Claude, and Supadata for transcripts. Deployed on Vercel.

Stop losing the best ideas on your For You page.

Start your second brain today.