@machfivetechchicago/machvive-webmcp-ai 5.7.1 → 5.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
<img alt="types" src="https://img.shields.io/badge/types-included-blue.svg">
|
|
13
13
|
<img alt="dependencies" src="https://img.shields.io/badge/dependencies-0-brightgreen.svg">
|
|
14
14
|
<a href="https://github.com/Mach-Five-Group/machvive-webmcp-ai/wiki/Machvive-WebMCP-Polyfill-Web-Component-Lib"><img alt="docs" src="https://img.shields.io/badge/docs-wiki-blue.svg"></a>
|
|
15
|
+
<a href="https://mach-five-group.github.io/webmcp-playground/"><img alt="live demo" src="https://img.shields.io/badge/demo-live-success.svg"></a>
|
|
15
16
|
</p>
|
|
16
17
|
|
|
17
18
|
WebMCP empowers agents by giving them access to your core business functionality within a safe, semantic sandbox.
|
|
@@ -34,6 +35,11 @@ elements with Shadow DOM that work anywhere `customElements` does.
|
|
|
34
35
|
scripted clicking, how the components compose, and the constraints worth knowing
|
|
35
36
|
before you adopt.
|
|
36
37
|
|
|
38
|
+
🎮 **[Try the live playground](https://mach-five-group.github.io/webmcp-playground/)** — a running WebMCP endpoint. Point
|
|
39
|
+
[Browser Use](https://github.com/browser-use/browser-use) or your own agent at it
|
|
40
|
+
and watch it discover and call the page's tools without touching the DOM. Source:
|
|
41
|
+
[webmcp-playground](https://github.com/Mach-Five-Group/webmcp-playground).
|
|
42
|
+
|
|
37
43
|
<img width="1098" height="894" alt="m5t_machvive_ai_webmcp" src="https://github.com/user-attachments/assets/a1433ff0-f8a9-46fb-ad59-735aed155ff8" />
|
|
38
44
|
|
|
39
45
|
## ⚡ Integration with Vite (Vanilla JS)
|
|
@@ -259,6 +265,22 @@ themes unless you scope your override inside your own media query.
|
|
|
259
265
|
Every combination of OS preference and `theme` is verified to meet WCAG AA
|
|
260
266
|
(≥ 4.5:1) across the full UI. If you override tokens, re-check your own contrast.
|
|
261
267
|
|
|
268
|
+
## 🤖 Claude Code skill
|
|
269
|
+
|
|
270
|
+
If you build with [Claude Code](https://claude.com/claude-code), install the
|
|
271
|
+
companion skill so Claude knows how to use these components — the API, and the
|
|
272
|
+
constraints that quietly break integrations:
|
|
273
|
+
|
|
274
|
+
```
|
|
275
|
+
/plugin marketplace add Mach-Five-Group/machvive-webmcp-ai
|
|
276
|
+
/plugin install machvive-webmcp@machvive
|
|
277
|
+
```
|
|
278
|
+
|
|
279
|
+
Claude then knows to import analytics before registering tools, that the polyfill
|
|
280
|
+
needs a secure context, that a top-level import breaks under SSR, and that
|
|
281
|
+
`sideEffects: false` silently drops the component registrations — the four things
|
|
282
|
+
that fail in ways that look like something else.
|
|
283
|
+
|
|
262
284
|
## TypeScript
|
|
263
285
|
|
|
264
286
|
Declarations ship with the package — no `@types/*` needed. Importing a component
|
|
@@ -321,7 +343,7 @@ Use the dynamic `import()` form shown above.
|
|
|
321
343
|
## Documentation
|
|
322
344
|
|
|
323
345
|
Full guide, architecture notes, and adoption constraints live on the
|
|
324
|
-
**[project Wiki](https://github.com/Mach-Five-Group/machvive-webmcp-ai/wiki
|
|
346
|
+
**[project Wiki](https://github.com/Mach-Five-Group/machvive-webmcp-ai/wiki)**.
|
|
325
347
|
|
|
326
348
|
## License
|
|
327
349
|
|