MCPcopy Index your code
hub / github.com/Nutlope/twitterbio

github.com/Nutlope/twitterbio @main sqlite

repository ↗ · DeepWiki ↗
15 symbols 33 edges 12 files 0 documented · 0%
README

twitterbio.io

This project generates Twitter (X) bios for you using Together AI.

Twitter Bio Generator

How it works

This project uses both Qwen 3.5 9B and GPT OSS 20B with streaming to generate a Twitter bio. It constructs a prompt based on the form and user input, sends it to the Together AI API, then streams the response back to the application. Qwen 3.5 9B has thinking disabled for fast direct responses. GPT OSS 20B is a reasoning model that thinks before responding, shown with a "Thinking..." indicator.

If you'd like to see how I built an older version of this app with GPT 3.5, check out the video or blog post.

Running Locally

  1. Create a .env file, make an account at Together AI, and add your API key under TOGETHER_API_KEY
  2. Run the application with npm run dev and it will be available at http://localhost:3000.

One-Click Deploy

Deploy the example using Vercel:

Deploy with Vercel

Extension points exported contracts — how you extend this code

DropDownProps (Interface)
(no doc)
components/DropDown.tsx

Core symbols most depended-on inside this repo

classNames
called by 2
components/Toggle.tsx
classNames
called by 1
components/DropDown.tsx
scrollToBios
called by 1
app/page.tsx
generateBio
called by 1
app/page.tsx
redirects
called by 0
next.config.js
Github
called by 0
components/GitHub.tsx
DropDown
called by 0
components/DropDown.tsx
Toggle
called by 0
components/Toggle.tsx

Shape

Function 14
Interface 1

Languages

TypeScript100%

Modules by API surface

components/DropDown.tsx3 symbols
app/page.tsx3 symbols
components/Toggle.tsx2 symbols
next.config.js1 symbols
components/LoadingDots.tsx1 symbols
components/Header.tsx1 symbols
components/GitHub.tsx1 symbols
components/Footer.tsx1 symbols
app/layout.tsx1 symbols
app/api/together/route.ts1 symbols

Dependencies from manifests, versioned

@headlessui/react2.1.10 · 1×
@headlessui/tailwindcss0.2.1 · 1×
@heroicons/react2.1.5 · 1×
@tailwindcss/forms0.5.9 · 1×
@types/node22.7.9 · 1×
@types/react18.3.12 · 1×
@types/react-dom18.3.1 · 1×
autoprefixer10.4.20 · 1×
next14.2.16 · 1×
next-plausible3.12.2 · 1×
postcss8.4.47 · 1×
react18.3.1 · 1×

For agents

$ claude mcp add twitterbio \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact