You've already run the three ways, read the tree, fixed the HTML, placed MCP and WebMCP, read the dated state, checked who gets in, and run the scanner. Now you put it all into a one-page plan, with dates, and check that it's complete. This is the plan you take to the next courses in the program.
At the end of the courseA one-page plan for your site and agents, with dates and with your next course chosen.
11 exercises
Click an exercise to see what to do and the "done when".
1/5
See
Kit installed, the three ways run against the example and against your site, and the accessibility tree the agent receives.
1/5
See
Kit installed, the three ways run against the example and against your site, and the accessibility tree the agent receives.
2/5
Fix
Requires step 1. Label, button, regions, language, alt, and status until arvore.mjs gives zero.
3/5
Place
MCP × WebMCP with feature detection and fallback, the state read from dated sources, and who reaches the site.
4/5
Diagnose
A local scanner with a pinned version, run on the example and on your site, read as a diagnosis.
5/5
The whole course
See, fix, place, and diagnose. Each step has exercises with an expected output; the plan gathers the outputs.
Suggested order: each step uses the page or the notes from the one before.
02 · Generate your plan with dates
Pick a start date and how much time you have each week.
plano.md
03 · Your site's plan and the checker
Seven sections, one for each topic in the course. conferir-plano.py flags a section that is missing, empty, or has a leftover <…>, and it requires at least one date. The kit includes the filled-in plan for the example shop.
File · kit/plano-modelo.md
# Plano do meu site para agentes
## Site e data
Site: <your site's address>
Data do diagnóstico: <dd/mm/aaaa>
## Como os agentes usam o site hoje
<output of tres-jeitos.mjs on the most important page: what worked for reading, operating, and calling>
## O que o agente enxerga
Problemas do arvore.mjs antes: <number> · depois das correções: <number>
<the fixes made: labels, a real button, main, h1, lang, alt>
## Quem pode entrar
<output of robots.py: search, user action, and training, and the decision noted down>
## Readiness
Nota: <score> em <dd/mm/aaaa> (diagnosis, not a ranking)
<the three failures or warnings I will handle first and why>
## WebMCP
Estado lido em <dd/mm/aaaa>: spec de <date>, <browsers with an origin trial>
Decisão: <wait | lab in course 2 | I already register tools with detection and fallback>
## Próximos passos
<the next course in the program and the date when I will review this plan>
cp ~/projetos/formacao-webmcp-base-v72/kit/plano-modelo.md ~/meu-plano.md
# fill in ~/meu-plano.md with the outputs from lessons 1 to 7
python3 ~/projetos/formacao-webmcp-base-v72/kit/conferir-plano.py ~/meu-plano.md; echo "saída: $?"
Example from the repository
ainda tem <marcador> em: Site e data
ainda tem <marcador> em: Como os agentes usam o site hoje
ainda tem <marcador> em: O que o agente enxerga
ainda tem <marcador> em: Quem pode entrar
ainda tem <marcador> em: Readiness
ainda tem <marcador> em: WebMCP
ainda tem <marcador> em: Próximos passos
nenhuma data dd/mm/aaaa no plano
0/7 seções preenchidas · data: nenhuma
saída: 1
7/7 seções preenchidas · data: 19/10/2026
saída: 0
The empty template fails on all seven sections, on purpose: it is the criterion before the work. The shop example passes with 7/7 and the diagnosis date.
04 · Practice
The complete plan and the next course.
E1 · Your site's plan
30 min
Copy the template to ~/meu-plano.md and fill in each section with the outputs you noted down in lessons 1 to 7. Use kit/exemplo-plano.md as a reference for length.
Done when:python3 conferir-plano.py ~/meu-plano.md → 7/7 seções preenchidas with a date and saída: 0.
E2 · The next course and the review date
5 min
In the "Próximos passos" section, choose the next course: course 1 if your service has an API and you want an MCP server; course 2 if the action lives on the page. Mark the date when you will run estado.sh again.
Done when: the "Próximos passos" section of the plan names a course in the program and a review date in dd/mm/aaaa format.
05 · Final test
Four questions about the whole course.
Question 1 of 4
Which of these is a stable base for preparing a site for agents in Oct 2026?skill
Correct
Semantic HTML is stable and serves both people who read the screen and agents that operate it. WebMCP is a draft with an origin trial, the declarative API was left out of the spec, and llms.txt has no measured effect.
Not this one
Semantic HTML is stable and serves both people who read the screen and agents that operate it. WebMCP is a draft with an origin trial, the declarative API was left out of the spec, and llms.txt has no measured effect.Review: The course map
Question 2 of 4
A coworker says: "I'm going to register WebMCP tools and remove the form, because it's a standard now." What do you answer?skill
Correct
Draft from 10/16/2026, origin trial in Chrome and Edge, WebKit against. Without the form, almost every visitor loses the path.
Not this one
Draft from 10/16/2026, origin trial in Chrome and Edge, WebKit against. Without the form, almost every visitor loses the path.Review: The course map
Question 3 of 4
What should the plan keep from the Readiness?
Correct
The plan comes from the failures, by priority. The dated score is a reference to compare against later, not a ranking promise.
Not this one
The plan comes from the failures, by priority. The dated score is a reference to compare against later, not a ranking promise.Review: Your site's plan and the checker
Question 4 of 4
Your booking service has an API, and you want Claude Code or Codex to book through it. Which course comes next?
Correct
An action that lives in a service with an API is a case for an MCP server, the stable side. WebMCP is for the action that lives on the open page.
Not this one
An action that lives in a service with an API is a case for an MCP server, the stable side. WebMCP is for the action that lives on the open page.Review: Practice
Quiz complete
You got {a} of {n} right. Get them all right and the lesson is marked as done.
Pick an answer. The explanation shows up after you try.
06 · The course in three sentences
See how the agent seesThree ways, the accessibility tree, and your HTML.
Separate the base from the labHTML and MCP are stable; WebMCP is a draft with a date.
A plan, not a scoreA dated diagnosis, failures by priority, and the next course.