About this Site
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
| Page Type | Number of Pages | LLM Used to Build index.html | Build Instructions |
|---|---|---|---|
| Drag-and-drop matching game | Number of Pages: 4032 | LLM Used to Build index.html: Google Gemini | Build Instructions: Composed iteratively, by Gemini (except for Content Creation section) |
| 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
The prompt was designed to be customized by users, and the customizable components were put at the top of the prompt file to make it easier to modify.
Aside from the top section (Content Generation), virtually the entire build instructions file for the games was written by Google Gemini. The prompt evolved gradually: each new feature was described in plain English to Gemini, and Gemini produced the corresponding technical prompt text. When a bug was identified, Gemini produced the updates to the prompt to avoid the issue arising in the future. The "LOGIC TRACE & STATE PROGRESSION EXAMPLE" section was suggested by Gemini to implement One Shot Prompting, which allows the prompt to work better with flash models.
2. Language Landing Pages
The Landing Pages have two functions: provide structured access to all of the games and implement the offline-installable PWA architecture. The entire prompt was written by Claude. The prompt was not designed to be modified by users.
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.