Your cart is empty.
Shopping Cart{{ cart.total | ui8Currency }}
{{item.product.cart_name || item.product.name}}
{{::(item.product.cart_name || item.product.name)}}
{{item.price | ui8Currency}}{{item.subtotal | ui8Currency}}
Standard license
{{ subscriptionAccess(item.product.subscription_months, item.product.subscription_lifetime) }}
My CartTotal {{ cart.total | ui8Currency }}
Checkout
Email
Email already registered, please sign in.
Already have an account? Sign in
Card
•••• {{ default_card.last4 }}{{ default_card.exp_month }}/{{ default_card.exp_year % 100 }}
Card number
Expiry
CVC
Transactions secured by
or quick checkout with
All-Access Pass
Unlock {{ upsell.count }} products
Unlock everything

For just {{ upsell.delta | ui8Currency }} more, download every product on UI8 with All-Access Pro.

All-Access Pro costs the same as your cart total.

All-Access Pro costs {{ -upsell.delta | ui8Currency }} less than your cart.

Say goodbye to AI slop.

Connect the UI8 MCP to ChatGPT, Claude, Grok or any AI that supports MCP, and it designs with real taste built in.

Design the landing page for Cadence, an AI notetaker that joins your meetings and writes the summary for you.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“SaaS landing page”
  3. ui8_product_referenceLearned from a pro SaaS landing page
  4. ui8_fetch_productReal icons, not emoji
  5. ui8_search_photos“professional headshot neutral background”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design the main dashboard for Kiln, an online ceramics shop: today's sales, orders to ship, best-selling pieces, low stock.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“shop dashboard”
  3. ui8_product_referenceLearned from a pro sales dashboard
  4. ui8_fetch_productReal icons, not emoji
  5. ui8_search_photos“handmade ceramic mug”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design the home page of the online store for Maren, a small-batch skincare brand: hero, bestsellers, the ingredients story, free shipping.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“skincare shop website”
  3. ui8_product_referenceLearned from a pro skincare store
  4. ui8_fetch_productReal icons, not emoji
  5. ui8_search_photos“skincare bottle travertine stone”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design the home feed and a listing detail screen for Haven, an app for renting design-led apartments. Real photos, map, price, book a viewing.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“real estate rental mobile app”
  3. ui8_product_referenceLearned from a pro real estate app
  4. ui8_fetch_productReal icons, not emoji
  5. ui8_search_photos“apartment living room natural light”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design the portfolio homepage for Noa Lindqvist, an independent brand designer: a short intro, selected work, clients, contact.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“creative studio website”
  3. ui8_product_referenceLearned from a pro studio portfolio
  4. ui8_search_photos“minimal packaging design”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design the website home page for Osteria Nove, a neighbourhood Italian restaurant: the menu, opening hours, the room, book a table.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“restaurant website”
  3. ui8_product_referenceLearned from a pro restaurant site
  4. ui8_fetch_productReal icons, not emoji
  5. ui8_search_photos“restaurant dining room warm light”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design the creator dashboard for Frame, a video platform: views over the last 28 days, top videos, audience, earnings.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“analytics dashboard”
  3. ui8_product_referenceLearned from a pro analytics dashboard
  4. ui8_fetch_productReal icons, not emoji
  5. ui8_search_photos“snowy mountain road”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design a landing page for Tide, a meditation app for people who can't sleep.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“meditation sleep app landing page”
  3. ui8_product_referenceLearned from a pro app landing page
  4. ui8_fetch_productReal icons, not emoji
  5. ui8_search_photos“dark bedroom night bedside lamp”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design the product page for Aero, a pair of wireless over-ear headphones. Hero with the product, three key specs, colour picker, add to cart.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“ecommerce product page headphones”
  3. ui8_product_referenceLearned from a pro headphone store
  4. ui8_fetch_productA real 3D headphone render
  5. ui8_search_photos“headphones listening music”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Design the empty states for Wander, a travel app: no trips yet, you're offline, and no results for a search. Each needs an illustration.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“travel booking mobile app”
  3. ui8_product_referenceLearned from a pro travel app
  4. ui8_fetch_productTwo 3D travel characters
  5. ui8_fetch_productReal icons, not emoji
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

Build the Settings and Profile screens for Ledger, an iOS expense tracker. I need proper icons for every row.

  1. ui8_design_guideDesign skills: type, colour, spacing, layout
  2. ui8_suggest_references“finance expense tracker mobile app”
  3. ui8_product_referenceLearned from a pro finance app
  4. ui8_fetch_productReal icons, not emoji
  5. ui8_search_photos“portrait man smiling studio”
The design with the UI8 MCP
The same prompt without the UI8 MCP
Without UI8
With UI8 MCP

How do I connect it?

Connect in a minute

ChatGPT, Claude, Grok or any app that supports MCP, as a custom connector

https://mcp.ui8.net/mcp

Claude Code

claude mcp add --transport http UI8 https://mcp.ui8.net/mcp

Sign in with your UI8 account when your app asks. That’s it.

Included with All Access.