Live Site Polish

Overview

Redesign the live page in the browser first, not in source code. Use this skill to turn a user request into a polished browser-side implementation, then hand off a clear output directory that another coding agent can use to reproduce the change in real code.

This skill assumes playwright-cli is available. Treat it as the default browser control surface for opening a page, inspecting state, taking screenshots, and applying temporary DOM/CSS changes.

When this skill is active, all browser interaction for the task must go through playwright-cli. Do not switch to any other browser automation tool, browser MCP, visual browser helper, or ad-hoc browser control path.

If this skill is active for a task, do not stack any other design-related or browser-use-related skill on top of it. Use one controlling skill to avoid conflicting prompts, duplicate review loops, or mismatched output expectations.

If this skill is active for a task, explicitly do not invoke superpowers:brainstorming.

If playwright-cli actions start timing out, try increasing the timeout temporarily with:

export PLAYWRIGHT_MCP_TIMEOUT_ACTION=30000