docs: polish illustrated guide presentation

[KryptosAI]

The illustrated guide now uses a compact documentation header, grouped contents navigation and numbered workflow cards. Framed screenshot previews keep long product screens from overwhelming the walkthrough, with explicit links to every full-size image. Commands, next steps and detailed documentation have clearer visual hierarchy.

The contents list highlights the section being read. Existing search, copy commands, sample disclosures and free/Pro information remain available.

Validation: visually inspected the overview and feedback workflow in the browser; checked search, empty results, navigation recovery and command copying. Lint, typecheck, both guide tests and validation of all 188 generated HTML pages passed.

[github-actions]

🔭 MCP Observatory — Action needed: run did not clear the gate

Safety verdict

Blocked — One or more checks can break agent dependence and should be fixed before production use.
Top risks: startup: server failed to start

📊 Summary

Gate: fail · 0 tools · 0 prompts · 0 resources

Next action

Run the target command manually, compare stderr with the diagnosis below, and only raise timeoutMs if startup is genuinely slow.
Upload one hosted snapshot free: npx -y @kryptosai/mcp-observatory@latest cloud upload

---

_{🔭 MCP Observatory — test your MCP servers for breaking changes · ⭐ Star}