|
| 1 | +--- |
| 2 | +title: Prompt Library |
| 3 | +page_title: Telerik UI for .NET MAUI Prompt Library |
| 4 | +description: Explore the extensive collection of prompts that you can use with the Telerik UI for MAUI AI Coding Assistant. |
| 5 | +slug: ai-prompt-library |
| 6 | +position: 4 |
| 7 | +--- |
| 8 | + |
| 9 | +# Telerik UI for MAUI Prompt Library |
| 10 | + |
| 11 | +Welcome to the Telerik UI for MAUI Prompt Library. |
| 12 | + |
| 13 | +The prompts provided here are intended and optimized for use with the Telerik UI for MAUI AI Coding Assistant [MCP Server]({%slug ai-mcp-server%}). They can help you kick start your app development and speed up the component configuration process. |
| 14 | + |
| 15 | +This collection of prompts is not exhaustive and the Telerik UI for .NET MAUI team is constantly working on adding more prompts to the library. |
| 16 | + |
| 17 | +>tip [Go straight to the prompts](#general-prompts) |
| 18 | +
|
| 19 | +## How to Use the Prompts |
| 20 | + |
| 21 | +All prompts in this library target the [MCP Server]({%slug ai-mcp-server%}) via the `#telerik-maui-assistant` handle. Make sure that you have installed and enabled the MCP Server before attempting to run the prompts. |
| 22 | + |
| 23 | +1. Browse the prompt library to find a prompt that suits your needs. |
| 24 | +2. Copy the prompt text (including the `#telerik-maui-assistant` handle). |
| 25 | +3. (Optional) Customize the prompt as needed for your specific use case but keep the `#telerik-maui-assistant` handle.<br/>When modifying the prompts, make sure the changes comply with the [recommendations]({%slug ai-overview%}#recommendations) for the AI Coding Assistant. |
| 26 | +4. Run the prompt against the [MCP Server]({%slug ai-mcp-server%}). |
| 27 | + |
| 28 | +>warning Always double-check the code and solutions proposed by any AI-powered tool before applying them to your project. |
| 29 | +
|
| 30 | +>caption Use with the Copilot Extension |
| 31 | +
|
| 32 | +To run the provided prompts in the [Telerik UI for MAUI GitHub Copilot Extension]({%slug ai-copilot-extension%}) (without the MCP Server installed), modify the prompts to use the `@telerikmaui` handle instead. |
| 33 | + |
| 34 | +## General Prompts |
| 35 | + |
| 36 | +This section provides examples of general questions related to Telerik UI for MAUI. |
| 37 | + |
| 38 | +```code |
| 39 | +#telerik-maui-assistant How do I set up a basic .NET MAUI project with Telerik UI components? |
| 40 | +``` |
| 41 | + |
| 42 | +```code |
| 43 | +#telerik-maui-assistant What are the most commonly used Telerik MAUI controls for data display and input? |
| 44 | +``` |
| 45 | + |
| 46 | +```code |
| 47 | +#telerik-maui-assistant Show me how to apply a consistent theme across all Telerik MAUI controls in my application. |
| 48 | +``` |
| 49 | + |
| 50 | +## Component-Specific Prompts |
| 51 | + |
| 52 | +This section provides examples of prompts targeting specific Telerik UI for MAUI components. |
| 53 | + |
| 54 | +### DataGrid |
| 55 | + |
| 56 | +```code |
| 57 | +#telerik-maui-assistant Create a data grid with 100 records each having Id, Name and Company. Group the data by Company. Sort by name. Add aggregate count function for the company column. |
| 58 | +``` |
| 59 | + |
| 60 | +```code |
| 61 | +#telerik-maui-assistant Data bind the DataGrid control to a collection of items. Add columns for stock data manually where one of the columns should use a ComboBox. |
| 62 | +``` |
| 63 | + |
| 64 | +```code |
| 65 | +#telerik-maui-assistant Create a DataGrid with 100 employee records with two columns for name and company name. Include paging in the DataGrid with 20 records per page. |
| 66 | +``` |
| 67 | + |
| 68 | +```code |
| 69 | +#telerik-maui-assistant Create a DataGrid with 3 columns - Name, Country, City. Add the corresponding business object in the code behind and populate it with sample data. Add 20 entries to the data. |
| 70 | +``` |
| 71 | + |
| 72 | +```code |
| 73 | +#telerik-maui-assistant Create a DataGrid with 3 columns - Name, Country, City. Add sample data from ViewModel. I would like the Name column to be frozen, the Country and City should not be editable. Allow filtering only for Name and disable sorting for all columns. |
| 74 | +``` |
| 75 | + |
| 76 | +```code |
| 77 | +#telerik-maui-assistant Add DataGrid with initially 5 items. New 10 items should be loaded on demand. Enable multiple selection of cells. |
| 78 | +``` |
| 79 | + |
| 80 | +### CollectionView |
| 81 | + |
| 82 | +```code |
| 83 | +#telerik-maui-assistant Add CollectionView. Enable drag and drop operation in the control. |
| 84 | +``` |
| 85 | + |
| 86 | +```code |
| 87 | +#telerik-maui-assistant Add CollectionView for countries bound to 500 items in the view model. Sort the data by date founded property and group the data by continent. Apply styling to the countries. |
| 88 | +``` |
| 89 | + |
| 90 | +```code |
| 91 | +#telerik-maui-assistant Add an example with the control bound to a collection of 200 items. The items should contain name, address, city and id. Preselect the second item and apply custom ui for the items. The UI should also include an image and a checkbox. |
| 92 | +``` |
| 93 | + |
| 94 | +```code |
| 95 | +#telerik-maui-assistant Add CollectionView with 50 countries, show the country in the collectionview and group by continent. Enable sticky groups and add info in the headers how many items are in each group. Add UI in the header of the collectionview for filtering by country. In the footer add the count of all countries. |
| 96 | +``` |
| 97 | + |
| 98 | +### ComboBox |
| 99 | + |
| 100 | +```code |
| 101 | +#telerik-maui-assistant Add ComboBox data bound to a collection of business objects. Each object should have a Name, Address, City and Country property. Use the Name to display the items in the UI. |
| 102 | +``` |
| 103 | + |
| 104 | +```code |
| 105 | +#telerik-maui-assistant Add ComboBox data bound to a collection of business objects. Each object should have a Name, Address, City and Country property. Use the Name to display the items in the UI. Show all of the properties in the drop down and allow multiple selection. |
| 106 | +``` |
| 107 | + |
| 108 | +```code |
| 109 | +#telerik-maui-assistant Add ComboBox with 30 countries. Allow multiple selection and prevent the dropdown from closing on selection. Set the placeholder to "Select Country". |
| 110 | +``` |
| 111 | + |
| 112 | +### Chart |
| 113 | + |
| 114 | +```code |
| 115 | +#telerik-maui-assistant Create a line chart with 100 records of sample data. Each record should have Value plotted on the vertical axis and Date on the horizontal axis. |
| 116 | +``` |
| 117 | + |
| 118 | +```code |
| 119 | +#telerik-maui-assistant Create a chart with mixed series visualization - bar, line and point. Each item should have a category representing a quarter (Q1, Q2, etc.) and a numeric value representing the sales for the quarter in US dollars. |
| 120 | +``` |
| 121 | + |
| 122 | +```code |
| 123 | +#telerik-maui-assistant Add Bar Chart with sample data. Apply horizontal zooming, enable panning and show tooltips. |
| 124 | +``` |
| 125 | + |
| 126 | +### TabView |
| 127 | + |
| 128 | +```code |
| 129 | +#telerik-maui-assistant Create TabView with 3 tabs and preselect the second tab. First tab should have a CollectionView as content, second tab should have a detail view for stocks, third tab should have a pie chart. |
| 130 | +``` |
| 131 | + |
| 132 | +```code |
| 133 | +#telerik-maui-assistant Create a TabView with custom templates for header items. The header item template should have a label for displaying icons, text and a delete button (removing the tab). |
| 134 | +``` |
| 135 | + |
| 136 | +```code |
| 137 | +#telerik-maui-assistant Add TabView with 2 items. Provide a button at the bottom right corner of the page for adding items. When the button is clicked add new items. |
| 138 | +``` |
| 139 | + |
| 140 | +### Scheduler |
| 141 | + |
| 142 | +```code |
| 143 | +#telerik-maui-assistant Define a scheduler with all available views. By default show week view. Create sample appointments visible in the current week for Monday and Friday. Use ViewModel for the appointments source. |
| 144 | +``` |
| 145 | + |
| 146 | +### Entry and MaskedEntry |
| 147 | + |
| 148 | +```code |
| 149 | +#telerik-maui-assistant Create a form with multiple RadEntry controls for user registration including name, email, phone number, and address fields. Apply validation to each field. |
| 150 | +``` |
| 151 | + |
| 152 | +```code |
| 153 | +#telerik-maui-assistant Add MaskedEntry controls for phone number, social security number, and credit card number input with appropriate masks and validation. |
| 154 | +``` |
| 155 | + |
| 156 | +### DatePicker and TimePicker |
| 157 | + |
| 158 | +```code |
| 159 | +#telerik-maui-assistant Create a booking form with DatePicker for selecting a date and TimePicker for selecting a time. Set minimum and maximum date ranges and validate the selected date-time combination. |
| 160 | +``` |
| 161 | + |
| 162 | +### Button and RadButton |
| 163 | + |
| 164 | +```code |
| 165 | +#telerik-maui-assistant Create a set of styled RadButtons with different appearances - primary, secondary, and accent colors. Include buttons with icons and text. |
| 166 | +``` |
| 167 | + |
| 168 | +### Popup |
| 169 | + |
| 170 | +```code |
| 171 | +#telerik-maui-assistant Create a Popup that displays detailed information about a selected item. The popup should be modal and include a close button. Show sample content with text, images, and action buttons. |
| 172 | +``` |
| 173 | + |
| 174 | +## See Also |
| 175 | + |
| 176 | +* [GitHub Copilot Documentation](https://docs.github.com/en/copilot) |
| 177 | +* [GitHub Copilot Tutorials](https://github.com/features/copilot/tutorials) |
| 178 | +* [Telerik MAUI MCP Server]({%slug ai-mcp-server%}) |
| 179 | +* [Telerik UI for .NET MAUI Documentation](https://docs.telerik.com/devtools/maui/) |
0 commit comments