Introduction to MCP

Why use MCP?

The user copies the AI ​​coding connection information from the website list and passes it to the AI. Connection information includes the MCP address, public development documentation, paths to the MCP's full manual, and instructions for viewing the documentation.

Each AI coding connection information is linked to only one Cake20 website. The files the AI ​​sees and the changes it makes are also limited to that website folder.

Preview browser and internal inspection

In general implementation and inspection, isolate without image with start_mcp_browser Open the browser and check the DOM, iframe, communication and screen transitions as text. Use image tools only if the user specifies a screen capture or visual confirmation. I use it.

• Core authorizes the MCP browser and site scope; Provider executes Playwright.
• control_mcp_browser performs clicking, typing, moving, and refreshing without images.
• inspect_preview inspects the document status, element location, visibility, and style of all iframes. Confirm.
• get_preview_network returns HTTP results and WebSocket connection status, trace_preview checks for blank screens and changes in element visibility over short intervals.
• If there is an explicit request, check the design or inspection screen with open_preview.
• Interact with the screen with interact_preview only when necessary in the same request scope.
• Preview images returned in explicit requests are automatically displayed in the corresponding AI Chat response.
• Password/Token/Cookie values, request/response body, and WebSocket payload are It is not included in the test results.

Connection method

• Uses MCP Streamable HTTP JSON-RPC.
• It operates as a single stateless POST endpoint and does not provide a GET stream.
• AI coding connection information is only connected to one website and automatically expires 24 hours after issuance.
• The AI ​​coding window is automatically issued only when there is no saved URL or when it has expired. The URL will remain the same even if you reopen the window.
• Directly updating the valid URL and expiration time can only be done with the reissue button.
• Through resources and tools, documents, source/binary files, settings/Secret, DB, Provides Redis, Git, build, log, and execution website verification functions.

The border between account portal and MCP

The brand notation of the Manager browser title uses the English Cake20 Core. Each website on my site displays a message icon to the right of the title. The pop-up provides tabs for direct message and memo order. The unread message It is indicated by a green dot on the icon. The bottom address is It is abbreviated as web-{id} and the copy icon on the right shows the entire address for each environment. Copy. Action notifications on my site only occur when an error occurs Display. To the right of the owner information, click the ? The icon is a small summary of operations. Displays as a text popover and closes when clicked outside. On mobile Site name, status, Priority is given to the Start, Open, AI Coding, and Message icons. The three action buttons are Divide one line into three equal widths and open the executable website button. Displayed with a blue background. While it is possible to start, press the start button, While it is possible to open it, press the very light gray bordered Open button. gently It fades repeatedly and maintains the text and icon colors. Start button background Fade vertices to almost white, open button background to medium gray Display. Hides the editor, settings and more. The AI ​​coding pop-up only displays the modification request text and copy, and executes the codex. Hides independent MCP URL management. The administrator settings of the template are also hidden on mobile. The top menu for tablets and below is provided as a collapsible menu.

Message box, subscription application, member management and virtual login are through Cake20 Manager's account. This is a portal feature. The MCP connected to one website is connected to this account portal DB or No access to administrator functions. The top plan button is free sprout, subscription Only shows the crown and administrator shield icons. Plan icon and account name Display them as one separate and invisible area, but move plan and account separately. Preserve dropdown behavior. In the mobile collapsible menu, to the left of the account name Plan/Administrator settings icon items are not displayed. Buttons with message letters are displayed independently on the left. Member management Full list and subscription request Divided into tabs, the full list shows the total number of members, and the subscription application shows the number of applications waiting. Display and display both lists as an expandable table. Tabs, tables, pages Movement and search are bundled into one card. Nickname and email are divided into separate columns, and subscription/application status and Dates appear on a single line per cell, and column titles and content are centered. two The list is divided into 5 people, and page movement and nickname/email search are at the bottom of the table. Process it. The entire mobile list includes nickname, status, subscriptions, and messages, but subscription requests are Only nickname, period/amount and management are displayed first. On tablets and desktops Steps through the remaining columns based on the screen width. Login/message blocking Buttons are displayed in a separate Blocked column and are blocked. Displays the icon of the function in red. If only one status column is blocked Orange, if both are blocked, red. For free members, mark Free in the subscription box and click on the subscription badge to see the end date. Displays as a small popover. Administrator notes have focus in the text box. It automatically saves when you leave. Recent application status When clicked, the application date will be displayed in a small popover. Message from the entire list The button provides a classification and 500 characters to the selected member. Opens a popup dedicated to sending content. Virtual login has a dedicated confirmation modal. You must press the OK button to call the session switching API. Administrator virtual login is You can also check members who are blocked from logging in, but access to regular logins and deleted members is not possible. Keep blocking. When you return to the administrator account, just before the virtual login Restore the member list page. When you click on the processing status of the subscription request table, Displays the processing date. Mark your current subscription as free or paid and select Paid. Click to display end date. Always display the Approve and Cancel buttons If it is not waiting for application, it is deactivated and the period and amount are displayed in one cell.