Evolve Your MDK App with Agentic AI using MCP Tools

In this step, you will use the agent to ask project-aware questions about MDK. The agent responds in the context of your existing project, helping you understand Client APIs, implementation choices, and related documentation. You are free to ask the agent any questions related to MDK. To demonstrate this capability, the following steps use a concrete example from the generated project to explore a Client API and its documentation.

1. In the Cline window, copy and paste the following prompt into the input field and execute it.

   Shell Copy

   Explain this line.
   let result = clientAPI.actionResults.AppUpdate.data;

   

2. The MCP client analyzes the code and provides a detailed breakdown of the statement.

   

   Generated responses may differ from the examples shown in this tutorial. Minor variations in code or output are expected.

3. In the Cline window, execute the following prompt:

   Shell Copy

   I want to allow business users to upload media files to the backend. However, I want to limit the file size to a maximum of 2 MB. Refer documentation and suggest how can I achieve this?

4. The MCP client (Cline) recognizes that the MDK MCP server should be used and executes the request using the mdk-docs tool.

   

   The generated response includes examples showing how to restrict file size using a Form Cell Attachment control. It also generates a README file containing reference examples for different use cases.

   

   Generated responses may differ from the examples shown in this tutorial. Minor variations in code or output are expected.

5. You can also ask general conceptual questions, for example:

   Shell Copy

   How does an offline app work on a mobile device?

   The MCP client provides a detailed explanation in the context of MDK offline applications.

In this step, you will use the agent to modify existing UI screens based on your requirements. You will change the main page layout from a classic list to a bottom bar container and reorder the Sales Orders list page to display more meaningful information.

1. In the Cline window, execute the following prompt:

   Shell Copy

   Update main page displaying all information in a bottom bar and include icons for each item. Remove com_sap.. , page caption and Sync options. 
   Also re-generate the sales order list page displaying Order ID, Customer Name, price along with currency,  style the status property (generate style classes if needed), and display the Date value in Date Time (DT) formatter. Once done, validate and deploy project.

2. The MCP client generates the required updates, validates the project, and deploys it.

   

   Generated responses may differ from the examples shown in this tutorial. Minor variations in code or output are expected.

Ensure that you select the correct device platform tab above.

In this step, you will use the MCP agent to generate business logic that dynamically updates application data.

1. In the Cline window, execute the following prompt:

   Shell Copy

   Instead of just displaying text for the caption property (line 11) on the sales order list page, I want to additionally display the total number of sales orders. 
   For example, Sales Orders (total count)

   

2. The MCP client generates a MDK rule in JavaScript containing the required logic and binds it to the caption property. After validation, the project is automatically deployed. (Right-click SalesOrderHeaders_List.page to open it with text editor)

   

   Generated responses may differ from the examples shown in this tutorial. Minor variations in code or output are expected.

Ensure that you select the correct device platform tab above.

In this exercise, you enhanced an existing SAP MDK application using agentic AI powered by MCP tools. You learned how to interact with a project-aware agent to understand MDK Client APIs, explore documentation, and receive contextual guidance directly within the IDE. Using natural language prompts, you modified UI layouts, enhanced list pages, and implemented dynamic business logic.

With MCP-driven development, there are many opportunities to accelerate and simplify MDK application development. You are encouraged to apply these techniques in your own projects—experiment with different prompts, enhance additional features, and continue your MDK learning with agentic AI as your development companion.