MCP Server for AI UI Design
Give Your AI Actual Taste, Not Just Tokens.
Alcheon helps coding agents design polished interfaces by grounding output in real design DNA from top websites. Bright ideas in, beautiful UI out.
Same Prompt, Different Outcome
Works with Any MCP Client
Cursor Claude Windsurf GitHub Copilot Continue Custom MCP Clients
What Alcheon Adds
The missing layer between AI code and world-class UI
Reference Selection That Matches Your Intent
Recommend, filter, and inspect real sites before generation. Your AI starts from design context, not from zero.
recommend_sites search_sites get_site_overview
Brief + Token Synthesis
Generate a full direction with spacing, hierarchy, and reusable tokens.
Section-Level Guidance
Deep guidance for hero, pricing, FAQ, and more when you need refinement.
- Research-backed sections
- Better content architecture
Built to showcase AI quality gains
Alcheon is not just another endpoint. It is the benchmark layer that makes your AI-generated interfaces feel intentional, modern, and shippable.
Open every with/without demoWorkflow
From prompt to polished page in 4 steps
Describe
Tell your AI what you are building and for whom.
Discover
Pick references with Alcheon tools that match your target aesthetic.
Synthesize
Generate a practical design brief and system tokens.
Build
Use the brief as a spec and ship UI that feels professionally designed.
Intent
A craft-forward editorial experience anchored in process and provenance. Warm mid-century type pairings, earthy surfaces, and section transitions that feel like turning pages in a field journal.
Reasoning
Creative Thesis
Lean into analogue texture while keeping the underlying grid surgical. Blue Bottle's whitespace discipline meets Stumptown's earthy warmth.
Divergences Leveraged
Blue Bottle trends minimal and stark; Stumptown uses rougher craft textures. Synthesis takes structure from one and warmth from the other.
Key Design Decisions
01
Serif display at 72px / 0.96 line-height for hero headline
Earns immediate editorial authority without relying on imagery
02
0px border-radius for all cards and inputs
Signals craft and precision over the default rounded-corners look
Synthesis Briefs
Every brief tells you exactly why it was built that way
When Alcheon synthesizes a design direction it doesn't just hand you tokens — it records the full reasoning chain. See which sites influenced which decisions, how tensions were resolved, what patterns were adopted versus deliberately broken.
- Sticky sidebar TOC with 13 spec sections
- Per-decision rationale — not just what, but why
- Section recipes, type scale, motion spec, color surfaces
- Full CSS token set and pattern map as raw data
Requires a free API key
Get Free Key → Pricing
Free first. Credits when you scale.
Start instantly with no account. Add a free API key for higher limits, then top up with credits when needed.
Free allowances apply before any paid credit usage.
Anonymous
No key3 / 4h
20 / 4h
4h sliding
Free API Key
Free forever5 / 4h
200 / 4h
4h sliding
Get free key Credit Pack
Pay as you go1 credit each
5 / 4h
200 / 4h
Never
Buy credits Get Started
One endpoint. Immediate design intelligence.
Connect Alcheon to your MCP client in under a minute. Paste the URL, add the config, and start generating better UI.
mcp_settings.json
{
"servers": {
"alcheon": {
"url": "https://api.alcheon.dev/mcp",
"type": "http"
}
}
}Try this prompt:
Use Alcheon to recommend reference sites for a fintech product, synthesize a bright light-theme design brief, then build the landing page with those tokens.
This page is the proof.
Alcheon helps AI move past safe defaults and produce expressive, intentional interfaces. If this feels better, your product can too.