{"id":"b5499be9-19d3-451e-a563-b4a27d0752fa","shortId":"VyCyrQ","kind":"skill","title":"syncfusion-maui-smart-datagrid","tagline":"Implements Syncfusion .NET MAUI Smart DataGrid (SfSmartDataGrid) with AI-powered features. Use when working with SfSmartDataGrid, AI-powered grid operations, natural language data commands, AI sorting, AI filtering, or conversational grid interaction. Covers Azure OpenAI grid int","description":"# Implementing Syncfusion MAUI Smart DataGrid\n\nA comprehensive skill for implementing and customizing the Syncfusion .NET MAUI Smart DataGrid (SfSmartDataGrid) control. The Smart DataGrid combines traditional tabular data display with AI-powered natural language capabilities, enabling users to perform complex operations like sorting, filtering, grouping, and highlighting using simple text commands. It displays and manipulates data in a tabular format with advanced support for intelligent data operations, AI-assisted features, customizable assistant views, and event-driven architecture.\n\n## When to Use This Skill\n\nUse this skill when you need to:\n\n- **Add a Smart DataGrid to .NET MAUI applications** that requires AI-assisted data operations\n- **Enable natural language commands** for users to sort, filter, group, and highlight data without coding\n- **Configure Azure OpenAI or other AI providers** to power intelligent grid operations\n- **Customize the AssistView UI** with templates and styling for appearance customization\n- **Implement AI-powered features** like intelligent sorting with multi-column support and advanced filtering\n- **Manage grid operations programmatically** using methods like `GetResponseAsync()` and events\n- **Style toolbar, buttons, and assistant views** to match application design requirements\n\n## Component Overview\n\nThe `SfSmartDataGrid` (Syncfusion .NET MAUI Smart DataGrid) is an advanced data grid control that combines traditional grid functionality with AI-powered natural language processing. Users can interact with data using simple text commands instead of manual UI navigation.\n\n**Key Capabilities:**\n- **AI-Assisted Operations:** Sort, filter, group, and highlight data using natural language prompts\n- **Multi-Column Operations:** Apply complex operations in a single command (e.g., sort by multiple columns)\n- **Customizable AssistView:** Configure suggestions, prompts, and initial commands\n- **Flexible Styling:** Customize toolbar, buttons, and assistant view appearance with templates\n- **Event-Driven Architecture:** Handle requests, opening, and closing events for AI operations\n- **AI Service Integration:** Configure Azure OpenAI, Gemini, DeepSeek, or Groq services\n\n## Documentation and Navigation Guide\n\n### Getting Started\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n- Install Syncfusion.Maui.SmartComponents NuGet package\n- Register handlers in MauiProgram.cs\n- Configure Azure AI service with credentials\n- Create basic Smart DataGrid with data binding\n- Add OrderInfo data model and repository\n- Enable AI-assisted operations\n- Running and testing the application\n\n### AI-Powered Features\n📄 **Read:** [references/ai-powered-features.md](references/ai-powered-features.md)\n- Natural language sorting (single and multi-column)\n- Intelligent grouping with hierarchical support\n- Advanced filtering with conditions (AND/OR logic)\n- Highlighting rows and cells with custom colors\n- Clearing operations (sort, filter, group, highlight)\n- Example prompts and practical use cases\n\n### Customization and Configuration\n📄 **Read:** [references/customization.md](references/customization.md)\n- Set SuggestedPrompts for predefined suggestions\n- Configure Prompt for auto-execution on startup\n- Enable/disable smart actions with EnableSmartActions\n- Show AssistView programmatically with ShowAssistView()\n- Apply AI operations dynamically using GetResponseAsync()\n- Handle AssistViewRequest events\n- Manage AssistViewOpening and AssistViewClosing events\n\n### Appearance and Styling\n📄 **Read:** [references/appearance-styling.md](references/appearance-styling.md)\n- Style toolbar with background, stroke, and thickness\n- Create custom toolbar layout with ToolbarTemplate\n- Configure AssistButton appearance and icon color\n- Define custom AssistButton and icon templates\n- Customize AssistView popup, header, and colors\n- Create AssistView header, banner, and editor templates\n- Styling SmartAssistStyle properties\n\n### AI Service Configuration\n📄 **Read:** [references/ai-service-configuration.md](references/ai-service-configuration.md)\n- Configure Azure OpenAI service setup\n- Register ConfigureSyncfusionAIServices()\n- Set API key, endpoint, and deployment name\n- AI service requirements and prerequisites\n- Supporting alternative AI providers\n- Troubleshooting AI service connectivity\n\n### Configure Chat Client\n📄 **Read:** [references/configure-chat-client.md](references/configure-chat-client.md)\n- Configure Microsoft.Extensions.AI-compatible chat clients\n- Azure OpenAI setup and configuration\n- OpenAI API integration with model selection\n- Self-hosted Ollama configuration and benefits\n- Environment-specific configuration with appsettings.json\n- Using environment variables for credentials\n- Troubleshooting authentication and connection errors\n\n### Custom AI Service Integration\n📄 **Read:** [references/custom-ai-service.md](references/custom-ai-service.md)\n- Implement custom AI services using IChatInferenceService interface\n- Create AI service class and inference service wrapper\n- Register custom services in MauiProgram.cs\n- Complete custom implementation example\n- Testing custom integration\n- Best practices for error handling and logging\n- Troubleshooting response generation and performance\n\n### Claude AI Integration\n📄 **Read:** [references/claude-service.md](references/claude-service.md)\n- Create Anthropic Claude account and get API key\n- Implement ClaudeAIService and ClaudeInferenceService\n- Register Claude service in MauiProgram.cs\n- Available Claude models and capabilities\n\n### Google Gemini Integration\n📄 **Read:** [references/gemini-service.md](references/gemini-service.md)\n- Get Google AI Studio API key for Gemini\n- Implement GeminiService and GeminiInferenceService\n- Configure Gemini models and generation settings\n- Register Gemini service in MauiProgram.cs\n\n### Groq AI Integration\n📄 **Read:** [references/groq-service.md](references/groq-service.md)\n- Set up Groq console and API key\n- Implement GroqService and GroqInferenceService\n- Configure Groq models with OpenAI-compatible endpoint\n- Register Groq service in MauiProgram.cs\n\n### DeepSeek AI Integration\n📄 **Read:** [references/deepseek-service.md](references/deepseek-service.md)\n- Set up DeepSeek platform and API key\n- Implement DeepSeekAIService and DeepSeekInferenceService\n- Configure DeepSeek models and temperature settings\n- Register DeepSeek service in MauiProgram.cs","tags":["syncfusion","maui","smart","datagrid","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-smart-datagrid","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-smart-datagrid","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (6,468 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:10.143Z","embedding":null,"createdAt":"2026-04-18T22:15:47.365Z","updatedAt":"2026-04-22T00:56:10.143Z","lastSeenAt":"2026-04-22T00:56:10.143Z","tsv":"'account':656 'action':454 'add':136,372 'advanc':106,203,237,408 'ai':15,24,32,34,75,113,147,171,191,248,270,329,331,361,380,389,463,523,543,550,553,602,610,616,648,683,705,735 'ai-assist':112,146,269,379 'ai-pow':14,23,74,190,247,388 'altern':549 'and/or':412 'anthrop':654 'api':537,573,659,685,715,745 'appear':187,315,476,497 'appli':287,462 'applic':143,223,387 'appsettings.json':590 'architectur':123,321 'assist':114,117,148,219,271,313,381 'assistbutton':496,503 'assistview':180,300,458,508,514 'assistviewclos':474 'assistviewopen':472 'assistviewrequest':469 'authent':597 'auto':448 'auto-execut':447 'avail':670 'azur':41,167,335,360,530,567 'background':485 'banner':516 'basic':366 'benefit':584 'best':635 'bind':371 'button':217,311 'capabl':79,268,674 'case':432 'cell':417 'chat':557,565 'class':618 'claud':647,655,666,671 'claudeaiservic':662 'claudeinferenceservic':664 'clear':421 'client':558,566 'close':326 'code':165 'color':420,500,512 'column':200,285,298,402 'combin':68,242 'command':31,95,154,261,293,306 'compat':564,727 'complet':628 'complex':84,288 'compon':226 'comprehens':51 'condit':411 'configur':166,301,334,359,435,444,495,525,529,556,562,571,582,588,693,721,751 'configuresyncfusionaiservic':535 'connect':555,599 'consol':713 'control':64,240 'convers':37 'cover':40 'creat':365,489,513,615,653 'credenti':364,595 'custom':56,178,188,309,419,433,490,502,507,601,609,624,629,633 'customiz':116,299 'data':30,71,100,110,149,163,238,257,278,370,374 'datagrid':5,11,49,62,67,139,234,368 'deepseek':338,734,742,752,758 'deepseekaiservic':748 'deepseekinferenceservic':750 'defin':501 'deploy':541 'design':224 'display':72,97 'document':342 'driven':122,320 'dynam':465 'e.g':294 'editor':518 'enabl':80,151,378 'enable/disable':452 'enablesmartact':456 'endpoint':539,728 'environ':586,592 'environment-specif':585 'error':600,638 'event':121,214,319,327,470,475 'event-driven':120,318 'exampl':427,631 'execut':449 'featur':17,115,193,391 'filter':35,88,159,204,274,409,424 'flexibl':307 'format':104 'function':245 'gemini':337,676,688,694,700 'geminiinferenceservic':692 'geminiservic':690 'generat':644,697 'get':346,658,681 'getresponseasync':212,467 'googl':675,682 'grid':26,38,43,176,206,239,244 'groq':340,704,712,722,730 'groqinferenceservic':720 'groqservic':718 'group':89,160,275,404,425 'guid':345 'handl':322,468,639 'handler':356 'header':510,515 'hierarch':406 'highlight':91,162,277,414,426 'host':580 'ichatinferenceservic':613 'icon':499,505 'implement':6,45,54,189,608,630,661,689,717,747 'infer':620 'initi':305 'instal':351 'instead':262 'int':44 'integr':333,574,604,634,649,677,706,736 'intellig':109,175,195,403 'interact':39,255 'interfac':614 'key':267,538,660,686,716,746 'languag':29,78,153,251,281,396 'layout':492 'like':86,194,211 'log':641 'logic':413 'manag':205,471 'manipul':99 'manual':264 'match':222 'maui':3,9,47,60,142,232 'mauiprogram.cs':358,627,669,703,733,761 'method':210 'microsoft.extensions.ai':563 'model':375,576,672,695,723,753 'multi':199,284,401 'multi-column':198,283,400 'multipl':297 'name':542 'natur':28,77,152,250,280,395 'navig':266,344 'need':134 'net':8,59,141,231 'nuget':353 'ollama':581 'open':324 'openai':42,168,336,531,568,572,726 'openai-compat':725 'oper':27,85,111,150,177,207,272,286,289,330,382,422,464 'orderinfo':373 'overview':227 'packag':354 'perform':83,646 'platform':743 'popup':509 'power':16,25,76,174,192,249,390 'practic':430,636 'predefin':442 'prerequisit':547 'process':252 'programmat':208,459 'prompt':282,303,428,445 'properti':522 'provid':172,551 'read':348,392,436,479,526,559,605,650,678,707,737 'references/ai-powered-features.md':393,394 'references/ai-service-configuration.md':527,528 'references/appearance-styling.md':480,481 'references/claude-service.md':651,652 'references/configure-chat-client.md':560,561 'references/custom-ai-service.md':606,607 'references/customization.md':437,438 'references/deepseek-service.md':738,739 'references/gemini-service.md':679,680 'references/getting-started.md':349,350 'references/groq-service.md':708,709 'regist':355,534,623,665,699,729,757 'repositori':377 'request':323 'requir':145,225,545 'respons':643 'row':415 'run':383 'select':577 'self':579 'self-host':578 'servic':332,341,362,524,532,544,554,603,611,617,621,625,667,701,731,759 'set':439,536,698,710,740,756 'setup':533,569 'sfsmartdatagrid':12,22,63,229 'show':457 'showassistview':461 'simpl':93,259 'singl':292,398 'skill':52,128,131 'skill-syncfusion-maui-smart-datagrid' 'smart':4,10,48,61,66,138,233,367,453 'smartassiststyl':521 'sort':33,87,158,196,273,295,397,423 'source-syncfusion' 'specif':587 'start':347 'startup':451 'stroke':486 'studio':684 'style':185,215,308,478,482,520 'suggest':302,443 'suggestedprompt':440 'support':107,201,407,548 'syncfus':2,7,46,58,230 'syncfusion-maui-smart-datagrid':1 'syncfusion.maui.smartcomponents':352 'tabular':70,103 'temperatur':755 'templat':183,317,506,519 'test':385,632 'text':94,260 'thick':488 'toolbar':216,310,483,491 'toolbartempl':494 'topic-agent-skills' 'tradit':69,243 'troubleshoot':552,596,642 'ui':181,265 'use':18,92,126,129,209,258,279,431,466,591,612 'user':81,156,253 'variabl':593 'view':118,220,314 'without':164 'work':20 'wrapper':622","prices":[{"id":"1b7bb63d-768e-47ef-b676-2f0f9de50d95","listingId":"b5499be9-19d3-451e-a563-b4a27d0752fa","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:47.365Z"}],"sources":[{"listingId":"b5499be9-19d3-451e-a563-b4a27d0752fa","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-smart-datagrid","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-smart-datagrid","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:47.365Z","lastSeenAt":"2026-04-22T00:56:10.143Z"}],"details":{"listingId":"b5499be9-19d3-451e-a563-b4a27d0752fa","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-smart-datagrid","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"5db42e8491f0361711209e07f9f68d7391bd756f","skill_md_path":"skills/syncfusion-maui-smart-datagrid/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-smart-datagrid"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-smart-datagrid","description":"Implements Syncfusion .NET MAUI Smart DataGrid (SfSmartDataGrid) with AI-powered features. Use when working with SfSmartDataGrid, AI-powered grid operations, natural language data commands, AI sorting, AI filtering, or conversational grid interaction. Covers Azure OpenAI grid integration and natural language commands for grids."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-smart-datagrid"},"updatedAt":"2026-04-22T00:56:10.143Z"}}