Skip to main content

Browser capture

Bring the page you can see into PikSpec.

The extension inspects signed-in and personalized pages locally, then sends only the evidence you approve to your workspace.

Add PikSpec to Chrome
new tab
Extension not detectedInstall it once, then capture any normal browser tab.
Checking this browserInstall it once, then reload this page

Before your first capture

  • Use a normal website tabChrome internal pages and the Web Store cannot be inspected.
  • Open the exact state you needSign in, dismiss overlays, and navigate to the page before capture.
  • Review before sendingThe local preview labels observations, inferences, and excluded data.
Open account settings →

Complete workflow

From active tab to Design Pack

Each step names the boundary and the next action.

  1. 01

    Open the page you need

    Sign in there first if the design is personalized. PikSpec reads only the active tab after you click it.

    Browser tab
  2. 02

    Inspect locally

    Review styles, assets, component boundaries, and visible states before anything leaves your browser.

    On device
  3. 03

    Approve the handoff

    Choose Build a Design Pack. Credentials, form values, cookies, and unrelated tabs are excluded.

    Your approval
  4. 04

    Continue in PikSpec

    The extension opens a durable workspace with specs, prompts, code, evidence, fidelity, and exports.

    Workspace

Manual installation

Use the verified extension build

During development, load the unpacked build from apps/extension/dist-user. Production users should install the signed Chrome Web Store release.

  1. Open chrome://extensions.
  2. Enable Developer mode.
  3. Choose Load unpacked and select dist-user.
  4. Pin PikSpec, then return here and check installation.