spikes-mcp
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@spikes-mcplist unresolved feedback for the homepage mockup"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
/ 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.
Related MCP server: Aceto
Quick Start
1. Install the CLI
curl -fsSL https://spikes.sh/install.sh | sh
# Or: cargo install spikes2. Initialize your project
spikes init # Defaults to hosted spikes.sh
# spikes init --self-host # Opt out — scaffold a self-hosted config insteadspikes 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:38474. 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 <id> # Mark items doneCLI Commands
Command | Description |
| Create |
| List feedback ( |
| Show single spike details |
| Export to JSON/CSV/JSONL/Cursor/Claude context |
| Elements with most feedback |
| List all reviewers |
| Add/remove widget from HTML files ( |
| Local dev server ( |
| Start MCP server for AI agent integration |
| Sync with remote endpoint |
| Upload to spikes.sh for instant sharing |
| Authentication management |
| Pro tier subscription via Stripe |
| 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 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/<spike_id>
# 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/projectsAll /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 adminSPIKES_TOKENare not accepted on/me/*endpoints orPOST /projects— those require a user bearer token fromspikes login. ThePOST /spikescollect endpoint enforces a per-project origin allowlist and per-project rate limits; rejected widget requests surface as a small red#spikes-error-dotindicator 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 installedMCP Server — 9 Tools
spikes mcp serve starts a Model Context Protocol server that exposes 9 tools:
Tool | Purpose |
| List feedback with filters (page, rating, unresolved) |
| Get feedback for a specific CSS selector |
| Find elements with the most feedback |
| Create feedback programmatically |
| Mark feedback as addressed |
| Remove a spike |
| Upload files, get a shareable URL |
| See your active shares |
| Check usage stats, limits, and spend |
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 agentsAPI 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 <key_id> # RevokeKeys 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 limitsBudget 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.mdDiscovery
llms.txt — All 9 MCP tools, parameters, agent quickstart
agents.md — Machine-readable landing page for agents
Smithery — 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: falseSee 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">
</script>Self-hosting — point to your own backend:
<script src="/spikes.js"
data-project="my-app"
data-endpoint="https://my-worker.workers.dev/spikes">
</script>Attribute | Description | Default |
| Group feedback by project key |
|
| Button corner: |
|
| Accent color (any CSS color) |
|
| Modal theme: |
|
| Pre-set reviewer name | (prompts user) |
| Backend URL for multi-reviewer sync. Optional — defaults to |
|
| Show email field in prompt |
|
| Enable review mode features |
|
| 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 -- --helpWidget
cd widget
# Edit src/spikes.js
# Test by running: spikes serve from the project rootWidget Regression Tests
CI suite that catches the silent-data-loss bug class (e.g., widget loaded on a non-allowed origin failing to sync without surfacing the error):
cd tests/widget
npm install
npx playwright install chromium # one-time
npm test # 23 tests: marker checks + happy/reverse/boundary specs (<60s)Also wired into local agent-ci:
npx agent-ci run --workflow workflows-local/widget.ymlWorker
The Worker backend lives in the private spikes-hosted repo. To test it:
cd ../spikes-hosted/worker
npm test # Worker test suite (vitest)
npx wrangler devSelf-Hosting
Want your own backend? One command:
spikes deploy cloudflare # Creates spikes-worker/ directory
cd spikes-worker && npx wrangler deploySee Self-Hosting Guide for full setup with D1 database, authentication, and Stripe billing integration.
Share vs. Deploy Cloudflare: Which to Choose?
Use spikes share when you want instant sharing without any setup — files are uploaded to spikes.sh and served from our infrastructure. Great for quick reviews, client feedback, or when you don't want to manage a backend.
Use spikes deploy cloudflare when you need data isolation (feedback stays in your Cloudflare account), a custom domain, or want full control over the infrastructure. Self-hosting requires a Cloudflare account and a one-time deployment setup.
What's Changed (Recent Overhaul)
Security: PBKDF2 password hashing, path traversal fixes, XSS protection
Auth: Magic link authentication (no passwords to forget)
Billing: Stripe integration with Pro tier support
Testing: CLI test suite (Rust) + Worker test suite (in ../spikes-hosted/worker)
Architecture: Modular worker with clean separation of concerns
CI/CD: Automated testing and deployment pipelines
Detailed Documentation
CLI Reference — Complete command documentation
Widget Attributes — All configuration options
Self-Hosting Guide — Deploy your own backend
API Reference — REST API documentation
Rollback Guide — Emergency procedures
Why Spikes
Zero friction | One script tag, no signup required, no build step |
Works anywhere |
|
Precise | Element-level feedback with exact CSS selectors |
Agent-native | JSON everywhere, pipes, queryable CLI |
Your infrastructure | Self-host or use hosted — your choice |
Tiny | Widget is 14KB gzipped |
Private | No tracking, your data stays yours |
Pricing
Free forever. Pro if you want more.
No accounts required to start. Login when you need Pro features.
Free | Pro | |
Price | $0 forever | Pay what you can |
Shares | 5 | Unlimited |
Spikes per share | 1,000 | Unlimited |
Widget + CLI | Full | Full |
Self-hosting | Yes | Yes |
Password protection | — | Yes |
Webhooks | — | Yes |
Badge removal | — | Yes |
MIT licensed. Payment is appreciation, not access.
spikes upgrade when you're ready. No pressure.
Website · Docs · GitHub · Issues
MIT License · Built for builders who work with AI.
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- AlicenseNot gradedqualityAmaintenanceMCP server that enables AI coding agents to read and write to a local-first HTML/CSS design canvas, bridging visual design and code generation.MIT
- AlicenseNot gradedqualityDmaintenanceA local dev server with MCP interface for building HTML mockups together with an AI agent, enabling live collaborative editing through element selection and live preview.5MIT
- AlicenseNot gradedqualityAmaintenanceA self-hosted MCP server and gallery for AI-generated mockups, enabling AI tools to send mockups via MCP tool calls for storage and browsing in a clean web gallery.2MIT
- FlicenseNot gradedqualityCmaintenanceAn MCP server that establishes feedback-oriented development workflows with a Web UI and desktop app, allowing users to provide interactive feedback to AI models through prompts, images, and session tracking.
Related MCP Connectors
Hosted MCP for creating, checking, deploying, and hosting static sites for AI agents.
AI Reasoning Cache & Consensus Layer with 11 MCP tools via Streamable HTTP.
Hosted MCP endpoint with realistic fake data for prototyping agents. 12 tools, no setup.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/bierlingm/spikes'
If you have feedback or need assistance with the MCP directory API, please join our Discord server