whatisgithub

What is tooka?

js0980420/tooka — explained in plain English

Analysis updated 2026-05-18

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

In one sentence

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

What do people build with it?

USE CASE 1

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

USE CASE 2

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

USE CASE 3

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

USE CASE 4

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

What is it built with?

ReactTypeScriptViteNode.js

How does it compare?

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 get it running?

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.

So what is it?

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.

Copy-paste 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

What 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.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.