{"product_id":"esp-mosaico","title":"ESP-Mosaico | Modular Development Board Built for Coding Agents","description":"\u003cstyle\u003e\n  .mosaico-product-page,\n  .mosaico-product-page * {\n    box-sizing: border-box !important;\n  }\n\n  .mosaico-product-page {\n    font-family: inherit !important;\n    color: #1d1d1f !important;\n    max-width: 760px !important;\n    margin: 0 auto !important;\n  }\n\n  .mosaico-product-page img {\n    display: block !important;\n    max-width: 100% !important;\n    height: auto !important;\n  }\n\n  \/* ========================================\n     AI CODING VISUALS\n     Chat\/Vibe Cards → ESP-CLAW\n     Desktop: 44px\n     Mobile: 32px\n     ======================================== *\/\n\n  .mosaico-ai-visuals {\n    width: 100% !important;\n    padding: 0 0 112px !important;\n    margin: 0 !important;\n  }\n\n  .mosaico-ai-visuals img {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n\n  \/* Chat \/ Vibe 双卡片 *\/\n  .mosaico-ai-visuals .coding-cards-image {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n  }\n\n  \/* ESP-CLAW 图 *\/\n  .mosaico-ai-visuals .esp-claw-image {\n    margin-top: 44px !important;\n    margin-bottom: 0 !important;\n  }\n\n  \/* 手机端 *\/\n  @media screen and (max-width: 749px) {\n    .mosaico-product-page {\n      width: 100% !important;\n    }\n\n    .mosaico-ai-visuals .esp-claw-image {\n      margin-top: 32px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"mosaico-product-page\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection style=\"text-align: center; padding: 72px 0 120px;\"\u003e\n\u003cdiv style=\"font-size: 18px; line-height: 1.4; font-weight: 600; margin: 0 0 18px;\"\u003eESP-Mosaico\u003c\/div\u003e\n\u003ch2 style=\"font-size: 44px; line-height: 1.08; font-weight: 600; letter-spacing: -1.2px; margin: 0 0 28px;\"\u003eA Modicum of Effort.\u003cbr\u003eA World of Possibilities.\u003c\/h2\u003e\n\u003cp style=\"font-size: 19px; line-height: 1.55; color: #6e6e73; max-width: 640px; margin: 0 auto;\"\u003eBuilt for coding agents, ESP-Mosaico is a modular development board powered by ESP32-S31. With expansion modules and multi-device interaction, creators can build beyond the boundaries of a single device. ESP-Mosaico supports two ways to build: Chat Coding turns natural-language ideas into working hardware prototypes, while Vibe Coding supports a complete agent-driven development workflow.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- KEY FEATURES --\u003e\n\u003csection style=\"padding: 0 0 64px;\"\u003e\n\u003ch2 style=\"font-size: 36px; line-height: 1.12; font-weight: 600; letter-spacing: -0.7px; text-align: center; margin: 0 0 56px;\"\u003eKey Features\u003c\/h2\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 48px; text-align: center;\"\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"font-size: 30px; line-height: 1.1; font-weight: 600; margin: 0 0 10px;\"\u003eESP32-S31\u003c\/div\u003e\n\u003cdiv style=\"font-size: 15px; line-height: 1.5; color: #6e6e73;\"\u003eDual-core RISC-V · up to 320 MHz\u003cbr\u003eWi-Fi 6 · Bluetooth 5.4 · Thread 1.4 · Zigbee 3.0\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"font-size: 30px; line-height: 1.1; font-weight: 600; margin: 0 0 10px;\"\u003eAMOLED Touch Display\u003c\/div\u003e\n\u003cdiv style=\"font-size: 15px; line-height: 1.5; color: #6e6e73;\"\u003e480 × 480 · 2.16 inches\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"font-size: 23px; line-height: 1.2; font-weight: 600; margin: 0 0 10px;\"\u003eUSB 2.0\u003c\/div\u003e\n\u003cdiv style=\"font-size: 15px; line-height: 1.5; color: #6e6e73;\"\u003ePower · Debug · Data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"font-size: 23px; line-height: 1.2; font-weight: 600; margin: 0 0 10px;\"\u003eVoice Interaction\u003c\/div\u003e\n\u003cdiv style=\"font-size: 15px; line-height: 1.5; color: #6e6e73;\"\u003eSpeak. Ask. Create.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"font-size: 23px; line-height: 1.2; font-weight: 600; margin: 0 0 10px;\"\u003eDual Expansion Headers\u003c\/div\u003e\n\u003cdiv style=\"font-size: 15px; line-height: 1.5; color: #6e6e73;\"\u003e2 × 10 pins each · Connect expansion modules\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"font-size: 23px; line-height: 1.2; font-weight: 600; margin: 0 0 10px;\"\u003eMagnetic Assembly\u003c\/div\u003e\n\u003cdiv style=\"font-size: 15px; line-height: 1.5; color: #6e6e73;\"\u003eMulti-Device Interaction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODULAR EXPANSION --\u003e\n\u003csection style=\"padding: 0 0 128px;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3167\/1637\/files\/89_1.jpg?v=1789630494\" alt=\"ESP-Mosaico hardware\" style=\"display: block; width: 100%; height: auto; margin: 0 0 88px;\"\u003e\n\u003cdiv style=\"text-align: center; max-width: 650px; margin: 0 auto 36px;\"\u003e\n\u003ch2 style=\"font-size: 38px; line-height: 1.1; font-weight: 600; letter-spacing: -0.8px; margin: 0 0 22px;\"\u003eAdd New Hardware\u003cbr\u003eUnlock New Capabilities\u003c\/h2\u003e\n\u003cp style=\"font-size: 17px; line-height: 1.65; color: #6e6e73; margin: 0;\"\u003eExpand ESP-Mosaico with modules for sensing, control, display, and more. Add the capabilities your project needs without rebuilding the entire hardware setup as your idea evolves.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3167\/1637\/files\/wecom-temp-4816365-4b720660c34b487fd1eaf238739886d3.gif?v=1789479068\" alt=\"ESP-Mosaico modular expansion\" style=\"display: block; width: 100%; height: auto; margin: 0;\"\u003e\u003c\/section\u003e\n\u003c!-- AI CODING INTRO --\u003e\n\u003csection style=\"text-align: center; padding: 0 0 48px;\"\u003e\n\u003ch2 style=\"font-size: 40px; line-height: 1.08; font-weight: 600; letter-spacing: -0.9px; margin: 0 0 20px;\"\u003eBuilt for AI Agents\u003c\/h2\u003e\n\u003cp style=\"font-size: 19px; line-height: 1.55; color: #6e6e73; margin: 0;\"\u003eTwo ways to code\u003cbr\u003eOne journey from concept to product\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- AI CODING VISUALS --\u003e\n\u003csection class=\"mosaico-ai-visuals\"\u003e\u003c!-- Chat \/ Vibe Coding 双卡片图 --\u003e \u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3167\/1637\/files\/1.png?v=1791880104\" alt=\"\"\u003e\u003cimg class=\"esp-claw-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3167\/1637\/files\/image_15.png?v=1789876480\" alt=\"ESP-Mosaico coding workflow\"\u003e\u003c\/section\u003e\n\u003c!-- CHAT CODING --\u003e\n\u003csection style=\"padding: 0 0 112px;\"\u003e\n\u003cdiv style=\"text-align: center; max-width: 660px; margin: 0 auto 28px;\"\u003e\n\u003cdiv style=\"font-size: 21px; line-height: 1.3; font-weight: 600; color: #ff4c01; margin: 0 0 14px;\"\u003eChat Coding\u003c\/div\u003e\n\u003ch2 style=\"font-size: 38px; line-height: 1.1; font-weight: 600; letter-spacing: -0.8px; margin: 0 0 18px;\"\u003eDescribe It\u003cbr\u003eLet ESP-Claw Build It\u003c\/h2\u003e\n\u003cp style=\"font-size: 17px; line-height: 1.65; color: #6e6e73; margin: 0;\"\u003eWith Chat Coding, describe what you want in natural language and let ESP-Claw generate and run the application on ESP-Mosaico. Keep refining the experience through conversation as your idea develops.\u003c\/p\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.6; color: #9a9898; margin: 14px 0 0;\"\u003e*ESP-Claw: ESP-Mosaico's built-in AI agent framework.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3167\/1637\/files\/96.jpg?v=1789876729\" alt=\"ESP-Mosaico Chat Coding\" style=\"display: block; width: 100%; height: auto; margin: 0;\"\u003e\u003c\/section\u003e\n\u003c!-- VIBE CODING --\u003e\n\u003csection style=\"padding: 0 0 48px;\"\u003e\n\u003cdiv style=\"text-align: center; max-width: 660px; margin: 0 auto;\"\u003e\n\u003cdiv style=\"font-size: 21px; line-height: 1.3; font-weight: 600; color: #ff4c01; margin: 0 0 14px;\"\u003eVibe Coding\u003c\/div\u003e\n\u003ch2 style=\"font-size: 38px; line-height: 1.1; font-weight: 600; letter-spacing: -0.8px; margin: 0 0 18px;\"\u003eBring Your Desktop AI Agent\u003cbr\u003eInto the Full Workflow\u003c\/h2\u003e\n\u003cp style=\"font-size: 17px; line-height: 1.65; color: #6e6e73; margin: 0;\"\u003eVibe Coding brings a desktop AI coding agent into the complete development loop, from coding and simulation to deployment, testing, and real-device feedback.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MULTI DEVICE --\u003e\n\u003csection style=\"padding: 0 0 128px;\"\u003e\n\u003cdiv style=\"text-align: center; max-width: 650px; margin: 0 auto 32px;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3167\/1637\/files\/98_361c9ab4-12bc-4292-a720-47be9e35baef.jpg?v=1789881465\" alt=\"ESP-Mosaico\" style=\"display: block; width: 100%; height: auto; margin: 0 0 88px;\"\u003e\n\u003ch2 style=\"font-size: 38px; line-height: 1.1; font-weight: 600; letter-spacing: -0.8px; margin: 0 0 20px;\"\u003eBuild Beyond\u003cbr\u003ea Single Device\u003c\/h2\u003e\n\u003cp style=\"font-size: 17px; line-height: 1.65; color: #6e6e73; margin: 0;\"\u003eConnect multiple ESP-Mosaico devices to create cross-screen games, dashboards, and control interfaces that adapt to how the devices are physically arranged.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/3167\/1637\/files\/80a895fb6bafb1a4cd127162af82679a.gif?v=1789878974\" alt=\"ESP-Mosaico multi-device interaction\" style=\"display: block; width: 100%; height: auto; margin: 0;\"\u003e\u003c\/section\u003e\n\u003c!-- BUILT TO GROW --\u003e\n\u003csection style=\"text-align: center; padding: 0 0 112px;\"\u003e\n\u003cdiv style=\"max-width: 650px; margin: 0 auto 44px;\"\u003e\n\u003ch2 style=\"font-size: 38px; line-height: 1.1; font-weight: 600; letter-spacing: -0.8px; margin: 0 0 20px;\"\u003eBuilt to Grow\u003cbr\u003ewith Your Ideas\u003c\/h2\u003e\n\u003cp style=\"font-size: 17px; line-height: 1.65; color: #6e6e73; margin: 0;\"\u003eOn Mosaico.ai, discover and install apps, explore hardware projects, and share your own creations. Join the community, exchange ideas, and help shape what ESP-Mosaico becomes next.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 30px; line-height: 1.22; font-weight: 600; letter-spacing: -0.5px; margin: 0; color: #000;\"\u003eA Modicum of Effort.\u003c\/p\u003e\n\u003cp style=\"font-size: 30px; line-height: 1.22; font-weight: 600; letter-spacing: -0.5px; margin: 0; color: #000;\"\u003eA World of Possibilities.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Espressif Systems","offers":[{"title":"Vision Combo Kit (Core Unit v1.2 + Camera Module + Interaction Module) \/ White","offer_id":46328777703509,"sku":"ESP-Mosaico-EN(WHITE)","price":59.0,"currency_code":"USD","in_stock":false},{"title":"Vision Combo Kit (Core Unit v1.2 + Camera Module + Interaction Module) \/ Black","offer_id":46328777736277,"sku":"ESP-Mosaico-EN(BLACK)","price":59.0,"currency_code":"USD","in_stock":true},{"title":"Battery Module \/ White","offer_id":46328777769045,"sku":"Battery Module(WHITE)","price":15.0,"currency_code":"USD","in_stock":false},{"title":"Battery Module \/ Black","offer_id":46328777801813,"sku":"Battery Module(BLACK)","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0667\/3167\/1637\/files\/2_3.jpg?v=1790221306","url":"https:\/\/store.mosaico.ai\/products\/esp-mosaico","provider":"ESP-Mosaico Store","version":"1.0","type":"link"}