[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81199":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":13,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":13,"stars7d":13,"stars30d":15,"stars90d":13,"forks30d":13,"starsTrendScore":13,"compositeScore":13,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":16,"fork":16,"defaultBranch":17,"hasWiki":18,"hasPages":16,"topics":19,"createdAt":10,"pushedAt":10,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":13,"starSnapshotCount":13,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},81199,"maui-ui-builder","syncfusion\u002Fmaui-ui-builder","syncfusion","AI-powered agent skill that transforms UI requirements into production-ready .NET MAUI components using Syncfusion controls.","https:\u002F\u002Fwww.syncfusion.com\u002Fexplore\u002Fagentic-ui-builder\u002F",null,"JavaScript",27,0,26,1,false,"master",true,[20,21,22,23,24,25,26,27,28,29,30,7,31,32,33],"ai-agent","ai-development","android","cross-platform","csharp","dotnet-maui","ios","macos","maui-controls","mvvm","responsive-design","ui-builder","ui-generation","windows","2026-06-12 02:04:12","# Syncfusion MAUI UI Builder\n\n**Syncfusion MAUI UI Builder** is an AI-powered agent skill that transforms your UI requirements into production-ready .NET MAUI components. It leverages Syncfusion's comprehensive MAUI control library to generate accessible, responsive, and multi-platform user interfaces for iOS, Android, Windows, and macOS.\n\n### Key Features\n\n- **AI Agent Orchestration**: Intelligent workflow handling design thinking, component selection, code generation, and validation\n- **Syncfusion MAUI Integration**: Access to professional MAUI UI controls with native platform support\n- **WCAG 2.1 AA Accessibility**: Built-in accessibility compliance with semantic controls and automation IDs\n- **Responsive Design**: Mobile-first layouts with adaptive breakpoints and OnPlatform styling\n- **Multi-Platform Support**: Single codebase generates UI for iOS 14+, Android 10+, macOS 11+, Windows 10+\n- **Design System Support**: MAUI ResourceDictionary with Material\u002FCupertino theming and Syncfusion theme alignment\n- **C# & MVVM Support**: Full MVVM pattern with INotifyPropertyChanged, ObservableCollections, and strong typing\n\n## Table of Contents\n\n- [Prerequisites](#prerequisites)\n- [Installation](#installation)\n- [How It Works](#how-it-works)\n- [Usage](#usage)\n- [Troubleshooting](#support)\n\n## Prerequisites\n\nBefore using MAUI UI Builder, ensure your environment meets these requirements:\n\n| Requirement | Description |\n|-------------|-------------|\n| **APM** | [Install APM](https:\u002F\u002Fmicrosoft.github.io\u002Fapm\u002Fgetting-started\u002Finstallation\u002F) - Agent Package Manager for skill installation |\n| **.NET MAUI Project** | Active .NET MAUI 9.0+ project with multi-platform targets (iOS, Android, Windows, macOS) |\n| **.NET SDK 9.0+** | .NET 9.0 or .NET 10.0+ SDK installed |\n| **Visual Studio 2022** | v17.8+ with MAUI workload, or VS Code with C# DevKit |\n| **Syncfusion License** | [Commercial](https:\u002F\u002Fwww.syncfusion.com\u002Fsales\u002Funlimitedlicense), [Free Community](https:\u002F\u002Fwww.syncfusion.com\u002Fproducts\u002Fcommunitylicense), or [Free Trial](https:\u002F\u002Fwww.syncfusion.com\u002Faccount\u002Fmanage-trials\u002Fstart-trials) |\n\n## Installation\n\n```bash\n# Install for GitHub Copilot\napm install syncfusion\u002Fmaui-ui-builder -t copilot\n\n# Install for Claude Code\napm install syncfusion\u002Fmaui-ui-builder -t claude\n\n# Install for Cursor\napm install syncfusion\u002Fmaui-ui-builder -t cursor\n\n```\n\n## How It Works\n\nThe MAUI UI Builder uses an **8-stage AI orchestration workflow** that transforms your requirements into production-ready multi-platform components.\n\n| Stage | Name | User Interaction | Description |\n|-------|------|------------------|-------------|\n| 1 | Intent Analysis | None | Parse query, identify component type and features |\n| 2 | Project Detection | None | Auto-detect .NET version, target platforms, MVVM pattern |\n| 3 | Component Mapping | ⭐ Confirm | Select 3+ Syncfusion MAUI controls |\n| 4 | Theming & Design System | ⭐ Confirm | Lock design system (ResourceDictionary, theme, colors, spacing) |\n| 5 | Code Generation | None | Generate .xaml, .xaml.cs, ViewModel.cs with MVVM |\n| 6 | Validation | ⭐ Confirm | WCAG 2.1 AA + Syncfusion integration + security |\n| 7 | Dependencies | None | Detect and install Syncfusion NuGet packages |\n| 8 | Code Insertion | None | Insert files into project and verify build |\n\n## Usage\n\nChoose the `syncfusion-maui-ui-builder` agent in the AI chat panel and invoke the skill through your AI assistant by describing what you want to build:\n\n```\nCreate a Customer Management Dashboard UI for a MAUI app with a header showing the app title and a profile icon, a navigation drawer on the left with menu items (Dashboard, Customers, Orders, Reports, Settings), a main content area with three metric cards showing Total Customers, Active Orders, and Revenue (with icons and change percentages), a searchable customer data grid with columns for Name, Email, Phone, Status, and Actions (edit\u002Fdelete buttons), and a footer with pagination. The UI should be responsive on mobile (320pt), tablet (768pt), and desktop (1024pt+) with dark mode support using Material theme.\n```\n\nGenerated code follows best practices with accessible semantic controls, responsive multi-platform layouts, full MVVM pattern with data binding, and built-in security measures such as input validation and proper null handling.\n\n## Generated Output\n\nThe skill generates production-ready files for your MAUI project:\n\n```\nViews\u002F\n  ├── YourComponent.xaml          # MAUI view with Syncfusion control declarations\n  └── YourComponent.xaml.cs       # Code-behind with event handlers\nViewModels\u002F\n  └── YourComponentViewModel.cs   # MVVM ViewModel with INotifyPropertyChanged\nResources\u002F\n  └── Colors.xaml                 # Design tokens and theming resources\n```\n\nAll generated code:\n- ✅ Works on iOS, Android, Windows, and macOS simultaneously\n- ✅ Includes WCAG 2.1 AA accessibility features\n- ✅ Follows MVVM pattern with proper data binding\n- ✅ Uses Syncfusion MAUI controls for consistent design\n- ✅ Responsive layouts that adapt to screen sizes\n- ✅ Properly typed C# with nullable reference types\n\n## Support\n\nProduct support is available through the following media.\n\n- [Support ticket](https:\u002F\u002Fsupport.syncfusion.com\u002Fsupport\u002Ftickets\u002Fcreate) - Guaranteed response in 24 hours | Unlimited tickets | Holiday support\n- [Community forum](https:\u002F\u002Fwww.syncfusion.com\u002Fforums\u002Fmaui)\n- [Request feature or report bug](https:\u002F\u002Fwww.syncfusion.com\u002Ffeedback\u002Fmaui)\n- [Live chat](https:\u002F\u002Fwww.syncfusion.com\u002Fsupport)\n- [Syncfusion MAUI Documentation](https:\u002F\u002Fhelp.syncfusion.com\u002Fmaui\u002Fintroduction\u002Foverview)","Syncfusion MAUI UI Builder 是一个基于AI的工具，能够将UI需求转化为生产就绪的.NET MAUI组件。它利用Syncfusion丰富的MAUI控件库，支持iOS、Android、Windows和macOS等多平台的用户界面生成。核心功能包括智能工作流处理设计思维、组件选择、代码生成与验证，以及WCAG 2.1 AA级别的无障碍性支持。此外，还提供了响应式设计、MVVM模式支持及多主题兼容等功能。此项目适用于需要快速构建跨平台移动应用且对UI质量有较高要求的开发场景。",2,"2026-06-11 04:03:52","CREATED_QUERY"]