Reftrixmcp

@TKMD

Visit Server

2 months ago

MCP server with 20 tools for web design analysis — layout extraction, motion detection, quality scoring, and semantic search via Playwright, pgvector, and Ollama.

Overview Tools Comments

Overview

Content (リッチテキスト): ReftrixMCP is a web design knowledge base platform that turns real websites into searchable, structured design knowledge.

Key Features: • Layout analysis — auto-detect sections (hero, feature, CTA), extract grid/typography, generate React/Vue/HTML code • Motion detection — CSS/JS animations with frame capture (15px/frame), CLS detection via Pixelmatch • Quality evaluation — three-axis scoring (originality, craftsmanship, contextuality) with anti-AI-cliche detection • Semantic search — 768-dim multilingual embeddings with HNSW index and hybrid RRF ranking • Vision integration — Ollama llama3.2-vision for richer layout and narrative understanding • Responsive analysis — multi-viewport capture (mobile/tablet/desktop) with diff detection

Tech stack: TypeScript, Node.js 20, PostgreSQL 18 + pgvector 0.8, Playwright, ONNX Runtime, Ollama License: AGPL-3.0-only

Try in Playground

Server Config

{
  "mcpServers": {
    "reftrix": {
      "command": "node",
      "args": [
        "/path/to/ReftrixMCP/apps/mcp-server/dist/index.js"
      ],
      "env": {
        "NODE_ENV": "development",
        "DATABASE_URL": "postgresql://reftrix:change_me@localhost:26432/reftrix?schema=public",
        "REDIS_URL": "redis://localhost:27379",
        "OLLAMA_BASE_URL": "http://localhost:11434"
      }
    }
  }
}

Build with ShipAny.