Spikes

Name: Spikes
Author: bierlingm

โดย bierlingmรุ่น 0.4.1i★ –iรันบนเครื่อง

ชื่อใน registryio.github.bierlingm/spikes

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

UI feedback for AI-assisted building. Click elements, rate them, agents triage via MCP.

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

เสียงผู้ใช้iยังไม่มีรีวิวรีวิวเปิดพร้อมระบบบัญชีในขั้นถัดไป
ผลตรวจเบื้องต้นของเราiผ่าน 1 จาก 1 ข้อตรวจจากข้อมูลที่เปิดอยู่ ยังไม่ได้สแกนโค้ด
การใช้งานiยังไม่ได้วัด★ –

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

การเชื่อมต่อ: รันบนเครื่อง
ช่องทาง (transport): stdio
หมวด: อื่น ๆ
ต้องใส่ค่าเหล่านี้: SPIKES_TOKEN

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ก่อนติดตั้ง

ผลตรวจเบื้องต้น: ผ่าน 1 จาก 1 ข้อ
รันในเครื่องคุณด้วยสิทธิ์ของผู้ใช้คุณ (ไฟล์ อินเทอร์เน็ต แอปต่าง ๆ)
ค่าที่คุณต้องใส่เอง: SPIKES_TOKEN, SPIKES_API_URL

ค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต

ต้องเตรียมก่อน

npmติดตั้ง Node.js (มีคำสั่ง npx) ในเครื่อง

คุณใช้แอปไหน

ClaudeClaude CodeCursorVS CodeChatGPT

เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”

เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json

{
  "mcpServers": {
    "spikes": {
      "command": "npx",
      "args": [
        "-y",
        "spikes-mcp"
      ],
      "env": {
        "SPIKES_TOKEN": "ใส่ค่าของคุณ",
        "SPIKES_API_URL": "ใส่ค่าของคุณ"
      }
    }
  }
}

พิมพ์คำสั่งนี้ใน Terminal

claude mcp add spikes --env SPIKES_TOKEN='ใส่ค่าของคุณ' --env SPIKES_API_URL='ใส่ค่าของคุณ' -- npx -y spikes-mcp

เติมค่าที่เว้นว่างไว้ก่อนรัน

เปิดใน Cursor

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json

