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