How it works

How 6to9 works

One free account opens three things: design patterns with their code, real product pages to build from, and agents that read your market. Use them on the site, or from your coding agent.

Design Library · patterns

Copy a design pattern, code included

Original, open-source page sections you can drop into your product, starting with animated heroes.

  1. 01

    Pick a pattern

    Filter by how it moves (reacts to the cursor, kinetic type, plays on its own), by theme or by look.

  2. 02

    Try the live demo

    Each pattern runs in the page, and many come in several styles.

  3. 03

    Take the code

    Sign in to copy the React or HTML source, or ask your agent: get_design_pattern returns the full code and a build prompt to fit it to your product.

All design patterns
Halloween holographic ticket
Design Library · pages

Build from real product pages

Landing, pricing, signup and onboarding pages from popular web apps, captured at desktop and phone width.

  1. 01

    Find a reference

    Browse the library by app or page type, or search for a pattern like a plan toggle.

  2. 02

    Open the flow

    See every page of an app's flow in order, full length, at both widths.

  3. 03

    Build it your way

    Sign in to copy a ready build prompt, or let your agent fetch it with search_screens and get_app_flow. Use pages for structure, never another app's brand.

Browse the library
Shopify · 4 pages
Product intel

Let agents read your market

6to9's agents study your competitors and your category, and turn what they find into ideas you can build.

  1. 01

    Paste your URL

    Get a market report on your product in minutes. No account needed to read it.

  2. 02

    Claim it

    The report becomes your workspace, and your agents keep working: rivals, narratives, growth ideas and prototypes on your own site.

  3. 03

    Build from it

    Your coding agent asks recommend_features for what to build next and get_build_spec for a build-ready spec.

Get your market report
A market report: the narratives in your category
Your coding agent

Connect your agent

All three work inside Claude Code, Cursor, Codex or any MCP client, through one server: https://mcp.6to9.ai/mcp

Claude Code

/plugin marketplace add 6to9-ai/6to9-plugin
/plugin install 6to9@6to9

The first 6to9 call opens your browser to sign in. No key to paste.

Cursor, Codex and other MCP clients

Add the server URL above. Clients that can sign in through the browser do; the others send an API key as Authorization: Bearer <key>, which you can create after signing in.

Sign in and connectSetup details

Using the 6to9 Chrome extension?

Edit any live page in plain language, preview the change and share it.

Extension guide