Reftrixmcp
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
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"
}
}
}
}