The Agent Skills Directory

Local Visualization Server: The skill includes a self-contained Node.js server (scripts/server.cjs) that facilitates visual brainstorming by hosting UI mockups locally. It binds to the loopback interface (127.0.0.1) by default, ensuring that the content is only accessible to the local user.
Interactive Browser Integration: A client-side helper script (scripts/helper.js) establishes a WebSocket connection between the browser and the agent. This allows the agent to receive structured user interaction data, such as button clicks and design selections, which are stored securely on the local filesystem for processing.
Automated Process Lifecycle: The skill uses shell scripts (scripts/start-server.sh and scripts/stop-server.sh) to manage the visualization server. These scripts handle port selection, session directory management, and include health checks to ensure the server shuts down when the parent agent process exits or after a period of inactivity.
Secure Content Serving: The server implementation includes path sanitization measures, using path.basename to prevent path traversal and ensuring that only files within the designated session directory can be accessed through its web interface.
Structured Design Review: The workflow enforces a gate-keeping mechanism where implementation code cannot be written until a design specification is presented, reviewed, and approved by the user, incorporating a sub-agent for automated spec validation.

brainstorming