For you and your agent

A small skill.
A much better feedback loop.

Give your agent the PixelSteer skill. It sets up your project, picks up your visual feedback, and turns it into source changes.

npx skills add PixelSteer/pixelsteer-skill

One install command for every supported coding agent.

For developers

Install once, then invoke it.

  1. From your frontend project, run npx skills add PixelSteer/pixelsteer-skill.
  2. Ask your coding agent using the prompt below.
  3. The skill configures PixelSteer beside your dev server and gives you the local URL.
  4. Open it and start leaving visual feedback while the agent session remains active.

Keep the agent session open while you work. See how the loop works.

Invoke PixelSteer

Ask your coding agent.

◎   Codex

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

Send this prompt from your frontend project session.

✳   Claude Code

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

Send this prompt from your frontend project session.

▣   OpenCode

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

Send this prompt from your frontend project session.

Plain text, ready to read

Everything an agent needs.

These resources are available directly, with no JavaScript required.