{
  "mcpServers": {
    "spikes": {
      "command": "npx",
      "args": [
        "-y",
        "spikes-mcp"
      ],
      "env": {
        "SPIKES_TOKEN": "ใส่ค่าของคุณ",
        "SPIKES_API_URL": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

เปิดใน VS Code

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .vscode/mcp.json ของโปรเจกต์

{
  "servers": {
    "spikes": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "spikes-mcp"
      ],
      "env": {
        "SPIKES_TOKEN": "ใส่ค่าของคุณ",
        "SPIKES_API_URL": "ใส่ค่าของคุณ"
      }
    }
  }
}

ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าที่ต้องใส่เอง

SPIKES_TOKEN ความลับ env
Bearer token for the hosted Spikes API. Required only when using --remote mode against spikes.sh. Local mode reads .spikes/feedback.jsonl and needs no token.
SPIKES_API_URL env
Override the Spikes API base URL. Defaults to https://spikes.sh/api. Useful for self-hosted Spikes workers.

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569

✓ ผ่าน
ตัวตนผู้ทำตรงกับ repo
ชื่อใน registry ยืนยันด้วยบัญชี GitHub bierlingm ซึ่งเป็นเจ้าของ repo
… ยังไม่ตรวจ
ยังมีคนดูแล
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
… ยังไม่ตรวจ
มีสัญญาอนุญาต (license)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
– ไม่เกี่ยว
endpoint ตอบ
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
– ไม่เกี่ยว
ล็อกอินแบบ OAuth
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
… ยังไม่ตรวจ
คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต

เทียบกับตัวอื่นในหมวด อื่น ๆi

ดาวมากกว่า 0% ของอีก 32558 ตัวในหมวดนี้
ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 8% ของอีก 32558 ตัวในหมวดนี้
ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 32558 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

Spikes ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

ต้องใส่ค่าเหล่านี้: SPIKES_TOKEN

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.4.1) เข้า registry 6 เดือนที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, FactLot

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Spec Driven Development

โดย formulahendry

MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.

รันบนเครื่อง★ 440MITอัปเดต 14 เดือนที่ผ่านมา

ติดตั้ง

Remote Desktop Commander

โดย desktop-commander

Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.

รันบนคลาวด์★ 211อัปเดต เมื่อวาน

ติดตั้ง

FactLot

โดย 9mp96ygnbk-alt

Cited CRE facts and deterministic calculators for agents: rent, CAM, debt sizing, IRR, parcel IDs.

บนเครื่องหรือคลาวด์อัปเดต วันนี้

ติดตั้ง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

/ Spikes

The feedback loop for AI-assisted building

AI can build a prototype in an hour.

Turning feedback into action is still the slow part.

Quick Start · CLI Reference · Widget Docs · Hosted Dashboard · Self-Hosting

What Is This?

Spikes is a feedback tool for AI-assisted development. It lets reviewers leave targeted feedback directly on web pages — no screenshots, no "that button over there", no lost context.

Click any element. Rate it. Comment. Spikes captures the exact CSS selector, bounding box, and page context. Your AI agent gets structured JSON it can act on immediately.

No accounts required. No build step. Works on `file://`, localhost, anywhere.

Quick Start

1. Install the CLI

curl -fsSL https://spikes.sh/install.sh | sh

Or: cargo install spikes

2. Initialize your project

spikes init                     # Defaults to hosted spikes.sh

spikes init --self-host # Opt out — scaffold a self-hosted config instead

spikes init creates .spikes/config.toml with a [remote] section pointing at https://spikes.sh by default. Pass --self-host (or answer s at the prompt) to skip the hosted defaults.

3. Add the widget to your HTML

spikes inject ./mockups/        # Injects widget script tag (uses configured endpoint)

spikes serve # http://localhost:3847

4. Collect and use feedback

spikes list                     # See all feedback

spikes list --json # Feed to your agent spikes list --rating no # Find problems spikes hotspots # Elements with most feedback spikes resolve # Mark items done

CLI Commands

Command	Description
`spikes init`	Create `.spikes/` directory with config (hosted by default; `--self-host` to opt out)
`spikes list`	List feedback (`--json`, `--page`, `--reviewer`, `--rating`, `--unresolved`)
`spikes show`	Show single spike details
`spikes export`	Export to JSON/CSV/JSONL/Cursor/Claude context
`spikes hotspots`	Elements with most feedback
`spikes reviewers`	List all reviewers
`spikes inject`	Add/remove widget from HTML files (`--endpoint` overrides the configured endpoint)
`spikes serve`	Local dev server (`--port`, `--marked`, `--cors-allow-origin`)
`spikes mcp serve`	Start MCP server for AI agent integration
`spikes pull/push/sync`	Sync with remote endpoint
`spikes share`	Upload to spikes.sh for instant sharing
`spikes login/logout/whoami`	Authentication management
`spikes upgrade/billing`	Pro tier subscription via Stripe
`spikes deploy cloudflare`	Scaffold self-hosted Worker + D1

All commands support --json for scripting. See full CLI reference.

Viewing spikes for a hosted project:

The hosted dashboard at [https://spikes.sh/dashboard](https://spikes.sh/dashboard) lists every project you own and lets you drill into individual spikes (filter by page, rating, resolved, toggle resolved inline). Sign in directly in your browser: click Sign in, open the verification page, and confirm via the magic link sent to your email — no CLI required.

You can also hit the JSON API directly with your bearer token ($SPIKES_TOKEN from spikes login):

# GET /me/projects

List all projects you own (with spike_count + last_activity)

curl -H "Authorization: Bearer $SPIKES_TOKEN" \ https://spikes.sh/me/projects

GET /me/projects/:key/spikes

List spikes for one of your projects (paginated, filterable: page, per_page,

filter_page, filter_rating, filter_resolved)

curl -H "Authorization: Bearer $SPIKES_TOKEN" \ "https://spikes.sh/me/projects/my-project/spikes?page=1&per_page=50"

PATCH /me/projects/:key/spikes/:id

Toggle the `resolved` flag on one spike

curl -X PATCH -H "Authorization: Bearer $SPIKES_TOKEN" \ -H "Content-Type: application/json" \ -d '{"resolved": true}' \ https://spikes.sh/me/projects/my-project/spikes/

POST /projects

Create a new project (user bearer only)

curl -X POST -H "Authorization: Bearer $SPIKES_TOKEN" \ -H "Content-Type: application/json" \ -d '{"key": "my-project", "allowed_origins": ["https://example.com"]}' \ https://spikes.sh/projects

Single-line variant (copy-paste friendly)

curl -H "Authorization: Bearer $SPIKES_TOKEN" https://spikes.sh/me/projects

All /me/* endpoints are user-scoped: you only ever see projects and spikes you own. Cross-tenant requests return 404 PROJECT_NOT_FOUND (enumeration-proof).

Security note: API keys (sk_spikes_*) and the admin SPIKES_TOKEN are not accepted on /me/* endpoints or POST /projects — those require a user bearer token from spikes login. The POST /spikes collect endpoint enforces a per-project origin allowlist and per-project rate limits; rejected widget requests surface as a small red #spikes-error-dot indicator on the widget button (404 / 403 / 429).

AI Agent Integration

Spikes speaks agent natively. Your AI coding assistant can read, write, and manage feedback without ever leaving its workflow.

npx spikes-mcp            # Zero-install MCP server — just works

or: spikes mcp serve # If you have the CLI installed

MCP Server — 16 Tools

spikes mcp serve starts a Model Context Protocol server that exposes 16 tools:

Tool	Purpose
`get_spikes`	List feedback with filters (page, rating, unresolved, url_prefix, since)
`get_element_feedback`	Get feedback for a specific CSS selector
`get_hotspots`	Find elements with the most feedback
`submit_spike`	Create feedback programmatically
`resolve_spike`	Mark feedback as addressed
`delete_spike`	Remove a spike
`create_share`	Upload files, get a shareable URL
`list_shares`	See your active shares
`get_usage`	Check usage stats, limits, and spend
`reply_to_spike`	Answer a reviewer on the page, optionally with a status and version (hosted)
`set_spike_status`	Mark a spike open, addressed, or won't do (hosted)
`list_versions` / `add_version`	Declare review versions and see counts per version (hosted)
`list_questions` / `ask_question` / `get_question_answers`	Ask reviewers questions and read answers (hosted)

Supports stdio and HTTP transports, local and remote data modes:

spikes mcp serve                              # stdio, local JSONL

spikes mcp serve --remote # stdio, hosted API spikes mcp serve --transport http --port 3848 # HTTP for sandboxed agents

API Keys

Agents get their own identity. No email, no magic link, no human step:

spikes auth create-key --name "my-agent"   # → sk_spikes_...

spikes auth list-keys # See all keys spikes auth revoke-key # Revoke

Keys support read/write/full scopes and optional budget caps.

Agent-Tier Billing

Consumption-based pricing for agent-scale usage. Pay per spike, not per seat:

spikes usage    # See current spend and limits

Budget enforcement returns 429 BUDGET_EXCEEDED when caps are hit — agents can check before they burn.

Context Exports

Export structured markdown optimized for agent consumption:

spikes export --format cursor-context > cursor-feedback.md

spikes export --format claude-context > claude-feedback.md

Discovery

[llms.txt](https://spikes.sh/llms.txt) — All 9 MCP tools, parameters, agent quickstart
[agents.md](https://spikes.sh/agents.md) — Machine-readable landing page for agents
[Smithery](https://smithery.ai) — Listed in the MCP server registry
spikes mcp install — Generates config for Claude Desktop / Cursor

Full details: llms.txt · agents.md

GitHub Action

Gate CI on feedback quality. The spikes-action fails builds when unresolved negative feedback exceeds your threshold.

name: CI

on: [push, pull_request]

jobs: feedback-gate: runs-on: ubuntu-latest steps:

uses: actions/checkout@v4
uses: bierlingm/spikes/action@v0.3.1 with: threshold: 0 # Fail if any blocking spikes ignore-paths: "" # Optional: pages to ignore require-resolution: false

See action/README.md for full documentation.

Widget Attributes

Simple setup — just add your project key and you're ready to collect feedback:

<script src="https://spikes.sh/spikes.js" data-project="my-app"></script>

When you set data-project, feedback syncs automatically to https://spikes.sh/spikes. No need to configure an endpoint unless you're self-hosting.

Full configuration — all available attributes:

<script src="https://spikes.sh/spikes.js"

data-project="my-app" data-position="bottom-right" data-color="#e74c3c" data-theme="dark" data-reviewer="Pat" data-collect-email="true" data-admin="true">

Self-hosting — point to your own backend:

<script src="/spikes.js"

data-project="my-app" data-endpoint="https://my-worker.workers.dev/spikes">

Attribute	Description	Default
`data-project`	Group feedback by project key	`location.hostname`
`data-position`	Button corner: `bottom-right`, `bottom-left`, `top-right`, `top-left`	`bottom-right`
`data-color`	Accent color (any CSS color)	`#e74c3c`
`data-theme`	Modal theme: `dark` or `light`	`dark`
`data-reviewer`	Pre-set reviewer name	(prompts user)
`data-endpoint`	Backend URL for multi-reviewer sync. Optional — defaults to `https://spikes.sh/spikes` when `data-project` is set.	`https://spikes.sh/spikes` (with `data-project`), `/spikes` (local dev)
`data-collect-email`	Show email field in prompt	`false`
`data-admin`	Enable review mode features	`false`
`data-offset-x/y`	Button offset from edge	—

See Widget Attributes Reference for complete documentation.

Architecture

Spikes has three components that work together or standalone:

┌─────────────┐     ┌─────────────┐     ┌─────────────┐

│ CLI │────▶│ Widget │◄────│ Worker │ │ (Rust) │ │ (Vanilla │ │ (Cloudflare │ │ │ │ JS) │ │ + D1) │ └─────────────┘ └─────────────┘ └─────────────┘ │ │ │ spikes.sh (hosted) │ └────────────────────────────────────────────┘

CLI — Rust binary for local development, spike management, and deployment. Stores spikes in ~/.local/share/spikes/.

Widget — 14KB gzipped vanilla JS. Captures element selectors, bounding boxes, ratings, and comments. Works offline via localStorage.

Worker — Optional Cloudflare Worker + D1 backend for multi-reviewer sync, sharing, and hosted deployments. Lives in spikes-hosted/.

Development

CLI

cd cli

cargo build --release cargo test # 160+ tests cargo run -- --help

Widget

cd widget

Edit src/spikes.js

Test by running: spikes serve from the project root

Widget Regression Tests

CI suite that catches the silent-data-loss bug class (e.g., widget loaded on a non-allowe

ตัดมาแค่ช่วงต้น อ่านต่อใน repo

Spikes

ภาพรวม

สามเสาของ PopNx MCP

ใช้ทำอะไรได้

ติดตั้ง

ก่อนติดตั้ง

ค่าที่ต้องใส่เอง

ทำอะไรได้บ้าง

ผลตรวจเบื้องต้นi

ตัวตนผู้ทำตรงกับ repo

ยังมีคนดูแล

มีสัญญาอนุญาต (license)

endpoint ตอบ

ล็อกอินแบบ OAuth

คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

เทียบกับตัวอื่นในหมวด อื่น ๆi

คำถามที่พบบ่อย

ตัวที่ใช้แทนได้

Spec Driven Development

Remote Desktop Commander

FactLot

README จากผู้ทำ

/ Spikes

What Is This?

Quick Start

1. Install the CLI

Or: cargo install spikes

2. Initialize your project

spikes init --self-host # Opt out — scaffold a self-hosted config instead

3. Add the widget to your HTML

4. Collect and use feedback

CLI Commands

List all projects you own (with spike_count + last_activity)

GET /me/projects/:key/spikes

List spikes for one of your projects (paginated, filterable: page, per_page,

filter_page, filter_rating, filter_resolved)

PATCH /me/projects/:key/spikes/:id

Toggle the resolved flag on one spike

POST /projects

Create a new project (user bearer only)

Single-line variant (copy-paste friendly)

AI Agent Integration

or: spikes mcp serve # If you have the CLI installed

MCP Server — 16 Tools

API Keys

Agent-Tier Billing

Context Exports

Discovery

GitHub Action

Widget Attributes

Architecture

Development

CLI

Widget

Edit src/spikes.js

Test by running: spikes serve from the project root

Widget Regression Tests

Toggle the `resolved` flag on one spike