Skip to content

docs: redesign the README around the pipeline - #19

Merged
TueJon merged 4 commits into
mainfrom
docs/readme-visual-refresh
Sep 19, 2026
Merged

TueJon merged 4 commits into
mainfrom
docs/readme-visual-refresh

Conversation

@TueJon

@TueJon TueJon commented Sep 19, 2026

Copy link
Copy Markdown
Owner

The README was a long wall of text with an ASCII pipeline. This redesign leads with what the skill does and shows it:

  • A themed banner and a pipeline diagram (detect → inventory → human gate → integrate → verify ⇄ heal → audit, all over .webmcpify/manifest.json), in light and dark variants via <picture>. Both are SVGs, so they also render on directory sites that mirror the README.
  • The artwork is generated from one source (assets/readme/build.mjs); tests/readme-art.test.mjs fails when a committed SVG drifts from its generator.
  • A demo poster (a frame from the proof recording) linking to the uncut video.
  • "What your agent adds": the approved manifest entry and the registration, taken from the proof fixture.
  • Scannable tables for install, commands (including which ones change code), curated vs. parity coverage, and guarantees. The scaling and platform notes are collapsible.

Wording stays within existing claims. Coverage is described as an explicit choice (the skill never defaults silently), and nothing new is promised about pinning, where #18 is still open.

Validation: npm run check passes (46 tests including the new artwork test). The README was rendered through GitHub's Markdown API and inspected at 1012 px in light and dark.

Add a themed banner and pipeline diagram (light and dark, generated from one
source), a demo poster, the manifest entry and registration from the proof
fixture, and scannable install, command, coverage and guarantee tables. A test
keeps the generated artwork in sync with its generator.
@TueJon TueJon added documentation Improvements or additions to documentation webmcp WebMCP agent surface labels Sep 19, 2026
@TueJon TueJon self-assigned this Sep 19, 2026

@TueJon TueJon left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

README.md:1 — The redesign removes the README's only semantic <h1>. GitHub renders this head with How it works as the first heading (<h2>); the <picture> image's SVG title and alt text do not create an HTML heading. This directly violates the repository's load-bearing rule in AGENTS.md:34-39 that the README <h1> retain the exact phrase "WebMCP agent skill", and drops the heading/search surface that rule exists to protect. The new artwork test checks asset references but does not guard this invariant.

Closure checklist:

  • Restore a README <h1> containing the exact phrase WebMCP agent skill (Markdown or literal HTML is fine).
  • Extend the README test coverage to fail if that phrase is absent from the semantic <h1> again.

@TueJon
TueJon marked this pull request as draft September 19, 2026 16:40
@TueJon

TueJon commented Sep 19, 2026

Copy link
Copy Markdown
Owner Author

Fixed at 7c558b5: restored a semantic README h1 containing the exact WebMCP agent skill phrase and added a regression assertion. Verified with npm ci --ignore-scripts and npm run check (46/46).

@TueJon
TueJon marked this pull request as ready for review September 19, 2026 16:40

@TueJon TueJon left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No blocking findings remain.
The semantic h1 restores the exact discoverability phrase, its regression assertion covers the invariant, and the targeted README-art test passes.

@TueJon
TueJon marked this pull request as draft September 19, 2026 18:43
@TueJon
TueJon marked this pull request as ready for review September 19, 2026 18:43

@TueJon TueJon left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No blocking findings remain.
The merge from main leaves both closure items unchanged, and the targeted README-art test passes at this exact head (2/2).

@TueJon
TueJon marked this pull request as draft September 19, 2026 20:20
@TueJon
TueJon marked this pull request as ready for review September 19, 2026 20:20

@TueJon TueJon left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No blocking findings remain.
The main merge preserves both original closure items, carries the new v0.7 README guarantees through the conflict resolution, and npm run check passes at this exact head (71/71 tests).

@TueJon
TueJon merged commit c17d1f1 into main Sep 19, 2026
2 checks passed
@TueJon
TueJon deleted the docs/readme-visual-refresh branch September 22, 2026 11:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation webmcp WebMCP agent surface

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant