skills.rest
s4wave
s4waveOFFICIAL
Explore all skills by this author →
WebsiteGitHub

spacewave-debug

Inspect and interact with a running Spacewave page from the terminal.

588|9|Updated Jun 13, 2018
Search Tags:#debugging#javascript#cli#evaluation#runtime#dom#spacewave
One-click install
npx skills add https://github.com/s4wave/spacewave --skill spacewave-debug
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: spacewave-debug
Source: https://github.com/s4wave/spacewave/tree/main/.claude/skills/spacewave-debug
Command: npx skills add https://github.com/s4wave/spacewave --skill spacewave-debug

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Spacewave-debug enables developers to inspect and interact with the running Spacewave Alpha page from the terminal, speeding debugging and UI verification.

Core Features & Use Cases

  • Evaluate JavaScript in-page context using eval and eval --file to test expressions.
  • Retrieve page information and visuals (info, linebreaks, measure, grid-check, preview-text).
  • Live watch and real-time iteration while developing or debugging UI components.

Quick Start

Run go run ./cmd/spacewave-debug/ info to fetch details about the currently running Spacewave page.

Frequently Asked Questions about spacewave-debug

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

FAQPage Schema
How do I inspect a running Spacewave page from the terminal?▼

You can debug JavaScript in a Spacewave page by running the spacewave-debug CLI and using the eval command. Use eval --file to test expressions from a file directly within the live in-page context for real-time iteration.

Can I retrieve DOM layout metrics and line breaks for UI debugging?▼

You need a running Spacewave instance and the spacewave-debug CLI to inspect a page. Execute commands via go run ./cmd/spacewave-debug/ to establish a connection and retrieve real-time page state, DOM information, and layout metrics.

What is the best way to watch and interact with a Spacewave page in real-time?▼

The best way to watch and interact with a Spacewave page in real-time is using the watch command via the spacewave-debug CLI. It enables live iteration and immediate UI verification while developing or debugging components.

Does spacewave-debug support checking grid layouts and previewing text?▼

Yes, spacewave-debug supports checking grid layouts and previewing text. By executing the grid-check and preview-text commands, you can retrieve specific page visuals and verify layout structures directly from your terminal.

Related Skills

Explore More Software Engineering Skills→
s205109s205109
2

playwright-cli

Automate browser interactions and inspect web page state via Playwright CLI.

Community
Intermediate
haxlyshaxlys

web-design-reviewer

Analyze website layout, responsiveness, and accessibility to fix visual design issues.

Community
Advanced
v1bh0rv1bh0r

nw-pbt-typescript

Automate property-based testing workflows for TypeScript/JavaScript projects with fast-check.

Community
Advanced
MadAppGangMadAppGang
7

debug-ui

Capture screenshots and inspect DOM state to diagnose UI layout issues.

Official
Intermediate