{"id":19003,"date":"2025-12-24T11:30:42","date_gmt":"2025-12-24T16:30:42","guid":{"rendered":"https:\/\/blogs.mathworks.com\/deep-learning\/?p=19003"},"modified":"2025-12-24T12:11:54","modified_gmt":"2025-12-24T17:11:54","slug":"antigravity-plus-matlab-is-wicked-good","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/deep-learning\/2025\/12\/24\/antigravity-plus-matlab-is-wicked-good\/","title":{"rendered":"Antigravity + MATLAB is wicked good"},"content":{"rendered":"
<\/h6>\r\nGoogle released a new agentic development environment called Antigravity<\/strong>. And it works great with MATLAB. (It's wicked as they say in Boston!)\r\n
<\/h6>\r\nIf you are looking to defy gravity, here is a fun use case for an app leveraging the power of MATLAB and Antigravity:\r\n
<\/div>\r\n
<\/h6>\r\n
\"\"<\/div>\r\n
<\/h6>\r\n
<\/h6>\r\n \r\n
<\/h6>\r\n
<\/h6>\r\nThis article will look at three different components, that were built using Antigravity + MATLAB:\r\n\r\n \r\n
<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n
\r\n
Component<\/div><\/td>\r\n
\r\n
Description<\/div><\/td>\r\n<\/tr>\r\n
\r\n
uihtml + React workflow<\/span><\/div><\/td>\r\n
\r\n
Modern web frameworks embedded seamlessly in MATLAB desktop apps<\/div><\/td>\r\n<\/tr>\r\n
\r\n
Flight data replay<\/span><\/div><\/td>\r\n
\r\n
Post-process and visualize trajectories with gravityFlightDashboard<\/span><\/div><\/td>\r\n<\/tr>\r\n
\r\n
Defying Gravity Toolbox<\/span><\/div><\/td>\r\n
\r\n
A fully-packaged MATLAB app with 3D graphics powered by Three.js<\/div><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n
<\/div>\r\n
<\/div>\r\n
<\/h6>\r\n \r\n
<\/h6>\r\n
<\/h6>\r\n

The AI Copy & Paste Problem (Revisited for apps)<\/h2>\r\n

<\/h6>\r\nRegular readers will remember the core problem that led us to release the MATLAB MCP Core Server<\/a>: the tedious copy-paste loop between your favorite AI chat and MATLAB. Write code in ChatGPT or Claude, copy it, paste it in MATLAB, get an error, copy the error, paste it back... iterate.\r\n
<\/h6>\r\nThe MCP server solved that for MATLAB code. But what about apps<\/strong>?\r\n
<\/h6>\r\nBuilding a MATLAB app with modern 3D graphics used to require deep knowledge of app building in MATLAB, plus OpenGL graphics. Now, with uihtml, you can embed any web technology\u2014React, Three.js, D3.js\u2014directly inside a MATLAB figure. The catch? You need to know web development too.\r\n
<\/h6>\r\nThat is where AI agents come in. I described what I wanted in natural language, and Antigravity (with the MATLAB MCP Core Server connected) helped me scaffold the whole thing.\r\n
<\/h6>\r\n \r\n
<\/h6>\r\n

Connect MATLAB to Antigravity<\/h2>\r\n

<\/h6>\r\nLet's start by connecting MATLAB to Antigravity. There are two steps you can take, quite similar to how you would in VSCode (Antigravity is a fork of VSCode):\r\n
    \r\n \t
  1. Install the MATLAB extension<\/li>\r\n \t
  2. Set up the MATLAB MCP Core Server<\/li>\r\n<\/ol>\r\n \r\n
    <\/h6>\r\nNavigate to the extension side-panel, and search for\u00a0MATLAB<\/strong>:\r\n
    <\/h6>\r\n\"\"\r\n
    <\/h6>\r\n \r\n
    <\/h6>\r\nYou will find the MCP Server setup screen in the three dots on the top right of the Agent side panel (slightly different from VSCode).\r\n
    <\/h6>\r\n
    <\/h6>\r\n\"\"\r\n
    <\/h6>\r\n \r\n
    <\/h6>\r\n
    <\/h6>\r\nOnce your MATLAB is connected to Antigravity, you can ask the following prompt:\r\n
    <\/h6>\r\n
    Generate a MATLAB App with 2 windows:\r\nOne web frontend implementing a flight simulator in React and ThreeJS that enables to record the trajectory in a CSV file. This web frontend will be integrated in a MATLAB uihtml component.\r\nThe second window is a dashboard post-processing the trajectories with MATLAB plots. There is a button that enables to open the simulator from this view.<\/blockquote>\r\n
    <\/h6>\r\n \r\n
    <\/h6>\r\n
    <\/h6>\r\n

    Testing web frontend before integration in uihtml<\/h2>\r\n

    <\/h6>\r\nMATLAB Apps can integrate HTML UI components through the use of the function uihtml<\/a>. One great combo is to use the embedded chrome browser in Antigravity to test the interactions of the web frontend before integrating it into your app:\r\n
    <\/h6>\r\n
    <\/h6>\r\n