4.9/5Loved by 90K+ designers, freelancers & agencies

Your Agent, Plugged Into 500+ WordPress Sections A Designer Actually Drew

Connect the MCP and Claude, Cursor or any MCP client can search the AI Website Creator’s section library, pull the one you asked for, and put it on a real WordPress page, as an editable Elementor widget or Gutenberg block. Not a screenshot to copy. Not React you can’t use. The section, on the page.

500+ hand-built sectionsElementor & GutenbergFetched by slug, never generatedBinds to your design systemSet up in under a minute500+ hand-built sectionsElementor & GutenbergFetched by slug, never generatedBinds to your design systemSet up in under a minute

Connect the UiChemy MCP to your editor

Pick the editor you work in. The command is the same endpoint every time; only where you paste it changes.

From your terminal, run the following command:

terminal

# install Claude Code first if it isn't there
$ command -v claude >/dev/null || {
    curl -fsSL https://claude.ai/install.sh | bash
    export PATH="$HOME/.local/bin:$PATH"
}

$ claude mcp add uichemy --scope user \
    --transport http https://app.uichemy.com/api/mcp

Exit your Claude Code session, and start a new session.
Run /mcp, and select the uichemy MCP, which requires authentication. A browser window opens and asks you to sign in.

Cursor has no mcp add command, so it installs by link: Add to Cursor. Or paste this into your browser:

deeplink

cursor://anysphere.cursor-deeplink/mcp/install?
    name=uichemy&config=eyJ0eXBlIjoiaHR0cCIsInVybCI6Imh0dHBzOi8vYXBw
    LnVpY2hlbXkuY29tL2FwaS9tY3AifQ==

Cursor opens with the server filled in. Confirm, and uichemy appears under Settings → MCP.
Click Authenticate. A browser window opens and asks you to sign in with your UiChemy account.

From your terminal, run the following command:

terminal

# install the Codex CLI first if it isn't there
$ command -v codex >/dev/null || {
    curl -fsSL https://chatgpt.com/codex/install.sh | sh
    export PATH="$HOME/.local/bin:$PATH"
}

$ codex mcp add uichemy --url \
    https://app.uichemy.com/api/mcp

It writes the server into ~/.codex/config.toml for you: nothing to edit by hand.
Run codex mcp login uichemy and sign in. The library is available from the next turn onward.

From your terminal, run the following command:

terminal

if command -v code >/dev/null; then
  code --add-mcp \
    '{"name":"uichemy","type":"http",
     "url":"https://app.uichemy.com/api/mcp"}'
else
  echo 'Enable the code command: VS Code → Cmd+Shift+P →
       Shell Command: Install code command in PATH'
fi

It registers the server for you: no mcp.json to create. If it prints the reminder instead, enable the code command and run it again.
Approve the sign-in prompt, then open Chat in Agent mode and ask for a section.

Read the docsfor the full reference, orsee every ability

The exchange

Ask in the editor you’re already in.

No new app, no browsing a catalogue, no copy-paste. You describe the section; the agent searches the library, reads what it found, and builds the right one into the page.

YouAdd an About Us section for our studio

I’ll search the UiChemy library for About Us sections a designer has already shipped.

Used UiChemy MCP

Got 39 About Us sections. Pulling the strongest for the page.

STILL HOUSE

Good spaces. Better living.

A thoughtfully designed living room with warm oak and natural textures

We believe a home should feel like you. Calm, thoughtful, and comfortably lived in.

Our small studio brings natural materials and quiet details together, creating spaces that make everyday life a little better.

Spaces shaped

40+

Personal homes, thoughtfully considered.

Years of practice

Learning how people really live.

Our approach

Your life. Your space. Your story.

Made personal

100%

Designed around the everyday.

One good session changes your day.

Train

Grow

Repeat

Stronger, together.

We’re Form / Club. A neighbourhood studio built around real coaching, small wins, and people who keep showing up for each other. No egos. Just good energy and a little progress, every day.

50+

Ways to move each week

Strength, mobility, and the sessions you look forward to.

STILL HOUSE

Good spaces. Better living.

We believe a home should feel like you. Calm, thoughtful, and comfortably lived in.

Our small studio brings natural materials and quiet details together, creating spaces that make everyday life a little better.

Spaces shaped

40+

Personal homes, thoughtfully considered.

Years of practice

Learning how people really live.

Our approach

Your life. Your space. Your story.

Made personal

100%

Designed around the everyday.

One good session changes your day.

Train

Grow

Repeat

Stronger, together.

We’re Form / Club. A neighbourhood studio built around real coaching, small wins, and people who keep showing up for each other. No egos. Just good energy and a little progress, every day.

50+

Ways to move each week

Strength, mobility, and the sessions you look forward to.

How it works

Connected in about a minute.

No copy-paste from the site. No hunting through docs. Connect once and the library lives where you work.

Connect

Add the UiChemy MCP to Claude, Cursor, Codex or VS Code and sign in once. That's the whole setup.

terminal

$ claude mcp add uichemy --transport http
https://app.uichemy.com/api/mcp

Added MCP server uichemy

uichemy connected

works in every MCP client

Ask

Describe it in plain words, like “a pricing section with three tiers.” Your agent searches the real library.

A pricing section with three tiers

Claude

search_sections “pricing”

Found 12 pricing sections a designer shipped.

Pulling layout-y5

fetched by slug, never generated

Build

The section lands as an editable Elementor widget or Gutenberg block, in your site's own colours and type.

Pricing

Update

Elementor widget

Pricing

Plans for every stage

