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.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“SaaS landing page”ui8_product_referenceLearned from a pro SaaS landing pageui8_fetch_productReal icons, not emojiui8_search_photos“professional headshot neutral background”

Design the main dashboard for Kiln, an online ceramics shop: today's sales, orders to ship, best-selling pieces, low stock.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“shop dashboard”ui8_product_referenceLearned from a pro sales dashboardui8_fetch_productReal icons, not emojiui8_search_photos“handmade ceramic mug”

Design the home page of the online store for Maren, a small-batch skincare brand: hero, bestsellers, the ingredients story, free shipping.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“skincare shop website”ui8_product_referenceLearned from a pro skincare storeui8_fetch_productReal icons, not emojiui8_search_photos“skincare bottle travertine stone”

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.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“real estate rental mobile app”ui8_product_referenceLearned from a pro real estate appui8_fetch_productReal icons, not emojiui8_search_photos“apartment living room natural light”

Design the portfolio homepage for Noa Lindqvist, an independent brand designer: a short intro, selected work, clients, contact.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“creative studio website”ui8_product_referenceLearned from a pro studio portfolioui8_search_photos“minimal packaging design”

Design the website home page for Osteria Nove, a neighbourhood Italian restaurant: the menu, opening hours, the room, book a table.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“restaurant website”ui8_product_referenceLearned from a pro restaurant siteui8_fetch_productReal icons, not emojiui8_search_photos“restaurant dining room warm light”

Design the creator dashboard for Frame, a video platform: views over the last 28 days, top videos, audience, earnings.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“analytics dashboard”ui8_product_referenceLearned from a pro analytics dashboardui8_fetch_productReal icons, not emojiui8_search_photos“snowy mountain road”

Design a landing page for Tide, a meditation app for people who can't sleep.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“meditation sleep app landing page”ui8_product_referenceLearned from a pro app landing pageui8_fetch_productReal icons, not emojiui8_search_photos“dark bedroom night bedside lamp”

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.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“ecommerce product page headphones”ui8_product_referenceLearned from a pro headphone storeui8_fetch_productA real 3D headphone renderui8_search_photos“headphones listening music”

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.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“travel booking mobile app”ui8_product_referenceLearned from a pro travel appui8_fetch_productTwo 3D travel charactersui8_fetch_productReal icons, not emoji

Build the Settings and Profile screens for Ledger, an iOS expense tracker. I need proper icons for every row.
ui8_design_guideDesign skills: type, colour, spacing, layoutui8_suggest_references“finance expense tracker mobile app”ui8_product_referenceLearned from a pro finance appui8_fetch_productReal icons, not emojiui8_search_photos“portrait man smiling studio”

How do I connect it?
ChatGPT, Claude, Grok or any app that supports MCP, as a custom connector
https://mcp.ui8.net/mcpClaude Code
claude mcp add --transport http UI8 https://mcp.ui8.net/mcpSign in with your UI8 account when your app asks. That’s it.