228
Get started

228.dev for Claude Code

Browse the catalog online, then build in Claude Code.

The 228.dev catalog is online. Claude Code can surface links to custom searches for you to browse there, and anything you select can be accessed in Claude Code directly through the 228.dev MCP server.

Explore the catalog

A mobile UI catalog you browse online.

While Claude Code works through your codebase, it can surface links to custom catalog searches. You browse those results online, and a design you select comes back into Claude Code through the 228.dev MCP server.

Describe the interface you need, open the search link Claude Code surfaces, choose the design in the catalog, and access that selection in Claude Code through MCP.

From search to source in three steps.

Claude Code can surface a link to the right search, you choose the design on the web, and MCP makes that selection available in the session.

  1. Connect 228.dev to Claude Code

    Add the 228.dev MCP server to Claude Code and open the project you are building.

  2. Open a catalog search

    Ask Claude Code for the interface you need. It can surface a link to a custom catalog search for you to browse online, compare previews, and save the designs that fit.

  3. Access the selection

    Anything you select in the catalog can be accessed in Claude Code directly through the 228.dev MCP server, ready for the project you have open.

Frequently Asked Questions

Where do I browse the 228.dev catalog?

The 228.dev catalog is online. Claude Code can surface links to custom searches, and you open those links to browse elements and pages on the web. Anything you select there can be accessed in Claude Code directly through the 228.dev MCP server.

Can I preview a design before using it in Claude Code?

Yes. The online catalog shows each element and page as a visual preview, so you can compare options in the browser before you select one for Claude Code.

How does a selected design reach Claude Code?

Anything you select in the catalog can be accessed in Claude Code directly through the 228.dev MCP server, in the project you have open.

Connect 228.dev