Open-source language-learning

Every page on this site has a "Source" button in the upper right corner. That button downloads a file called build-instructions.txt, the prompt which serves as input to an LLM. The build instructions generate a single file: index.html that is used by the browser to render the web page.

How each type of page was created

Drag-and-drop matching game

Number of Pages 4032
LLM Used to Build index.html Google Gemini
Build Instructions Composed iteratively, by Gemini

Language Landing Page

Number of Pages 63
LLM Used to Build index.html Anthropic Claude
Build Instructions Composed iteratively, by Claude

Home Page, FAQ, Video Guides, About

Number of Pages 4
LLM Used to Build index.html Google Gemini
Build Instructions Composed manually

1. Drag and Drop Games

Aside from the top section (Content Generation), virtually the entire build instructions file for the games was written by Google Gemini. The build instructions evolved gradually.

2. Language Landing Page

The Landing Pages have two functions: provide structured access to all of the games and implement the offline-installable PWA architecture.

3. Human Generated Prompts

The prompts for the tradional web pages (home page, FAQ, About) were created entirely by hand. But much of the content was created by the LLM. For example, the answer to the FAQ question "What are some advantages of learning a second language?" was composed entirely by the LLM. Also the table of Threatened Languages was populated mostly by the LLM.