# Specpin

> Pin living business specs onto the elements of your running web UI. Git-native, local-first, framework-agnostic.

Canonical page: [https://chrome-stats.com/d/specpin](https://chrome-stats.com/d/specpin)

## Overview

- **ID:** `specpin`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Lam Ngoc Khuong
- **Category:** web-development
- **Version:** 0.0.17
- **Last updated:** 2026-07-27
- **First published:** 2026-06-29
- **Size:** 407 KB
- **Data as of:** 2026-09-12
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/specpin/)
- **Website:** [https://github.com/lamngockhuong/specpin/issues](https://github.com/lamngockhuong/specpin/issues)
- **Privacy policy:** [https://addons.mozilla.org/firefox/addon/specpin/privacy/](https://addons.mozilla.org/firefox/addon/specpin/privacy/)

## Description

Specpin attaches business specifications (rules, descriptions, acceptance criteria) directly onto the elements of a running web UI, then renders them in-browser as you hover or browse.

It is NOT a spec-driven code generator: it generates no application code. It is a knowledge layer that pins living, Git-versioned documentation onto the interface you already have. Specs live as JSON in your repo's <code>.specs/</code> directory and are served to the add-on by a small local Go sidecar over token-authenticated localhost. Nothing leaves your machine.

Features:

• Pin specs onto live elements: resilient multi-signal fingerprint matching (test-id, aria, selector, xpath, text, position) so specs survive refactors, scoped to their page by a URL glob.

• Match confidence and page health: see how each spec matched (exact anchor vs. selector), review fragile matches, and drop in a data-spec-id attribute for exact matching.

• Three display modes: tooltip, sidebar, and a draggable modal renderer. Switch with one click or Alt+Shift+M.

• Manual capture: click an element and author a spec in place, no leaving the page. Toggle capture with Alt+Shift+C.

• Writable local projects: edit, capture, create, delete, and group-zip export specs, even without a running sidecar.

• Multi-project connections: one add-on serves many projects at once, routed to each page by origin, with per-project enable/disable and source badges (sidecar vs local).

• Guide mode: spec-driven onboarding tours in two scopes (team, committed to your repo; personal, per-origin), with a spotlight overlay and an anchored popover.

• Graph views: visualize your app as screen-transition and status-flow diagrams — navigations are auto-captured as you browse (per-project, opt-in), edited in an in-browser graph editor, and committed to your repo.

• Spec-first authoring: draft a spec from a screenshot or design before the UI exists (pending specs), then bind it to a real element once the frontend ships. Author right inside the add-on's spec sheet page, fully offline.

• Sidebar surface: open Specpin in Firefox's sidebar with inline spec detail and live auto-refresh.

• Spec search: live client-side filter by title, file, tags, and description.

• Multi-language spec content: locale-keyed strings with an in-browser language toggle and a tabbed per-locale editor.

• Markdown-formatted specs: descriptions and business rules carry a safe Markdown subset (bold, italic, inline code, links, lists), authored via a toolbar and rendered across every surface.

• User-selectable theme: System / Light / Dark, with dual-theme design tokens.

• Trilingual interface (EN + VI + JA), independent from the spec content language.

Secure by default: the sidecar binds 127.0.0.1 by default (remote use is opt-in over your own HTTPS reverse proxy), uses bearer-token auth, accepts only extension-origin CORS, and guards writes against path traversal. Open-source. No data collection, no tracking, no remote code.

## Rankings

- #132,111 — Overall
- #90 — popover

## Permissions and access

### Permissions

- `storage`
- `activeTab`
- `tabs`
- `alarms`
- `contextMenus`
- `http://127.0.0.1/*`
- `http://localhost/*`

### Content script matches

- `*`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Specter — design inspector](https://chrome-stats.com/d/specter-design-inspector)
- [Specsources - SpecGrab](https://chrome-stats.com/d/specsources-specgrab) — 4 users
- [Pin It](https://chrome-stats.com/d/pin-it) — 3 users
- [PinPoint Pro](https://chrome-stats.com/d/pinpoint-pro)
- [Specter-dev](https://chrome-stats.com/d/specter-inspector) — 1 users
- [Yet Another Pinboard Extension](https://chrome-stats.com/d/yet-another-pinboard-extension) — 29 users, 4.89 / 5
- [DevScope - Developer Diagnostics](https://chrome-stats.com/d/devscope) — 1 users
- [Pinboard Pin](https://chrome-stats.com/d/pinboard-pin) — 151 users, 4.71 / 5
- [UpdatePin Board](https://chrome-stats.com/d/updatepin-board) — 1 users
- [Spotter](https://chrome-stats.com/d/spottter)
- [pinmenote](https://chrome-stats.com/d/pinmenote)
- [Sticky Notes](https://chrome-stats.com/d/app-sticky-notes) — 7 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/specpin)