PixelSteer

Stop describing
your UI.
Point at it.

Point at an element in your running UI, describe the change, and let your coding agent edit the actual source.

Install once. Invoke anywhere.Read the skill
npx skills add PixelSteer/pixelsteer-skill

Then ask your coding agent:

Use the pixelsteer skill to start the visual feedback session for my frontend. Keep handling browser feedback until I ask you to stop.

Your next edit, without the explanation

From “that bit” to “that's it.”

Stop describing your UI from memory.
Point at it in your running app.
Your agent gets the element and page context.

01 / SELECT

Point at the thing.

Open your app through PixelSteer. Select an element or an area, right where you’re already looking.

02 / DESCRIBE

Say what should change.

Your note travels with the element, its styles, and page context. Add a few changes to a plan, then send it.

03 / REVIEW

See it in your code.

Your agent edits the source. Hot reload updates the page. Review the result and the diff, then keep going.

See what happens behind the scenes

Try it on something you’re building

Pay once. Keep steering.

Two lifetime licenses. No subscription.

Individual

For one person doing commercial work on their own behalf.

$19 USD · lifetime

  • One named individual
  • Independent commercial use
  • Removes license reminders
  • Lifetime license, no subscription
Buy Individual

Secure checkout powered by Paddle.

For companies and teams

Business

For work performed for an organization.

$39 USD / user · lifetime

  • Commercial use within one business
  • One license per user
  • Removes license reminders
  • Lifetime license, no subscription
Buy Business

Choose the number of users at checkout.

Personal and other non-commercial use is free. Commercial use requires the appropriate lifetime license. Buying removes reminders and supports continued development. Read the terms.

Visual workflows

Built for the agent you already use.

See how PixelSteer turns a running frontend into clear, actionable context for your coding agent.

Before you jump in

Good questions.

The details, without the detour.

Read the docs
Does it change my source, or just the browser?

Your coding agent edits the actual files in your project. Your dev server refreshes the page through hot reload. There’s no separate page model to export or sync; you review and commit ordinary code changes.

Which agents and projects can I use?

Install the same skill for Codex, Claude Code, or OpenCode, then invoke it using your agent’s native skill syntax. PixelSteer runs in front of your existing frontend dev server rather than replacing your framework.

What gets installed in my project?

npx skills add PixelSteer/pixelsteer-skill installs the skill. When invoked, it adds PixelSteer’s development dependency, configures it beside your frontend, and ignores the local task folder in Git. Your existing dev command is preserved.

Does my code stay on my machine?

PixelSteer’s proxy, task queue, and browser connection run locally. Your coding agent may send project context to its model provider according to that agent’s settings. Local handoff does not mean the model itself runs locally.

When do I need a paid license?

Personal, educational, and other non-commercial use is free. Commercial work by one person on their own behalf requires the $19 Individual lifetime license. Work performed for a company or organization requires a $39-per-user Business lifetime license. Buying removes reminders and supports continued development. See the EULA for the complete terms.

You know what needs changing.

Show your agent.

One skill. Your project. A better feedback loop.

Get started with PixelSteer