https://github.com/1111philo/learn-extension

1111 — An agentic learning app. Chrome side-panel extension by 11:11 Philosopher's Group.
https://github.com/1111philo/learn-extension

Last synced: 4 months ago
JSON representation

1111 — An agentic learning app. Chrome side-panel extension by 11:11 Philosopher's Group.

• Host: GitHub
• URL: https://github.com/1111philo/learn-extension
• Owner: 1111philo
• License: other
• Created: 2026-03-07T15:03:17.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2026-03-15T11:56:37.000Z (4 months ago)
• Last Synced: 2026-03-15T18:53:11.929Z (4 months ago)
• Language: JavaScript
• Size: 251 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  



An agentic learning app that runs entirely in the Chrome side panel. Built by [11:11 Philosopher's Group](https://github.com/1111philo).

## What it does

1111 Learn guides learners through predefined courses using four AI agents powered by the Claude API. Each course produces one final work product. All data stays on the user's device.

### Key features

- **Onboarding wizard** -- four-step first-run flow (name → personal statement → data consent → API key) that seeds an inspiring learner profile via AI

- **Skills check** -- a mandatory diagnostic activity before every new course; the result personalizes the learning plan generated for that course

- **AI-powered learning** -- six Claude agents handle onboarding, diagnostics, course creation, activity generation, assessment, and learner profile updates

- **Course catalog** with prerequisite checking

- **Personalized activity generation** adapted to the learner's profile, prior work, and diagnostic result

- **AI assessment with vision** -- the Assessment Agent analyzes screenshots of your work and provides structured feedback with strengths, improvements, score, and a recommendation

- **Output validation** -- deterministic validators check every agent response for safety, format compliance, and activity constraints (browser-only, single page, etc.) before showing it to the learner

- **Learner profile** -- tracks your strengths, weaknesses, preferences, and learning patterns across courses; updated after assessments, diagnostic results, and feedback

- **Activity feedback** -- submit feedback on any activity to regenerate it while keeping the same learning goal

- **Draft recording** -- captures a screenshot of the active tab, the page URL, and AI-generated feedback

- **Iterative feedback** -- each activity builds on prior drafts and feedback

- **Final assessment** -- the final work product must meet a minimum passing threshold

- **Portfolio** -- work cards show progress bars and recording counts; tap into a Build Detail view with full draft timeline and on-demand screenshots

- **Build narrative** -- activity type labels (Research, Practice, Draft, Deliver) and a completion summary card celebrate your process

- **Share data with 11:11** -- toggle in Settings to log all agent interactions locally and send anonymous telemetry to 11:11 Philosopher's Group. Includes agent prompts, responses, feedback text you write, scores, and errors. Screenshots and API keys are never sent. Included in JSON export

- **JSON export** -- export all saved data (metadata + screenshots + dev logs) at any time

- **Keyboard shortcuts** -- Enter submits inputs, Cmd/Ctrl+Enter submits textareas, Escape dismisses dialogs

- **Fully local** -- screenshots are stored in IndexedDB; metadata in `chrome.storage.local`. Only API calls to Anthropic are made (with the user's own key).

- **Accessible** -- keyboard-operable, screen-reader-friendly, respects `prefers-reduced-motion` and `forced-colors`

- **Lightweight** -- vanilla JS, no frameworks, no local build step; designed for Chromebooks and Android tablets

## Install (developer mode)

1. Clone this repository.

2. Open `chrome://extensions` in Chrome.

3. Enable **Developer mode**.

4. Click **Load unpacked** and select the project folder.

5. Click the 1111 extension icon to open the side panel.

6. Complete the onboarding wizard: enter your name, a personal statement, consent to data sharing (optional), and your Anthropic API key.

## File structure

```

manifest.json            Chrome extension manifest (Manifest V3)

background.js            Opens the side panel on icon click

sidepanel.html           Main UI entry point

sidepanel.css            Styles

js/

  app.js                 App shell, routing, views, event handling

  storage.js             chrome.storage.local + IndexedDB abstraction

  courses.js             Course loading and prerequisite checking

  api.js                 Anthropic API client

  orchestrator.js        Agent orchestration + output validation

  telemetry.js           Anonymous usage telemetry (opt-in via data sharing toggle)

prompts/

  course-creation.md        System prompt for Course Creation Agent

  activity-creation.md      System prompt for Activity Creation Agent

  activity-assessment.md    System prompt for Activity Assessment Agent

  diagnostic-creation.md    System prompt for Diagnostic (Skills Check) Agent

  diagnostic-assessment.md  System prompt for Diagnostic Assessment Agent (evaluates skills check screenshots)

  onboarding-profile.md     System prompt for Onboarding Profile Agent

  learner-profile-update.md System prompt for Learner Profile Agent

data/

  courses.json           Predefined course definitions

assets/

  icon.png               Source icon

  icon-{16,32,48,128}.png  Resized icons for Chrome

  logo.svg               Logo for README

PRIVACY.md               Privacy policy

.github/

  workflows/

    release.yml          Auto-versioning and release on push to main

```

## Releases

Releases are automated via GitHub Actions. Every push to `main` triggers the release workflow:

1. Commits since the last release are analyzed by Claude to determine the appropriate semver bump and generate release notes.

2. `manifest.json` is updated with the new version.

3. The extension is packaged into a zip (ready for Chrome Web Store upload).

4. A GitHub Release is created with the zip attached.

Maintainers must add an `ANTHROPIC_API_KEY` secret to the repository settings for the workflow to function.

## Agent architecture

| Agent | Model | Purpose |

|-------|-------|---------|

| Onboarding Profile | `claude-haiku-4-5` | Creates an inspiring initial learner profile from the user's name and personal statement |

| Diagnostic (Skills Check) | `claude-haiku-4-5` | Generates a brief pre-course assessment activity to gauge prior knowledge |

| Course Creation | `claude-haiku-4-5` | Generates a personalized learning plan informed by the diagnostic result |

| Activity Creation | `claude-haiku-4-5` | Fills in detailed instructions for one activity at a time |

| Activity Assessment | `claude-sonnet-4-6` | Evaluates screenshots with vision + provides structured feedback |

| Learner Profile | `claude-haiku-4-5` | Incrementally updates learner profile after assessments, diagnostic results, and feedback |

Agent prompts are stored as markdown files in `prompts/` and can be edited without changing code. All activity and assessment outputs are validated before reaching the user.

## Course JSON structure

Each course in `data/courses.json` has:

| Field               | Type       | Description                                      |

|---------------------|------------|--------------------------------------------------|

| `courseId`           | `string`   | Unique identifier                                |

| `name`              | `string`   | Display title                                    |

| `description`       | `string`   | Summary of purpose and expected value            |

| `dependsOn`         | `string?`  | Optional prerequisite course ID                  |

| `learningObjectives`| `string[]` | Outcome statements the course achieves           |

## Permissions

| Permission        | Why                                              |

|-------------------|--------------------------------------------------|

| `sidePanel`       | Run the app in the Chrome side panel             |

| `storage`         | Persist metadata locally                         |

| `unlimitedStorage`| Allow large screenshot storage in IndexedDB      |

| `activeTab`       | Capture screenshots and read the active tab URL  |

| `tabs`            | Query tab information for draft recording        |

### Host permissions

| Host                        | Why                                    |

|-----------------------------|----------------------------------------|

| `https://api.anthropic.com/*` | Send requests to the Claude API with the user's own key |

| `https://czrqy8ea0a.execute-api.us-east-1.amazonaws.com/*` | Send anonymous telemetry when data sharing is enabled |

## Privacy

1111 Learn is local-first. All learning data stays on your device by default. Optional anonymous telemetry can be enabled to help improve the extension. See our full [Privacy Policy](PRIVACY.md) for details.

- **Local by default**: course progress, screenshots, learner profile, and API key never leave your device.

- **Opt-in telemetry**: "Share data with 11:11" in Settings sends anonymous usage data (agent I/O, feedback text, scores). Screenshots and API keys are never sent.

- **Anonymous**: data is tied to a random ID, not your identity.

- **90-day retention**: telemetry is automatically deleted.

- **Your rights**: withdraw consent anytime, request deletion via [1111@philosophers.group](mailto:1111@philosophers.group) or [open an issue](https://github.com/1111philo/learn-extension/issues).

API calls to Anthropic use your own key and are governed by [Anthropic's privacy policy](https://www.anthropic.com/privacy).

## License

Copyright (C) 2026 11:11 Philosopher's Group

Licensed under the [GNU Affero General Public License v3.0](LICENSE).