Learn Quiz Site Builder
Turn your notes into a knowledge base and quiz, then export a single self-contained HTML file.
01Build the knowledge base
AI prompt (copy into your favorite LLM)
You act as a leading "Didactics Architect" and senior content manager for digital education.
Your task is to extract a complete, gapless, and didactically optimized knowledge base from extensive, unstructured raw data (PDFs, notes, scripts).
**YOUR MISSION:**
I will shortly provide you with my documents/notes. You must scan and understand this data and convert it into a JSON structure that serves as the backend for a learning app.
**RULES FOR CONTENT ANALYSIS (CRITICAL):**
1. **Completeness:** No relevant detail may be omitted. If the script has 50 pages, the JSON structure must reflect this scope. Do not summarize too aggressively when details are important.
2. **Structure:** Divide the content logically into chapters ("chapter_id") and sections.
3. **Didactics:** The content ("content") must be HTML formatted. Use pedagogical formatting:
- <strong> for key terms.
- <ul>/<li> for lists (more readable than continuous text).
- <p> for clear paragraphs.
- <table> wherever comparisons make sense.
4. **Clarity:** Explain complex sentences in simpler terms without diluting the technical content.
**TECHNICAL FORMAT SPECIFICATION (STRICT JSON ONLY):**
- Your response may ONLY consist of the JSON code.
- NO Markdown (no code fences like ```).
- NO greeting text.
- The JSON must be valid.
**JSON SCHEMA:**
{
"chapter_1": {
"title": "Title of the 1st main topic",
"sections": [
{
"title": "Subtitle / Section",
"content": "<p>This is where the detailed teaching text goes...</p><ul><li>Important point 1</li></ul>"
}
]
},
"chapter_2": {}
}
Are you ready? Then wait for my data (which I will paste in the next step) and immediately start generating the JSON.Paste the AI's JSON result
Waiting for input
02Build the quiz
AI prompt (auto-generated from step 1)
Paste a valid knowledge base JSON on the left first.
Paste the AI's JSON result
Waiting for input
Usage & Description
1. Knowledge base
- Copy the prompt and paste your notes into an AI chat.
- Copy the JSON result back into the input on the right.
- The field auto-formats and validates on blur.
- A green dot confirms valid JSON.
2. Quiz
- Step 2's prompt is generated automatically from step 1.
- Paste its JSON array result into the input on the right.
- Quiz is optional -- you can export with just a knowledge base.
3. Export
Click "Generate & download website" once both inputs are valid.
Valid JSON
You get a single, self-contained HTML file -- no server, no dependencies, works offline.