Lineup

Turn one sentence into a full event pack — inside ChatGPT.

Lineup is a ChatGPT App (built on Alpic Skybridge) that takes a freeform event description and generates a Luma-style event card, an identity badge for every attendee (generated avatar + role + scannable vCard QR), an RSVP QR, and a calendar .ics — in about ten seconds, in the conversation you're already in.

"Announce Friday's panel — speakers Lea, Marco and Priya — accent red, notionists style."

Built for Berlin Hack Night (May 2026) with the Skybridge framework. Coded mainly with Claude Code, with OpenAI Codex in support.

Why

Keep Luma for the real event page. But the moment you need to announce it — an email, a Slack post, a story, a "who's speaking" card — you're back to juggling Canva + a QR generator + a calendar file. Lineup is the 10-second asset generator that lives in the chat: one sentence in, shareable assets out.

It complements Luma / Mailchimp / your CMS rather than replacing them.

What it does

• Event card — title, date, venue, accent gradient, "Add to calendar", RSVP QR
• Identity badges — one per attendee: deterministic DiceBear avatar in a halo, first name, role pill, vCard QR (scan → save contact), gradient accent border
• Pick the avatar style from the prompt — four styles ship; tell the LLM the vibe and it picks (see below)
• PNG badge export — download any badge as a real 480×640 "trading card" PNG, composed server-side with Satori + Resvg
• Shareable event page — a scannable link that opens the whole pack as a public web page (see below)

Avatar styles — pick from the prompt, or flip them live

The whole crew renders in one consistent style. Two ways to set it:

1. From the sentence — the LLM picks the style from your prompt and passes it as an argument.
2. Live in the view — a row of four Style chips above the badges. Click → every avatar flips in place with a soft fade. The PNG download and the share link follow whatever you've picked.

One primitive, many use cases

people + a moment + a scannable code reshapes into:

The shareable page is zero-knowledge by design

The "Share this page" QR/link encodes the entire compact payload in the URL #fragment. A static page (docs/index.html on GitHub Pages) decodes it and regenerates the event card + badges client-side (avatars and QRs are deterministic).

Nothing is stored in any database. Browsers never send URL fragments to servers, so neither GitHub nor the author can read a shared link — only the people you send it to can.

🔗 Live share page: https://kaiser-data.github.io/lineup/ (open with a Lineup #… fragment)

Live

• App (MCP endpoint): https://lineup-bf157e35.alpic.live/mcp
• Playground: https://lineup-bf157e35.alpic.live/try
• Share page: https://kaiser-data.github.io/lineup/

Add to ChatGPT

1. ChatGPT → Settings → Connectors → Create
2. Server URL: https://lineup-bf157e35.alpic.live/mcp · Authentication: No Auth
3. In a chat: @lineup Generate a Lineup for Berlin Hack Night at Mindspace, 18:00, accent red, with Marty (Host), Lea (Judge), and Tomás (Hacker).

Architecture

Everything is deterministic and pure-JS where it matters (avatars, QRs, calendar), so the same input always produces the same pack — which is exactly why the shareable page can regenerate it from the link alone.

The Excalidraw source is at architecture.excalidraw — open it at excalidraw.com to edit or export a hand-drawn version.

Tech

Skybridge · React · TypeScript · qrcode / qrcode.react · @dicebear · ics · satori · @resvg/resvg-js

Develop

npm install
npm run dev          # MCP server + DevTools at http://localhost:3000
npm run dev -- --tunnel   # expose to ChatGPT/Claude for testing

Tools live in src/server.ts; the view is src/views/generate-lineup.tsx; generators are in src/lib/.

Helper scripts in scripts/: status.sh, test.sh <payload>, save-artifacts.sh, tunnel.sh, stop.sh. Test payloads (incl. voting / conference / announcement use cases) in test-payloads.json.

Deploy & self-host

Yes — Lineup is fully self-hostable, and it generates every graphic itself. There is no external image service and no API key: avatars (DiceBear), QR codes (qrcode), the calendar .ics (ics) and the 480×640 PNG badges (Satori + Resvg) are all rendered in pure JavaScript/WASM inside your own deployment. Host it anywhere that runs Node or an edge runtime and you own the whole pipeline.

The MCP app (the server + ChatGPT view):

npm run deploy            # → Alpic Cloud (free tier)
# or self-host the same build:
npm run build && npm start            # Node, any host (Fly.io, Railway, Render, a VM)
docker build -t lineup . && docker run -p 3000:3000 lineup   # Dockerfile ships in repo

Because the generators are pure-JS / edge-friendly (no sharp, no native canvas), Cloudflare Workers is a viable target too.

The share page (docs/index.html) is a single static file with no backend — host it on GitHub Pages (the default), Netlify, Cloudflare Pages, or any static host. It regenerates the whole pack client-side from the link #fragment, so self-hosting it stores nothing and needs no server.

License & attribution

Lineup itself is MIT — see LICENSE.

It is built on third-party frameworks and assets, each under its own license. The generated graphic in particular carries attribution requirements:

• Avatar designs — DiceBear (code MIT). Styles: lorelei (Lisa Wischofsky, CC0 1.0), notionists (Zoish, CC0 1.0), bottts (Pablo Stanley, free for personal & commercial use), shapes (DiceBear, CC0 1.0).
• Inter font — The Inter Project Authors, SIL OFL 1.1.
• Satori & Resvg — MPL-2.0 (used unmodified).

The full component list and licenses are in THIRD-PARTY-NOTICES.md.