Skip to content

Commit fc23294

Browse files
felixgeelhaarfelixgeelhaar
committed
docs: update marketing page with v1.3.0 MCP Apps features
Add MCP Apps Visualizer to feature list, highlight dark mode, transition animations, history log, and CSP-compatible bundling. Rebuild docs site.
1 parent 47932cc commit fc23294

5 files changed

Lines changed: 9 additions & 6 deletions

‎README.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ Define and execute statecharts in Go — visualize them with XState tooling.
2424
- **Prometheus Metrics** — Production monitoring with metrics and health checks
2525
- **Static Analysis** — Lint rules for detecting structural issues
2626
- **MCP Server** — Create, manage, and visualize machines via Model Context Protocol
27+
- **MCP Apps Visualizer** — Interactive visualizer renders inline in Claude Desktop and MCP hosts
2728
- **Zero Dependencies** — Pure Go, no external runtime dependencies (core library)
2829

2930
## Installation
@@ -266,7 +267,7 @@ go install github.com/felixgeelhaar/statekit/cmd/statekit-mcp@latest
266267
| `validate_machine` | Validate a definition using lint rules |
267268
| `export_machine` | Export as JSON, Mermaid, or ASCII |
268269

269-
The `visualize_machine` tool includes an interactive Vue.js + Cytoscape.js visualizer that MCP Apps hosts render inline.
270+
The `visualize_machine` tool includes an interactive Vue.js + Cytoscape.js visualizer that MCP Apps hosts render inline — with dark mode, transition animations, and a full state history log. All JS dependencies are bundled inline for CSP-compatible rendering in any MCP host.
270271

271272
## Additional Packages
272273

docs/dist/_astro/index.BpEFlTsy.css renamed to docs/dist/_astro/index.Dy4qdFJj.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/dist/_astro/index.astro_astro_type_script_index_0_lang.ChEv5gO5.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/dist/_astro/index.astro_astro_type_script_index_0_lang.DhKEUkLO.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/dist/index.html‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
1-
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Statekit Visualizer</title><meta name="description" content="Visualize and simulate Statekit state machines interactively"><link rel="icon" type="image/svg+xml" href="/statekit/favicon.svg"><!-- Fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/statekit/_astro/index.BpEFlTsy.css">
2-
<link rel="stylesheet" href="/statekit/_astro/index.DCNjLqHx.css"></head> <body> <div class="app" data-astro-cid-j7pv25f6> <header class="header"> <div class="logo"> <div class="logo-icon"> <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="2" y="2" width="32" height="32" rx="6" stroke="currentColor" stroke-width="2" fill="none"></rect> <circle cx="12" cy="12" r="4" fill="#00d4ff"></circle> <circle cx="24" cy="12" r="4" fill="#a855f7"></circle> <circle cx="18" cy="24" r="4" fill="#00ff88"></circle> <path d="M15 12 L21 12" stroke="#00d4ff" stroke-width="2"></path> <path d="M12 15 L18 21" stroke="#00d4ff" stroke-width="2"></path> <path d="M24 15 L18 21" stroke="#a855f7" stroke-width="2"></path> </svg> </div> <span class="logo-text">State<span>kit</span></span> </div> <div class="header-actions"> <a href="https://github.com/felixgeelhaar/statekit" class="header-link" target="_blank"> <svg viewBox="0 0 24 24" fill="currentColor"> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path> </svg>
1+
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Statekit Visualizer</title><meta name="description" content="Visualize and simulate Statekit state machines interactively"><link rel="icon" type="image/svg+xml" href="/statekit/favicon.svg"><!-- Fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/statekit/_astro/index.Dy4qdFJj.css">
2+
<link rel="stylesheet" href="/statekit/_astro/index.DCNjLqHx.css"></head> <body> <div class="app" data-astro-cid-j7pv25f6> <header class="header"> <div class="logo"> <div class="logo-icon"> <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="2" y="2" width="32" height="32" rx="6" stroke="currentColor" stroke-width="2" fill="none"></rect> <circle cx="12" cy="12" r="4" fill="#00d4ff"></circle> <circle cx="24" cy="12" r="4" fill="#a855f7"></circle> <circle cx="18" cy="24" r="4" fill="#00ff88"></circle> <path d="M15 12 L21 12" stroke="#00d4ff" stroke-width="2"></path> <path d="M12 15 L18 21" stroke="#00d4ff" stroke-width="2"></path> <path d="M24 15 L18 21" stroke="#a855f7" stroke-width="2"></path> </svg> </div> <span class="logo-text">State<span>kit</span></span> </div> <div class="header-actions"> <a href="https://github.com/felixgeelhaar/statekit/tree/main/mcp" class="header-link" target="_blank" title="MCP Server for AI-assisted state machine development"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M12 2L2 7l10 5 10-5-10-5z"></path> <path d="M2 17l10 5 10-5"></path> <path d="M2 12l10 5 10-5"></path> </svg>
3+
MCP
4+
</a> <a href="https://github.com/felixgeelhaar/statekit" class="header-link" target="_blank"> <svg viewBox="0 0 24 24" fill="currentColor"> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path> </svg>
35
GitHub
46
</a> <button class="btn btn-sm" id="shortcuts-btn"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <rect x="2" y="6" width="20" height="12" rx="2"></rect> <path d="M6 10h.01M10 10h.01M14 10h4"></path> </svg>
57
Shortcuts
6-
</button> </div> </header> <script type="module">document.getElementById("shortcuts-btn")?.addEventListener("click",()=>{document.getElementById("shortcuts-overlay")?.classList.toggle("active")});</script> <div id="visualizer-mount" data-astro-cid-j7pv25f6></div> </div> </body></html> <script type="module" src="/statekit/_astro/index.astro_astro_type_script_index_0_lang.DhKEUkLO.js"></script>
8+
</button> </div> </header> <script type="module">document.getElementById("shortcuts-btn")?.addEventListener("click",()=>{document.getElementById("shortcuts-overlay")?.classList.toggle("active")});</script> <div id="visualizer-mount" data-astro-cid-j7pv25f6></div> </div> </body></html> <script type="module" src="/statekit/_astro/index.astro_astro_type_script_index_0_lang.ChEv5gO5.js"></script>

0 commit comments

Comments
 (0)