Web design analysis with 26 MCP tools: layout, motion, quality, semantic search via pgvector
Web design analysis with 26 MCP tools: layout, motion, quality, semantic search via pgvector
ReftrixMCPは、Webデザインパターンをベクトル検索(pgvector HNSW)と RAGで検索可能なナレッジベースに集約し、MCPツール経由でClaude等の AIエージェントと統合するプラットフォームです。
Node.js 20+, pnpm 10+, Docker & Docker Compose, Ollama
Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| layout.ingest | - fetch a web page, take a screenshot, and extract section patterns |
| layout.search | - semantic search over layout sections by natural-language query |
| motion.detect | - detect CSS/JS animations with video-mode frame capture |
| quality.evaluate | - score design quality on originality, craftsmanship, and contextuality |
| page.analyze | - unified analysis: layout + motion + quality + responsive in one call (async via BullMQ), with opt-in Phase 7.5: accessibility audit, performance evaluation, and auto snapshot |
| responsive.search | - search responsive analysis results by viewport and breakpoint |
| preference.hear | - interactive preference hearing sessions with sample presentation and feedback collection |
| preference.get | - retrieve preference profiles (with GDPR data portability support) |
| preference.reset | - reset or permanently delete preference profiles (GDPR Right to Erasure) |
| part.search | - semantic search over UI parts with visual (DINOv2) or text embeddings |
| part.inspect | - get detailed part info including computed styles, bounding box, and accessibility |
| part.compare | - compare 2-5 parts side by side on styles, layout, and interaction |
{
"mcpServers": {
"reftrix": {
"command": "node",
"args": ["/absolute/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",
"OLLAMA_HOST": "http://localhost:11434",
"ENABLE_SECTION_SCREENSHOT_FALLBACK": "true"
}
}
}
}Configuration as documented by the project. Restart the client after saving.
Node.js 20+, pnpm 10+, Docker & Docker Compose, Ollama
| Variable | Description | Required |
|---|---|---|
| DATABASE_URL | Endpoint or connection string the server talks to. | Yes |
| REDIS_URL | Endpoint or connection string the server talks to. | Yes |
| OLLAMA_BASE_URL | Endpoint or connection string the server talks to. | Yes |
| OLLAMA_HOST | Endpoint or connection string the server talks to. | Optional |
| ENABLE_SECTION_SCREENSHOT_FALLBACK | Configuration value read at startup. | Optional |
| DINOV2_MODEL_PATH | Filesystem location the server is allowed to use. | Optional |
Stop letting your assistant hallucinate n8n node parameters — this server hands it the real schemas, templates and validation.
AWS Labs' official server suite — current AWS docs, CDK guidance, cost analysis and service tools.
Cloud browsers for AI agents — automation sessions that run in Browserbase's fleet, not on your machine.
Workers, KV, R2 and D1 by conversation — Cloudflare's official remote servers for building and observability.
Dashboards, Prometheus and Loki queries, incidents and alerts — observability by conversation.
kubectl with a conversational interface — inspect pods, read logs, diagnose clusters and manage workloads.