The design systems behind the best websites, taken apart.

    Musterlab measures real product sites and writes down what makes them work: palette, type, spacing, rules. Browse the library for free, or let your AI pull a style straight into your project.

    Your AI, with taste.

    Musterlab is also an MCP server. Connected to Claude, Codex, Cursor or any other client, your assistant searches the library, picks a style and writes the export into your project without leaving the editor. The server is part of Pro: create an account, subscribe, and create a personal key in your account area. Every key belongs to one person.

    1. Make our settings page feel like Ramp. Keep the layout, take their colours and type.
    2. get_style domain ramp.com
    3. Found Ramp in the library: a quiet neutral palette.
    4. get_style_export format css
    5. Wrote the variables to styles/theme.css and mapped them onto the settings page tokens. Emphasis comes from weight and spacing, as in the original.
    • Claude
    • Codex
    • Cursor
    • Windsurf
    • Visual Studio Code

    Free to look. Pro to plug in.

    The library stays open for everyone. Pro adds the connection to your AI tools.

    Free

    €0

    For looking closely. No account needed.

    • The whole library, every design system in full
    • Palettes, type scales, spacing and written rules
    • Exports as DESIGN.md, Tailwind, CSS variables or tokens
    Browse the library

    Pro

    €7 per month, billed as €84 a year

    For plugging the library into your AI. Needs an account and an active subscription.

    • Everything in Free
    • The Musterlab MCP server inside Claude, Cursor and other clients
    • Personal API keys you can revoke at any time
    • New styles on the day they are added
    Get Pro

    Questions, answered.

    Is the library really free?

    Yes. Every style, its full design system and all four export formats are open to anyone. Only the connection to AI tools is part of Pro.

    What do I need to use the MCP server?

    Four steps. Create an account, get Pro on the billing page, create a key under API keys, and paste the setup snippet into Claude, Codex or Cursor. The key is shown once and can be revoked at any time; it works as long as your subscription is active.

    Does Musterlab copy websites?

    No. It measures them and writes the measurements down: colours, type, spacing, rules. Screenshots serve as reference. You build with the description, not with someone else's assets.

    Which formats can I take with me?

    A DESIGN.md your AI can read, a Tailwind theme, CSS variables and a design tokens file. Compact or extended, for every style.

    Start with a closer look.