git404hub

what is riddle-web fr?

f4bc0d3/riddle-web — explained in plain English

Analysis updated 2026-05-18

2HTMLAudience · generalComplexity · 2/5LicenseSetup · easy

tl;dr

A browser recreation of Harry Potter's magical diary that reads your handwriting with AI and writes back a reply in flowing script.

vibe map

mindmap
  root((riddle-web))
    What it does
      Capture handwriting
      AI reads and replies
      Animated handwritten reply
    Tech stack
      HTML
      Cloudflare Workers
      Vision LLM APIs
    Use cases
      Try a novelty AI toy
      Deploy your own copy
      Bring your own API key
    Audience
      Harry Potter fans
      AI hobbyists
    Setup
      Use hosted demo
      Or deploy to Cloudflare

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 make with this?

VIBE 1

Write on screen with a stylus and get an AI reply in handwritten script

VIBE 2

Deploy your own hosted copy to Cloudflare in a few commands

VIBE 3

Bring your own API key so no one has to share a shared account

VIBE 4

Connect a locally running AI model instead of a cloud API

what's the stack?

HTMLCloudflare WorkersJavaScript

how it stacks up fr

f4bc0d3/riddle-web100/talk_stockalexcybernetic/playground-ai
Stars222
LanguageHTMLHTMLHTML
Last pushed2022-03-24
MaintenanceDormant
Setup difficultyeasymoderateeasy
Complexity2/53/51/5
Audiencegeneralgeneralgeneral

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

how do i run it?

Difficulty · easy time til it works · 5min

Works instantly via the hosted demo, self-deploying to Cloudflare takes a few extra minutes.

in plain english

riddle-web recreates the magical diary from the Harry Potter books as something you can actually write on in your browser. You write on the screen with your finger, a stylus, or a pen like an Apple Pencil or Samsung S-Pen, and after you pause for a moment your handwriting fades away and a reply appears, written out stroke by stroke in a flowing handwriting style, before fading away itself. Under the hood, when you pause writing for about three seconds, the app turns your handwriting into an image and sends it to an AI model that can read images, which then writes back a reply that streams onto the screen word by word. The whole app is a single web page, backed by a small Cloudflare Worker server that either uses a built in free AI service so visitors do not need to set anything up, or forwards requests to an AI service of your own choosing. You can use it instantly at the developer's own hosted link, or deploy your own copy to Cloudflare with a couple of commands. If you deploy without adding any secret keys, each visitor is expected to bring their own API key for an AI service in the settings panel, which is stored only in their own browser. The app also supports several other AI providers people commonly use, including OpenRouter, Groq, OpenAI, and even an AI model running on your own computer. Beyond writing and replying, it includes small touches like turning the pen sideways to erase, drawing a question mark to bring up a help screen, and a pure black display mode meant to save battery on certain phone screens. Because it is just one HTML file, it can also be deployed to other free hosting services besides Cloudflare. This is a playful, personal project best suited to Harry Potter fans and people who enjoy trying out small AI powered novelties, and it is released under the MIT license.

prompts (copy fr)

prompt 1
Help me deploy riddle-web to Cloudflare Workers using wrangler
prompt 2
Show me how to connect riddle-web to my own OpenRouter API key
prompt 3
Explain how to set up a local Ollama vision model to work with riddle-web
prompt 4
Walk me through the settings panel options in riddle-web

Frequently asked questions

what is riddle-web fr?

A browser recreation of Harry Potter's magical diary that reads your handwriting with AI and writes back a reply in flowing script.

What language is riddle-web written in?

Mainly HTML. The stack also includes HTML, Cloudflare Workers, JavaScript.

How hard is riddle-web to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is riddle-web for?

Mainly general.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.