Manfred

Manfred is an AI-powered browser extension designed to help users understand complex web and PDF content faster and more effectively — directly inside the browser. It combines intelligent summarization, interactive learning, and gamified knowledge reinforcement into a single workflow, transforming passive reading into active learning.

Manfred can summarize entire web pages or selected text fragments using AI. Summaries are available in:

4 styles:

1. • Professional Polish
2. • Casual Polish
3. • Professional English
4. • Casual English

3 detail levels: short, medium, long
This allows users to control both tone and depth depending on their needs.

Educational content can be converted into a story-driven, chapter-based adventure inspired by Dungeons & Dragons.

1. • Each chapter teaches part of the source content
2. • Users choose between three branching options
3. • Options require a minimum experience level
4. • Choices influence the story and progression

The system encourages learning by tying knowledge acquisition to gameplay mechanics.

Flashcards are tightly integrated with the adventure system and act as a progression mechanic.

1. • Easy / Medium / Hard modes
2. • Combination of open and closed questions
3. • Completing flashcards increases the user’s level unlocks previously unavailable adventure paths

This reinforces learning through active recall.

Manfred generates visual learning roadmaps that break complex topics into structured steps.

1. • Each step can be explained individually
2. • Importance is visually highlighted
3. • Users can ask contextual questions via built-in chat

Users can submit tasks or exercises and receive AI-generated solutions with a single action, optimized for clarity and explanation.

Summaries and adventures support audio playback.

1. • Server-side TTS (Piper)
2. • Adjustable volume
3. • Improves accessibility and multitasking

All features — summarization, adventures, flashcards, roadmaps, task solving, and TTS — work seamlessly with PDF files as well as web pages.

Server-centric design
All AI logic and API keys are handled exclusively on the backend.
Authentication

1. • JWT-based auth
2. • Secure password hashing
3. • Email verification for non-Google logins
4. • Google OAuth supported

Data handling
Page content is processed transiently and is not permanently stored.

Frontend: React, TypeScript, WXT
Backend: Node.js, LangChain, JWT, Express
Database: MySQL
Infrastructure: Server-hosted API, isolated secrets, custom AI prompt pipelines