Spek

About

Spek is a lightweight Chrome extension for designers reviewing front-end implementation.

Instead of opening DevTools, taking screenshots, and writing vague comments like “this spacing feels off”, Spek helps you select any element on the page, inspect key visual details, add the expected values, and copy a clear adjustment note for your developer or AI coding tool.

Use Spek to turn visual feedback into something easier to understand, easier to implement, and easier to ship.

What you can do with Spek:

Select any element on a webpage
Inspect dimensions, spacing, radius, colors, and typography
Add the expected design value for what needs to change
Generate structured feedback with current and expected values
Share clearer adjustment notes with developers, QA, or AI coding agents
Review UI details without switching into a full DevTools workflow
Spek is built for product designers, UI designers, front-end developers, and QA teams who care about the small visual details that make an interface feel finished.

It is especially useful when reviewing:

Front-end builds against a design file
Vibe-coded interfaces
UI details before handoff
Spacing, sizing, color, radius, and typography inconsistencies
Small visual issues that are annoying to explain manually
Spek does not try to replace bug trackers or DevTools. It adds a focused review layer for design QA: quick enough for everyday checks, structured enough to make feedback actionable.

Point at what feels off. Add what should change. Copy a note that makes sense.