touchline
This server does not currently have a deployable release on Glama. Follow the repository's setup instructions to install and configure it for your MCP client, including any required credentials and local dependencies.
Touchline is an unofficial independent open-source project. It is unrelated to and not endorsed by any named footballer, team, league, governing body, or the unrelated AI coaching product named Touchline. Player names are configurable role aliases; artwork is original and uses generic kits without official marks.
What ships
Fourteen portable Agent Skills for Codex, Claude/Claude Code, Cursor, Grok, Antigravity, ChatGPT, Lovable, and compatible hosts.
A Node.js 22 TypeScript daemon,
touchlineCLI, MCP server, and signed localhost dashboard.A resumable append-only state machine:
DISCOVER → RECON → CONSULTATION_REQUIRED → SPEC → BUILD → VERIFY → COMPLETE.Chrome-extension-first browser routing, safe direct Playwright fallback, Dembrandt token extraction, prompt exports, approval gates, and provenance records.
Installed-skill capability routing, mandatory component-sourcing records, executable specification gates, and four-viewport pixel verification.
The dashboard is a real control surface, not a simulated team view: assignments, process events, artifacts, approvals, and run state come from the same persisted store used by the CLI and MCP server.
Related MCP server: bob-in-browser
Why the whistle matters
Touchline cannot build before Phase 3. Reconnaissance freezes what the site actually does, then asks you to choose:
1:1 reconstruction or adaptation for a new product.
Preserve observed behavior or repair the original UX/console defects.
Target stack, deployment, and data constraints.
Missing evidence remains an explicit unknown. It never becomes an invented color, breakpoint, animation, or API payload.
Install
Requirements: Node.js 22+, pnpm 10+, and at least one supported host CLI. A Chrome control extension or browser MCP is preferred; direct Playwright is the fallback.
pnpm install
pnpm build
npm install -g .
touchline setup
touchline doctor
touchline dashboardHost installation:
Host | Native path | Portable fallback |
Codex |
|
|
Claude Code |
| Copy |
Cursor | Agent Skills discovery | Copy |
Grok / Antigravity | Host skill directory or custom CLI adapter | Use the exported host prompt |
ChatGPT / Lovable | Exported prompt pack | Upload approved evidence with the matching prompt |
If npm is unavailable, download the identical package tarball and skills archive from GitHub Releases.
First run
touchline audit https://example.com --workspace /absolute/path/to/project
# Read docs/research/reconnaissance.md, then record the consultation decision.
touchline approve <approval-id>
# Create design tokens, routing-map.md, component-sources.json, and bounded specs.
touchline gates <run-id>
touchline run <run-id>
# Start the implementation locally; BUILD cannot self-certify.
touchline verify <run-id> --candidate http://127.0.0.1:3000
touchline run <run-id> # completes only after verification passes
# Re-run verify against the deployed URL; a regression reopens BUILD.
touchline export-prompts <run-id> --targets allThe browser audit writes responsive screenshots and metadata to docs/design-references/<run-id>/, plus reconnaissance, HAR metadata, console JSONL, token, DOM, and asset manifests beneath docs/research/.
Squad
Role alias | Assignment |
Pep Guardiola | Manager: policy, assignments, approvals |
Lionel Messi | Captain: intent, synthesis, creative direction |
Cristiano Ronaldo | Delivery and release finishing |
Kevin De Bruyne / Xavi / Iniesta | Architecture, design systems, interaction fidelity |
Neymar / Mbappé / Salah | Motion, performance, compatibility |
Busquets / Van Dijk / Neuer | Data, security, QA and recovery |
Modrić / Haaland / Roberto Carlos | Context, focused implementation, visual correction |
Every role is configuration. Map any installed model or CLI to any player, replace the roster, or add more than eleven specialists.
Public surfaces
touchline setup touchline_create_run
touchline doctor touchline_get_run
touchline dashboard touchline_list_agents
touchline audit <url> --workspace PATH touchline_assign_task
touchline gates <run-id> touchline_submit_evidence
touchline run <run-id> touchline_check_gates
touchline verify <run-id> --candidate touchline_advance
touchline approve <approval-id> touchline_request_approval
touchline export-prompts <run-id> touchline_record_decision
touchline sources inspect <repo> touchline_export_prompt_pack
touchline agents list touchline_verifyThe HTTP API lives at http://127.0.0.1:4317/api/v1, is guarded by a random session token, and exposes SSE run events. See architecture and security.
Quality bar
CI runs type checks, unit/contract tests, dashboard/runtime builds, plugin and skill validation, package inspection, license audit, and secret scanning on Linux, macOS, and Windows. The included reference fixture covers lazy loading, tabs, modal, form, hover/focus, Canvas, animation, API calls, console failures, and four responsive widths.
Visual acceptance uses frozen references and a default ≤0.5% mismatch threshold at 1920, 1440, 768, and 390 pixels. The verifier emits actuals and pixel diffs, checks page height and heading order, and blocks on console errors or failed images. Baselines are never rewritten merely to pass.
Project documents
Architecture · Security and approvals · Host adapters · Contributing · Code of Conduct · Roadmap · Changelog · Third-party notices
MIT © edenbuilds
This server cannot be deployed
Maintenance
Related MCP Connectors
Website checker for AI coding agents. Measures your site in a real browser, with evidence.
Technical SEO and AI-readiness audits for any page, plus a check that your fix worked.
Evidence-first technical website diagnostics with human-confirmed request handoffs.
Pre-launch website QA: deterministic rule-based scans, readiness score, and blockers for agents.
Related MCP Servers
- AlicenseAqualityBmaintenanceAnalyzes and extracts design tokens, assets, and layout from live websites to enable AI clients to faithfully replicate them, with tools for screenshotting, component inspection, and pixel-diff verification.1423 npm4MIT
- AlicenseAqualityCmaintenanceEnables MCP clients to open websites, capture screenshots at multiple breakpoints, and run automated design audits for issues like overflow, small tap targets, low contrast, missing alt text, tiny text, and clipped content.91MIT
- AlicenseAqualityBmaintenanceEnables AI coding agents to see, measure, and verify web pages through a real Chrome browser, including screenshots, responsive layout and accessibility audits, pixel diffing against baselines, secure logins, and deployed-fix verification.271MIT
- AlicenseNot gradedqualityAmaintenanceEnables AI coding agents to act like a senior UI/UX team by reading an existing site's design DNA and tokens, proposing distinct art directions and motion mechanics that fit the brief, and validating changes in a live headless Chromium browser. Provides per-element accessibility and performance auditing (WCAG 2.2 contrast, focus, clipping, phone-menu behavior, LCP/CLS) at multiple viewport widths, plus baseline capture, before/after comparison, and one-command rollback for safe redesigns.129 npm2MIT