Meng To: Building Web Designs and Three.js Scenes with Opus 5.5 and Mobbin MCP

X postMeng ToTutorial

Designer Meng To published a 47-minute tutorial explaining how he uses Opus 5.5 and the Mobbin MCP to design and build complete landing pages featuring interactive Three.js 3D scenes.

Key points

  1. Meng To uses Mobbin MCP to provide AI agents with strong UI and design references.
  2. Opus 5.5 compiles these references into a multi-section landing page with a unified design aesthetic.
  3. All 3D scenes featured on the page are written purely in Three.js code.
  4. Beyond code, Opus 5.5 created brand guidelines, logo variations, and digital ad assets.
  5. Meng To provides access to the live demonstration, prompt history, and source files.

Why it matters

Pairing curated design reference tools via the Model Context Protocol (MCP) with modern LLMs enables designers to build sophisticated, 3D-driven web interfaces directly in code, closing the gap between design mockups and frontend implementation.

Analysis

Meng To highlights a practical workflow showing how agents can be grounded with domain-specific design datasets using MCP. Rather than relying on generic model defaults, feeding Mobbin references into Opus 5.5 results in higher visual coherence and functional Three.js code, making advanced generative frontend workflows accessible to product designers.

Original post

Meng To

@MengTo · 25 September 2026

I recorded a 47-minute tutorial on how I use Opus 5.5 to create designs with gorgeous three.js scenes. I've been using Mobbin MCP to give my agents strong references, then letting Opus bring them together into a full landing page with multiple sections and a consistent design. t.co/Kv2HO11pth

494 likes25 replies796 bookmarks27k views

View on X
More posts in the thread (8)
  1. @fireplyai genuinely impressed by opus 5.5's taste in colors
  2. @islemonarch so good. mobbin is what models are trained on.
  3. @giacomomasseron opus understood the assignment
  4. @ZidaneZ08902030 maybe opus did hide a 3d-printed unicorn in the code
  5. @JamesMalsawm will share all the source files
  6. @mortenpx means a lot! been working hard on those
  7. @corax____ yep it's all code in three.js
  8. @mortenpx @joindiveclub @ridd_design can't ask better than this. changing one's workflow from an episode has to be high on that list of outcomes. thanks to @ridd_design
Selected replies (5)
  • @fireplyai @MengTo okay that roof at dusk is genuinely pretty
  • @giacomomasseron @MengTo solar panel render on that roof actually looks physically placed, not pasted on like most ai landing pages
  • @mortenpx @MengTo I listened to your latest episode @joindiveclub with @ridd_design and it inspired me to go a step deeper as a designer… Now I’m editing stuff for my clients directly in code via agents and submitting PRs daily 🔥
  • @mortenpx @MengTo Dude you are the goat with AI tutorials 🔥
  • @islemonarch @MengTo Literally was playing with Mobbin mcp today, it’s the most underrated feature they added, thanks for spreading the word.

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • X post:Meng To

    ThreeUI: Meng To Expands Procedural Three.js Library Using Claude Code

    Designer Meng To has expanded his open-source ThreeUI library by 60 new Three.js components, bringing the total to 280. He leverages Claude Code and Opus to rapidly generate variations in themes, environments, and interactions directly from existing source code.

    1.2kbookmarks100.5kviews

    AI & LLMs· Tool

  • X post:Himanshu Hingorani

    AI-Driven Workflow for 3D Web Design and Interactive Frontends

    Himanshu Hingorani showcases a multi-step AI workflow for creative frontend design combining Midjourney v7, Claude Opus 5, Cursor, and Claude Code. Using an interactive 3D stage project named 'Zephyr', he argues against flat, cookie-cutter SaaS landing pages in favour of immersive web experiences.

    28bookmarks2.7kviews

    AI & LLMs· Demo

  • X post:Eric Buess

    Code-Driven Video and 3D Visualisation with Opus 5.5

    Eric Buess curates a thread of community demonstrations showcasing how Opus 5.5 and Claude Code produce videos, 3D scenes, and interactive educational graphics, frequently relying entirely on programmatically generated code rather than traditional diffusion models.

    176bookmarks77.3kviews

    AI & LLMs· Demo

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.