Reftrixmcp
Connects Claude to a PostgreSQL-backed design knowledge base that analyzes websites for layout structure, CSS/JS animations, and quality scoring. Exposes 39 tools across layout extraction (sections, grids, typography with React/Vue/HTML codegen), motion detection (frame-by-frame video capture plus Pixelmatch CLS), semantic search via pgvector HNSW with multilingual embeddings, and part-level analysis of 16 UI component types using DINOv2 visual embeddings. Includes preference profiling with feedback-driven reranking and unified cross-service search. Reach for this when you need to extract reusable design patterns from production sites, search for similar UI implementations semantically or visually, or build a queryable library of web design decisions with structured metadata.
- GitHub stars
- 1
- tools
- 9
- auth
- Secret needed
- transport
- STDIO
- env vars
- 3
- last updated
- Mar 21, 2026
Tools
9 toolsPublic tool metadata for what this MCP can expose to an agent.
layout.ingestfetch a web page, take a screenshot, and extract section patterns
fetch a web page, take a screenshot, and extract section patterns
No parameter schema in public metadata yet.
layout.searchsemantic search over layout sections by natural-language query
semantic search over layout sections by natural-language query
No parameter schema in public metadata yet.
motion.detectdetect CSS/JS animations with video-mode frame capture
detect CSS/JS animations with video-mode frame capture
No parameter schema in public metadata yet.
quality.evaluatescore design quality on originality, craftsmanship, and contextuality
score design quality on originality, craftsmanship, and contextuality
No parameter schema in public metadata yet.
page.analyzeunified analysis: layout + motion + quality + responsive in one call (async via BullMQ), with opt-in Phase 7.5: accessibility audit, performance evaluation, and auto snapshot
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
No parameter schema in public metadata yet.
responsive.searchsearch responsive analysis results by viewport and breakpoint
search responsive analysis results by viewport and breakpoint
No parameter schema in public metadata yet.
part.searchsemantic search over UI parts with visual (DINOv2) or text embeddings
semantic search over UI parts with visual (DINOv2) or text embeddings
No parameter schema in public metadata yet.
part.inspectget detailed part info including computed styles, bounding box, and accessibility
get detailed part info including computed styles, bounding box, and accessibility
No parameter schema in public metadata yet.
part.comparecompare 2-5 parts side by side on styles, layout, and interaction
compare 2-5 parts side by side on styles, layout, and interaction
No parameter schema in public metadata yet.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageConfiguration
DATABASE_URL*secretPostgreSQL connection string with pgvector extension
REDIS_URLRedis/Valkey connection URL for BullMQ job queue
OLLAMA_BASE_URLOllama API base URL for Vision LLM integration (default: http://localhost:11434)
Readme
ReftrixMCP
Web design knowledge base platform -- layout analysis, motion detection, and quality evaluation via MCP tools.
For frontend engineers, designers, and AI-agent builders who want to analyze real websites and retrieve reusable UI patterns via Claude or any MCP client.
Japanese / 日本語の概要
ReftrixMCPは、Webデザインパターンをベクトル検索(pgvector HNSW)と RAGで検索可能なナレッジベースに集約し、MCPツール経由でClaude等の AIエージェントと統合するプラットフォームです。
Details
- Repository
- github.com/tkmd/reftrixmcp
- Categories
- Design & Creative, Search & Web Crawling
- Package
@reftrixmcp/mcp-server- Transport
- STDIO
- Auth
- Required
- Registry
- MCP registry, active
Related Design & Creative MCP servers
View all
Tokenarcadeai.tokenarcade/tokenarcadeGames for AI agents. Each game runs inside a single context window.0stars
Trazo pilotallyburns/trazo-pilotFly Trazo, a browser game over the real Nazca lines, turn by turn, and post to its AI board.0stars
Image to SVGbotmonster/image2svg-mcpMCP server that converts raster images (PNG/JPG/WEBP) to SVG vector format0stars
Brandrailbrandrail-app/brandrailDesign system guardrails for AI coding tools: tokens, components and a brand checker. Runs locally.0stars
Cdk Mcpcdkbotmcp/cdk-mcpBuy game keys, gift cards, and subscriptions via x402 USDC on Base. 8 MCP tools, no install.0stars
CityEngine Cloudcgajs/cityengine-mcpText-to-3D city buildings: natural language to CGA rules to rendered glTF models.0stars