skills.rest
AndersCan
AndersCanCOMMUNITY
Explore all skills by this author →
GitHub

agent-browser-viz

Verify and debug actor behavior in mantaq state machines through a visual interface.

2|Updated Jun 6, 2026
Search Tags:#state machine#state transition#visual debugging#mantaq#actor behavior
One-click install
npx skills add https://github.com/AndersCan/mantaq --skill agent-browser-viz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agent-browser-viz
Source: https://github.com/AndersCan/mantaq/tree/main/.opencode/skills/agent-browser-viz
Command: npx skills add https://github.com/AndersCan/mantaq --skill agent-browser-viz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a visual interface to validate and debug actor behaviors in mantaq state machines, aiding in the verification of state transitions and visual rendering.

Core Features & Use Cases

  • Visual State Verification: Validate that the visual representation of the state machine matches the actor's state.
  • Debugging Viz Rendering: Identify and fix rendering issues in the state machine visualization.
  • Interactive Testing: Test interactive flows on the viz playground to ensure the actor's behavior aligns with expected outcomes.
  • Use Case: If you're developing a state machine for an application and need to ensure that the visual state accurately reflects the actor's behavior, this Skill can be invaluable.

Quick Start

Run the agent-browser-viz skill in your dev environment to open the viz page and start testing the actor behavior.

Frequently Asked Questions about agent-browser-viz

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I visually debug actor behavior in mantaq state machines?▼

To visually debug actor behavior in mantaq state machines, run this Skill in your dev environment to open a visual interface that validates state transitions and renders the actor's current state.

What is the best way to verify state transitions during state machine development?▼

Verifying state transitions during state machine development is done by using a visual playground to interactively test flows and ensure the visual representation accurately matches the expected actor behavior.

Do I need a running dev server and agent-browser to test state machine visualizations?▼

Yes, you need a running dev server and agent-browser to use this visual interface, as testing and visualizing mantaq state machine actor behavior requires these dependencies to function properly.

Why does my state machine visualization not match the actor's actual state?▼

If your state machine visualization does not match the actor's state, use this Skill's interactive testing playground to identify and fix rendering issues within your mantaq state machine setup.

Can I test interactive flows on a viz playground to validate actor behavior?▼

Yes, you can test interactive flows on the viz playground to validate actor behavior, ensuring that the visual state accurately aligns with the expected outcomes in your mantaq state machines.

Related Skills

Explore More Software Engineering Skills→
vercelvercel
246

agent-browser-verify

Automate visual verification of dev servers by checking page load, console errors, and UI elements.

Official
Intermediate
petekppetekp
42

transparent-ui

Generate interactive debugging interfaces visualizing internal state and data flow.

Community
Advanced
Canhada-LabsCanhada-Labs
2

state-machines-and-invariants

Define and enforce state machines and invariants for system correctness.

Official
Advanced
Kabilan108Kabilan108
2

playground

Create interactive single-file HTML playgrounds with inline CSS and JavaScript.

Community
Basic