gitwtfhub

wtf is tooka?

js0980420/tooka — explained in plain English

Analysis updated 2026-05-18

21TypeScriptAudience · vibe coderComplexity · 2/5Setup · moderate

TL;DR

A framework where you describe social media carousel cards in plain language and a coding AI agent builds and publishes them to Instagram, Facebook, and Threads.

Mindmap

mindmap
  root((tooka))
    What it does
      Builds carousel cards
      Agent writes React
      Publishes to Meta apps
    Tech stack
      React
      TypeScript
      Vite
    Use cases
      Knowledge carousels
      Brand kit reuse
      Auto publish posts
    Audience
      Content creators
      Marketing teams
    Features
      Click to comment
      Present mode
      PNG export

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Generate a full Instagram carousel from a one line topic prompt using a coding AI agent.

REASON 2

Reuse a brand kit theme so every new carousel shares the same colors, fonts, and layout.

REASON 3

Publish a finished carousel directly to Facebook Pages, Instagram, and Threads without leaving the chat.

REASON 4

Click any card element to leave a comment and have the agent apply the edit automatically.

What's in the stack?

ReactTypeScriptViteNode.js

How it stacks up

js0980420/tooka1521620063/vomishieldagentfm-ai/agent-fm
Stars212121
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderateeasy
Complexity2/52/52/5
Audiencevibe codergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · moderate Time to first run · 30min

Publishing to Meta platforms needs a Facebook Page token, Instagram and Threads accounts, and an Imgbb API key.

License is not stated in the README, treat reuse terms as unknown until the repository's license file is checked.

Wtf does this do

tooka is a framework for building social media card carousels, specifically the 1080 by 1350 pixel format used for Instagram style posts. Instead of using a design tool or an image generation model, you describe the cards you want in plain language and a coding AI agent, such as Claude Code, Codex, or Cursor, writes React components that tooka turns into finished cards. Because the text is rendered from real code rather than drawn by an image model, fonts and characters, including non Latin scripts, come out sharp and correctly formed. The project organizes visual identity through brand kits stored in a themes folder, so a set of colors, fonts, and recurring layout pieces can be reused across many carousels, keeping a whole series looking consistent. It also includes a click to comment inspector built into the browser preview: a user can click any element on a card, type a short note like make this red, and then run a command that has the agent apply every pending comment at once and clear the markers. Beyond building cards, tooka can publish them. It connects to Facebook Pages, Instagram, and Threads through Meta's Graph API, and because Meta requires publicly reachable image URLs, tooka uploads the exported PNG images through the Imgbb API so a carousel can be posted without the user hosting images themselves. The tool also drafts a caption for each platform based on the card content, and it tracks token validation and connection status for each linked account. Other included features are an assets manager for images, videos, and fonts, a logo search built on the svgl catalogue, a fullscreen presentation mode with speaker notes and a timer, and a folder based system for organizing many carousels. The finished output is a plain static site that can be deployed to services like Vercel, Cloudflare Pages, Netlify, or Zeabur with no server required. tooka started as a reworked fork of an existing slide deck framework called open slide, keeping its agent driven authoring approach but changing the canvas size, the export format, and adding the entire publishing pipeline to Meta platforms.

Yoink these prompts

Prompt 1
Use tooka to create a 6 slide Instagram carousel explaining a topic I choose.
Prompt 2
Set up a tooka brand kit from my logo and color palette, then apply it to a new carousel.
Prompt 3
Help me connect my Facebook Page, Instagram, and Threads accounts to tooka for publishing.
Prompt 4
Run npx tooka dev and walk me through building my first card carousel.

Frequently asked questions

wtf is tooka?

A framework where you describe social media carousel cards in plain language and a coding AI agent builds and publishes them to Instagram, Facebook, and Threads.

What language is tooka written in?

Mainly TypeScript. The stack also includes React, TypeScript, Vite.

What license does tooka use?

License is not stated in the README, treat reuse terms as unknown until the repository's license file is checked.

How hard is tooka to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is tooka for?

Mainly vibe coder.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.