$29

$79

$149

Placed and editable

on your site's colours and type

What it can do

Build it, brand it, check it.

120+ abilities, grouped the way you’d work: find the layouts, write copy that fits them, apply one design system, then check every page before handoff.

A whole site from one prompt

Describe the business and the agent builds the project: pages, sections picked from the library, and your own copy in every slot.

One prompt turning into a sitemap: Home, About and Services, each with its sections listed

Search real layouts in plain words

Ask for what you picture, then narrow by columns, background, media, density or motion.

A search box with filter chips for columns, background, media, density and motion, over ranked layout results

Copy that fits the layout

Every text slot comes with its character limit, so headlines never wrap into a third line.

A text slot with a 20 of 60 character count and a check that no copy repeats across sections

Design system & brand

Palette, fonts, type scale, spacing, buttons and cards set once, then applied to every section on every page.

Images, video and logo

Upload in bulk, crop to a ratio, set the focal point and alt text, and add light and dark logos.

An image with a focal-point dot, an aspect-ratio switcher and an alt-text field

Pages, sections and a blog

Add, copy, reorder or swap any section's layout, and add a blog with a listing page and posts.

One section being swapped for another layout

Swap section

500+ hand-crafted sections

Every layout in the library is drawn by hand. Preview any of them at mobile, tablet and desktop before you export.

A hand-crafted section previewed in the editor

Prompts to try

Ask anything. Get a real section back.

Copy any of these into your editor. They’re the fastest way to learn what the library has in it; each one puts a different tool to work.

What testimonial sections are in the library? Show me three options.

Find a hero with a form on the right, and match my brand colours.

Add a pricing section with three tiers and a monthly/yearly toggle.

Build a homepage: hero, features, testimonials, pricing, FAQ, footer.

What testimonial sections are in the library? Show me three options.

Find a hero with a form on the right, and match my brand colours.

Add a pricing section with three tiers and a monthly/yearly toggle.

Build a homepage: hero, features, testimonials, pricing, FAQ, footer.

Replace the features section on /services with a comparison layout.

Add an FAQ section and fill it from the questions in support-faq.md.

Show me every footer with a newsletter signup.

Find a dark hero with a product screenshot for a SaaS page.

Replace the features section on /services with a comparison layout.

Add an FAQ section and fill it from the questions in support-faq.md.

Show me every footer with a newsletter signup.

Find a dark hero with a product screenshot for a SaaS page.

Which contact sections put a map beside the form?

Add a logo strip under the hero on the homepage.

Swap the testimonials on /about for a three-column card layout.

Add a team section with four people, in our site's fonts.

Which contact sections put a map beside the form?

Add a logo strip under the hero on the homepage.

Swap the testimonials on /about for a three-column card layout.

Add a team section with four people, in our site's fonts.

FAQ

UiChemy MCP, answered

Still have a question?Chat with AI

A standard way for an AI assistant to use an outside tool. You add one endpoint to Claude, Cursor or a similar editor, and from then on the assistant can call that tool itself instead of you copying things back and forth. This one gives your assistant the UiChemy section library.

A real section from the library, fetched by slug, not a generated approximation of one. And with the build tools connected, it can place that section on a page as an editable Elementor widget or Gutenberg block.

It's the library half of it. The gateway's other abilities build pages, theme templates and menus, manage media and write the design system.

No. The MCP serves the section you asked for to your agent and places it on your WordPress site. Your existing pages, code, and client content stay on your own install; they aren't uploaded to or stored by the library.

We're truly thankful for this community. UiChemy has three Figma plugins, one for each WordPress builder we support, plus our WordPress plugin. The 90K+ figure is the total number of people using them. Each plugin's user count is shown on its Figma Community or WordPress.org page:Figma to Elementor: 78K+ InstallsFigma to Bricks: 8K+ InstallsFigma to Gutenberg: 7K+ InstallsWordPress Plugin: 8K+ Installs

Anything that speaks MCP: Claude Code, Claude.ai, Cursor, VS Code, Codex, Cline, Windsurf and others. Setup steps for the four most common are above.

To place sections on a page, yes. That's what renders them. Searching and reading the library is separate from building.

UiChemy MCP comes with every plan. Creating sections from your AI client is on the Studio and Agency plans; the Designer plan and the free plugin don't carry the library.

The section library is part of the AI Website Creator, so access comes with your UiChemy plan rather than a separate purchase. Once you're on Studio or Agency, connect the MCP and the library is available to your agent; you don't have to build inside the AI Website Creator to use it.

Yes. Bricks is coming soon.

A placed section binds to your site's global colours, type scale and spacing, so it arrives looking like the rest of the site rather than like the library.

Your Agent, Plugged Into 500+ WordPress Sections A Designer Actually Drew

Connect the UiChemy MCP to your editor

Ask in the editor you’re already in.

//Our story

A little kitchen. A lot of heart.

STILL HOUSE

Good spaces. Better living.

Stronger, together.

WHY WE ROAM

Go further. Feel closer.

Good work starts with clarity.

//Our story

A little kitchen. A lot of heart.

STILL HOUSE

Good spaces. Better living.

Stronger, together.

WHY WE ROAM

Go further. Feel closer.

Good work starts with clarity.

Connected in about a minute.

Connect

Ask

Build

Build it, brand it, check it.

A whole site from one prompt

Search real layouts in plain words

Copy that fits the layout

Design system & brand

Images, video and logo

Pages, sections and a blog

500+ hand-crafted sections

Ask anything. Get a real section back.

UiChemy MCP, answered