OpenPath StudioBuild a path
WebMCP-powered Learning commons

People set the goal.
Agents weave the path.

OpenPath turns trusted resources from the open web into a learning plan that stays visible, editable, and firmly under human control.

Create a learning path See the agent tools
16curated resources
12structured tools
0accounts or API keys
Agent collaboration consoleLocal state
Checking WebMCPThe human interface still works fully
Try this in your browser agent
get statebuild pathhuman review
The agent uses declared schemas instead of guessing where to click.
Designed for
Human agency
Open knowledge
Explicit consent
Transparent sources
Shared workspace

Your intent leads. The agent assists.

Define the constraints, inspect every recommendation, and change anything before publishing.

02

Review the path

Reorder, remove, complete, or add anything.

Draft
Resources0
Total time0 min
Budget fit0%
Completed0/0

Your path starts with a goal

Set the constraints yourself, or ask an agent to assemble a transparent first draft.

Curated open catalog

Sources you can inspect, not mystery answers.

Every recommendation carries a provider, duration, level, format, URL, and reuse license.

16 resources
Accessibility

Introduction to Web Accessibility

A practical foundation for understanding barriers, inclusive design, and why accessibility matters.

W3
W3C WAIW3C Document License
18 minBeginnerArticle
View source
Performance

Web Vitals

Understand the user-centered metrics used to quantify loading, responsiveness, and visual stability.

WE
web.devCC BY 4.0
22 minBeginnerArticle
View source
Accessibility

The A11Y Project Checklist

A concise, task-oriented checklist for auditing content, controls, forms, media, and structure.

TH
The A11Y ProjectCC BY 4.0
28 minIntermediateChecklist
View source
Html

HTML Basics

A hands-on introduction to elements, attributes, document structure, links, images, and markup.

MD
MDN Web DocsCC BY-SA 2.5
45 minBeginnerTutorial
View source
Security

Web Security

An approachable overview of content security, transport security, data protection, and common attacks.

MD
MDN Web DocsCC BY-SA 2.5
55 minBeginnerReference
View source
Design Systems

GOV.UK Design System

Production-tested styles, components, and patterns for clear, inclusive public services.

GO
Government Digital ServiceOpen Government Licence 3.0
60 minIntermediateReference
View source
Privacy

Privacy on the Web

Learn how privacy, identity, cookies, fingerprinting, and responsible data use shape web products.

WE
web.devCC BY 4.0
65 minBeginnerArticle Series
View source
Accessibility

ARIA Authoring Practices Guide

Reference patterns and working examples for accessible widgets, keyboard interaction, and ARIA.

W3
W3C WAIW3C Document License
75 minAdvancedReference
View source
Css

Learn Responsive Design

Create interfaces that adapt across screens using flexible layouts, media queries, and responsive media.

WE
web.devCC BY 4.0
75 minIntermediateCourse
View source
Css

CSS First Steps

Start styling web pages while learning selectors, properties, values, and how CSS works.

MD
MDN Web DocsCC BY-SA 2.5
90 minBeginnerTutorial
View source
Security

OWASP Top 10

A standard awareness guide to the most consequential security risks in web applications.

OW
OWASP FoundationCC BY-SA 4.0
90 minIntermediateGuide
View source
Design Systems

Inclusive Components

Detailed explorations of resilient, accessible interface components and interaction patterns.

HE
Heydon PickeringOpen access
110 minAdvancedArticle Series
View source
Accessibility

Learn Accessibility

A structured course covering semantics, focus, forms, images, color, and assistive technology.

WE
web.devCC BY 4.0
120 minBeginnerCourse
View source
Html

Learn HTML

A modern course on semantic structure, forms, media, tables, metadata, and accessible HTML.

WE
web.devCC BY 4.0
180 minIntermediateCourse
View source
Performance

Learn Performance

A systematic course on loading, rendering, images, fonts, JavaScript, and perceived performance.

WE
web.devCC BY 4.0
180 minIntermediateCourse
View source
Css

Learn CSS

Deepen layout, cascade, color, typography, responsive design, and animation skills.

WE
web.devCC BY 4.0
240 minIntermediateCourse
View source
Why WebMCP fits

One workspace. Two collaborators.
A shared source of truth.

The agent never has to scrape buttons or infer hidden state. OpenPath declares its capabilities, inputs, outputs, and trust boundaries directly to the browser.

Human

Sets intent and boundaries

  • Defines goals and constraints
  • Reviews every visible change
  • Confirms publication
Shared browser state

Structured, visible, reversible

document.modelContext12 tools
Agent

Handles complexity and pace

  • Searches structured resources
  • Compares and sequences
  • Explains each action
Registered tools

Capabilities with clear contracts

Live when supported
get_workspace_stateRead-only
search_open_resourcesRead-only
compare_open_resourcesRead-only
set_learning_goalWrites state
build_learning_pathWrites state
add_to_learning_pathWrites state
remove_from_learning_pathWrites state
reorder_learning_pathWrites state
mark_resource_completeWrites state
prepare_publish_reviewHuman reviews
export_learning_pathLocal download
publish_learning_pathHuman confirms
Activity ledger

Nothing happens invisibly

OpenPath

Workspace ready for human + agent collaboration

Test with an agent

Start with natural language.
Stay in control of the outcome.

Human checkpoint

Review before publishing

An agent can prepare this form, but only you can submit it.

Human confirms
TopicAccessibility
Resources0
Total0 min

Visible confirmation requiredThis prototype publishes only to local browser state. It sends no personal data or content to a server.