AllGoodInsp

AllGoodInsp

Structured design references from 1,000+ curated websites for AI-powered web design. Retrieve real CSS values, typography specs, color palettes, and design rationale via MCP.

Category
Visit Server

README

AllGoodInsp MCP Server

A curated design reference database for AI agents. Retrieve structured design data from hundreds of curated websites — real CSS values, typography specs, color palettes, and design rationale — to generate better web designs.

Instead of generating from generic prompts, your AI retrieves actual design decisions from quality sites and synthesizes them into code-ready specifications.

Quick Start

Claude Desktop / Claude Code / Cursor

Add to your MCP configuration:

{
  "mcpServers": {
    "allgoodinsp": {
      "url": "https://mcp.allgoodinsp.com"
    }
  }
}

Configuration file locations:

Client Path
Claude Desktop (macOS) ~/Library/Application Support/Claude/claude_desktop_config.json
Claude Desktop (Windows) %APPDATA%\Claude\claude_desktop_config.json
Claude Code ~/.claude.json or project .mcp.json
Cursor .cursor/mcp.json in your project

On first connection, you'll be prompted to authenticate via Google OAuth through your browser.

API Key Authentication

For server-to-server or CI/CD use, generate an API key at allgoodinsp.com/account and pass it as a Bearer token:

Authorization: Bearer agi_your_key_here

Basic Usage Flow

A typical design workflow with AllGoodInsp follows this sequence:

Step 1: Load the methodology

get_reference_guide()
get_methodology({ layers: ["principles", "patterns"] })

Gives your AI the design vocabulary — universal principles (typography, layout, color, motion, IA) and recurring patterns. Load once per session. This is the foundation: methodology without references produces correct but boring design.

Step 2: Search for references

search_sites({ query: "minimal SaaS landing page, confident and warm" })

Describe what you're building in natural language — mood, purpose, aesthetic. The search uses 3-axis matching (purpose + mood + contrast diversity) to return varied, relevant results.

Step 3: Select and read references

get_site({ site_id: "stripe-com", detail: "full" })
get_site({ site_id: "linear-app", detail: "full" })
get_site({ site_id: "vercel-com", detail: "full" })

Pick 3+ references. Each reference contains CSS values, typography specs, color palettes, and design rationale. Use each site as a specialist for specific decisions — don't average them.

Step 4: Synthesize into a design brief

extract_essence({
  site_ids: ["stripe-com", "linear-app", "vercel-com"],
  brief: "SaaS landing page for a developer tool, confident and minimal"
})

extract_essence combines the selected references into a code-ready design specification — CSS variables, color palette, typography scale, spacing system, section structure, and design rules with fixed/explorable boundaries.

Step 5: Build and review

Build your design using the synthesized brief, then run the quality checklist:

self_review()

Checks for design anti-patterns, craft quality, principle adherence, and IA structure.


Tools

extract_essence — Primary tool

Synthesize 2-5 site references into a code-ready design brief. Returns CSS variables, color palette, typography scale, spacing system, section structure, and design rules with fixed/explorable boundaries.

extract_essence({
  site_ids: ["stripe-com", "linear-app", "vercel-com"],
  brief: "SaaS landing page for a developer tool, confident and minimal"
})

search_sites

Semantic search across all references by mood, purpose, or description. Uses 3-axis search (purpose + mood + contrast diversity) to return varied results.

search_sites({ query: "warm editorial magazine layout" })
search_sites({ query: "bold fintech landing page", category: "software-saas" })

get_site

Retrieve the full design analysis for a specific site — color palette, typography, sections, components with CSS values and rationale.

get_site({ site_id: "stripe-com" })
get_site({ site_id: "stripe-com", detail: "full" })

search_by_component

Find sites by specific design elements. Searches across all components in all references.

search_by_component({ query: "hero with video background" })
search_by_component({ query: "pricing table with toggle" })

get_methodology

Access the design methodology — universal principles, craft guidelines, recurring patterns, and information architecture.

get_methodology({ layers: ["principles", "patterns"] })

get_principles

Design principles for specific domains.

get_principles({ category: "typography" })
get_principles({ category: "color" })

Available categories: typography, layout, color, motion, ia

get_patterns

Recurring technique combinations distilled from the collection, with evidence from multiple sites.

get_patterns()

get_reference_guide

Guide for reading and combining design references effectively.

get_workflow

Autonomous workflow for AI agents building design systems from references.

self_review

Post-implementation quality checklist for design patterns, anti-patterns, craft quality, and information architecture.

What's in the data

Each reference contains structured design decisions from a real website:

  • Color palette — background, text primary/secondary, CTA, accent (with hex values and rationale)
  • Typography — font families, weights, sizes, line-heights, letter-spacing for headings, body, nav, CTA
  • Convention breaks — intentional violations of design principles, with scope and rationale
  • Sections — hero, navigation, content, CTA, footer — each with dominant design decisions
  • Components — individual elements with CSS values, principle references, and "why" explanations

Three-layer knowledge system

Layer Description Count
Principles Universal design truths (typography, layout, color, motion, IA) 30+
Patterns Recurring technique combinations observed across multiple sites 30+
References Per-site structured JSON with design decisions and CSS values Hundreds

Categories

Agency, E-Commerce, Consulting, Software/SaaS, Portfolio, Food & Beverage, Hospitality, Education, Health & Wellness, Media/Editorial, Deep-Tech, Architecture, Business/Finance, Recruitment, and more.

REST API

For programmatic access outside MCP, a REST API is also available.

Base URL: https://api.allgoodinsp.com/v1

Endpoint Description
GET /sites List sites (filterable by category, country, region)
GET /sites/:site_id Full design analysis for a site
GET /search?q= Semantic search
GET /taxonomy Categories, countries, regions with counts
GET /screenshots/:site_id Site screenshot

Authentication required for higher rate limits. Generate an API key at allgoodinsp.com/account.

Links

License

MIT

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured