Generative AI Terms of Use
Interact with AI to provide information and create action codes.
For AI models, we use the following
Claude 3.7 Sonnet (Anthropic)
AI Document Assist
Interact with AI to answer questions based on the manual.
Method
- Click the
[AI Document Assist]icon in the upper right corner. - An AI Document Assist window will open.
- Enter your question.
- Click the
[↑]button on the right side of the question entry field to ask a question. - The answer will be returned in chat format.
AI Code Suggest
AI functions are used to assist in action description based on the described actions.
Method
- Open the action editor on the UI.
- Describe the action.
- Enter comments about the code to be generated.
- Right-click and select
[AI Code Suggest]. Alternatively, use the shortcut keysCtrl + K (Command + K). - A description of the action created using the AI function will appear below the comment line.
Prompt
For prompts when using AI Code Suggest, code specifications and detailed measures can be written to generate more detailed actions.
//objective//fine means...As a sample, the prompt is to generate an action that calculates the age based on the current date from the value entered in the input field.
// Age Calculation // Get the value of each input field for the date of birth and calculate the current age from the current date.// Outputs an error message if a future date is enteredAI Code Syntax Fix
AI functions are used to fix syntax errors in the entire written code.
Added in v3.4.0.
Method
- Open the action editor on the UI.
- Describe the action.
- Right-click and select
[AI Code Syntax Fix]. Alternatively, use the shortcut keysCtrl + Alt + F (Command + Alt + F). - A diff confirmation dialog will be launched, displaying the original code on the left side and the fixed code on the right side.
- By clicking the
[Apply]button, you can apply the fixed code to the entire editor. By clicking the[Cancel]button, you can exit without applying the fix.
AI SQL Suggest
Uses AI to assist with writing SQL statements in SQL functions.
This feature was added in v3.4.0.
Method
- Open the action editor in the UI.
- Create a new SQL function or open an existing SQL function.
- Right-click and select
[AI SQL Suggest].
Alternatively, use the shortcutCtrl + Alt + P (Command + Alt + P). - The AI SQL Suggest dialog opens. Enter instructions for SQL generation and select the database to use.
- Click
[Execute]to display the generated SQL statement in the editor. - Click
[Cancel]to exit without generating SQL.
Prompt
When using AI SQL Suggest, you can generate SQL statements that better match your intent by writing specific instructions for databases and tables.
As an example, the following prompt generates SQL to extract records by product name using the goods table (products) and maker table (manufacturers).
Join the goods table and the maker table, and output goods_id, goods_name, maker_id, maker_name, price, stock, rating, sale_id, discount, start_date, end_date, image, disp_num.Partially match name with param.p1. Sort the results in ascending order by disp_num.AI UI Suggest
Uses AI to automatically generate a UI from a source UI image and instruction prompt.
This feature was added in v4.0.0.
Method
- Click the
AI UIicon in the UI editor header. - Select
AI UI Suggestfrom the AI UI menu. - The AI UI Suggest dialog appears.
- Upload a source UI image and optionally enter additional instructions.
- Select a processing level for generation.
- Click
Execute. After generation completes, the result is reflected in the editor.
Supported Components for Generation
The following components can be generated from the input image.
| Component |
|---|
| Text Input |
| Text Area |
| Number Input |
| High-precision Number |
| Search Field |
| Password |
| Select Box |
| Combo Box |
| Radio Button |
| Radio Button Group |
| Check Box |
| Check Box Group |
| Switch |
| Rating |
| Slider |
| Spreadsheet |
| Date Picker |
| Time Picker |
| DateTime Picker |
| File |
| Data Grid |
| Button |
| Icon Button |
| 2D Scanner |
| Typography |
| Rich Text |
| Image |
| Image List |
| Avatar |
| Basic List |
| Detailed List |
| Table |
| File View |
| Map |
| App Bar |
| Link |
| Breadcrumbs |
| Stepper |
| Bottom Navigation |
| Tree View |
| Tabs |
| Box |
| Divider |
| Line Chart |
| Bar Chart |
| Area Chart |
| Pie Chart |
| Radar Chart |
| Event Calendar |
AI UI Modify
Uses AI to automatically adjust the layout of an existing UI.
This feature was added in v4.0.0.
Method
- Click the
AI UIicon in the UI editor header. - Select
AI UI Modifyfrom the AI UI menu. - The AI UI Modify dialog appears.
- Enter specific layout adjustment instructions and optionally select a UI to use as layout reference.
- Select a processing level for generation.
- Click
Execute. After adjustment completes, the result is reflected in the editor.
AI Credits
Credits are consumed when using AI functions.
Credits are distributed monthly for each environment.
Levels
For the AI features below, you can select a processing level suitable for the task.
Select from the Level icon in the Action Board header
- AI Code Suggest
- AI Code Fix
- AI SQL Suggest
Select in the dialog at execution time
- AI UI Suggest
- AI UI Modify
The limits for each level are as follows.
| Level | Maximum Input Tokens | Maximum Output Tokens | Consumed AI Credits |
|---|---|---|---|
| 10 | 1000 | 1000 | 10 |
| 20 | 2000 | 2000 | 20 |
| 30 | 3000 | 3000 | 30 |
| 40 | 4000 | 4000 | 40 |
| 50 | 5000 | 5000 | 50 |
| 100 | 10000 | 10000 | 100 |
| 200 | 20000 | 20000 | 200 |