@fro.bot/systematic 1.22.4 → 1.22.5

package/README.md

@@ -29,7 +29,7 @@ Systematic is an [OpenCode](https://opencode.ai/) plugin that transforms your AI
 
 Most AI coding assistants respond to requests without structure or methodology. This leads to inconsistent outputs, missed requirements, and wasted iterations.
 
-**Systematic solves this with structured workflows.** The plugin injects proven engineering processes directly into your AI's system prompt, enabling it to:
+**Systematic solves this with structured workflows.** Installation is the first step to equipping your AI with high-leverage engineering habits. Once installed, the plugin injects proven processes directly into the system prompt, enabling it to:
 
 - **Brainstorm systematically** before jumping to implementation
 - **Plan with rigor** using multi-phase workflows
@@ -54,7 +54,7 @@ Most AI coding assistants respond to requests without structure or methodology.
 
 ### Installation
 
-Add the plugin to your OpenCode configuration (`~/.config/opencode/opencode.json`):
+Install the plugin by adding it to your OpenCode configuration (`~/.config/opencode/opencode.json`):
 
 ```json
 {
@@ -62,7 +62,7 @@ Add the plugin to your OpenCode configuration (`~/.config/opencode/opencode.json
 }
 ```
 
-That's it. Restart OpenCode and the plugin's skills, agents, and commands are available immediately.
+Restart OpenCode to activate the plugin. All bundled skills, agents, and commands will be available immediately.
 
 > [!NOTE]
 > Systematic uses OpenCode's `config` hook to automatically register all bundled content. No manual file copying required.
@@ -101,6 +101,13 @@ In any OpenCode conversation, type:
 
 If the skill loads and displays usage instructions, the plugin is working correctly.
 
+#### Next Steps
+
+Once verified, explore these guides to master the Systematic workflow:
+- **[Philosophy](https://fro.bot/systematic/guides/philosophy/)** — Understand the Compound Engineering mindset and why it works
+- **[Main Loop](https://fro.bot/systematic/guides/main-loop/)** — Learn the Plan → Work → Review → Compound cycle
+- **[Agent Install Guide](https://fro.bot/systematic/guides/agent-install/)** — Step-by-step install guide for AI agents
+
 ## Skills
 
 Skills are structured workflows that guide the AI through systematic engineering processes. They're loaded via the `systematic_skill` tool.
@@ -433,6 +440,9 @@ Migrating skills, agents, or commands from CEP or other Claude Code-format sourc
 ## References
 
 - [Systematic Documentation](https://fro.bot/systematic) — Full documentation site
+- [Philosophy Guide](https://fro.bot/systematic/guides/philosophy/) — Core engineering principles
+- [Main Loop Guide](https://fro.bot/systematic/guides/main-loop/) — The standard development cycle
+- [Agent Install Guide](https://fro.bot/systematic/guides/agent-install/) — Advanced subagent configuration
 - [OpenCode Documentation](https://opencode.ai/docs/) — Official OpenCode platform docs
 - [OpenCode Plugin API](https://opencode.ai/docs/plugins) — Plugin development reference
 - [Compound Engineering Plugin](https://github.com/EveryInc/compound-engineering-plugin) — Original Claude Code workflows

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fro.bot/systematic",
-  "version": "1.22.4",
+  "version": "1.22.5",
   "description": "Structured engineering workflows for OpenCode",
   "type": "module",
   "homepage": "https://fro.bot/systematic",

package/skills/agent-browser/SKILL.md

@@ -202,6 +202,107 @@ Returns:
 }
 ```
 
+## Inspection & Debugging
+
+### JavaScript Evaluation
+
+```bash
+agent-browser eval "document.title"                    # Evaluate JS expression
+agent-browser eval "JSON.stringify(localStorage)"      # Return serialized data
+agent-browser eval "document.querySelectorAll('a').length"  # Count elements
+```
+
+### Console & Errors
+
+```bash
+agent-browser console                 # Show browser console output
+agent-browser console --clear         # Show and clear console
+agent-browser errors                  # Show JavaScript errors only
+agent-browser errors --clear          # Show and clear errors
+```
+
+## Network
+
+```bash
+agent-browser network requests                          # List captured requests
+agent-browser network requests --filter "api"           # Filter by URL pattern
+agent-browser route "**/*.png" abort                    # Block matching requests
+agent-browser route "https://api.example.com/*" fulfill --status 200 --body '{"mock":true}'  # Mock response
+agent-browser unroute "**/*.png"                        # Remove route handler
+```
+
+## Storage
+
+### Cookies
+
+```bash
+agent-browser cookies get                               # Get all cookies
+agent-browser cookies get --name "session"              # Get specific cookie
+agent-browser cookies set --name "token" --value "abc"  # Set cookie
+agent-browser cookies clear                             # Clear all cookies
+```
+
+### Local & Session Storage
+
+```bash
+agent-browser storage local                             # Get all localStorage
+agent-browser storage local --key "theme"               # Get specific key
+agent-browser storage session                           # Get all sessionStorage
+agent-browser storage session --key "cart"              # Get specific key
+```
+
+## Device & Settings
+
+```bash
+agent-browser set viewport 1920 1080                    # Set viewport size
+agent-browser set device "iPhone 14"                    # Emulate device
+agent-browser set geo --lat 47.6 --lon -122.3           # Set geolocation
+agent-browser set offline true                          # Enable offline mode
+agent-browser set offline false                         # Disable offline mode
+agent-browser set media "prefers-color-scheme" "dark"   # Set media feature
+agent-browser set headers '{"X-Custom":"value"}'        # Set extra HTTP headers
+agent-browser set credentials "user" "pass"             # Set HTTP auth credentials
+```
+
+## Element Debugging
+
+```bash
+agent-browser highlight @e1                             # Highlight element visually
+agent-browser get box @e1                               # Get bounding box (x, y, width, height)
+agent-browser get styles @e1                            # Get computed styles
+agent-browser is visible @e1                            # Check if element is visible
+agent-browser is enabled @e1                            # Check if element is enabled
+agent-browser is checked @e1                            # Check if checkbox/radio is checked
+```
+
+## Recording & Tracing
+
+```bash
+agent-browser trace start                               # Start recording trace
+agent-browser trace stop trace.zip                      # Stop and save trace file
+agent-browser record start                              # Start recording video
+agent-browser record stop video.webm                    # Stop and save recording
+```
+
+## Tabs & Windows
+
+```bash
+agent-browser tab list                                  # List open tabs
+agent-browser tab new https://example.com               # Open URL in new tab
+agent-browser tab close                                 # Close current tab
+agent-browser tab 2                                     # Switch to tab by index
+```
+
+## Advanced Mouse
+
+```bash
+agent-browser mouse move 100 200                        # Move mouse to coordinates
+agent-browser mouse down                                # Press mouse button
+agent-browser mouse up                                  # Release mouse button
+agent-browser mouse wheel 0 500                         # Scroll (deltaX, deltaY)
+agent-browser drag @e1 @e2                              # Drag from element to element
+```
+
 ## vs Playwright MCP
 
 | Feature | agent-browser (CLI) | Playwright MCP |
@@ -221,4 +322,3 @@ Use Playwright MCP when:
 - You need deep MCP tool integration
 - You want tool-based responses
 - You're building complex automation
-