syncfusion-maui-toolkit-cards
Implements Syncfusion .NET MAUI Cards (SfCards) - dismissible card views and swipeable card stacks. Use when working with cards, card views, card layouts, swipeable cards, dismissible cards, or card stacks in .NET MAUI. Covers card customization, card events, card data binding, and interactive card components with swipe functionality.
- Installs
- 47
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-cards- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads syncfusion-maui-toolkit-cards automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Implementing .NET MAUI Cards (SfCards)
The Syncfusion .NET MAUI Cards control, which provides both dismissible single card views (SfCardView) and swipeable card stacks (SfCardLayout). This skill covers installation, card creation, swipe gestures, customization, data binding, events, and modern visual effects.
When to Use This Skill
Use this skill when the user needs to:
- Create dismissible card views - Single cards that can be swiped away (left/right)
- Build card stacks - Multiple stacked cards with swipe navigation
- Implement swipe gestures - Cards that respond to swipe in four directions (left, right, top, bottom)
- Display card-based UI - Visual card containers for content organization
- Add interactive cards - Cards with tap events, dismiss events, and state management
- Bind data to cards - Dynamically generate cards from data collections using BindableLayout
- Customize card appearance - Borders, corners, indicators, colors.
- Handle card events - Tapped, dismissing, dismissed, index changing events
This skill is specifically for Syncfusion's .NET MAUI Cards control (SfCardView and SfCardLayout), not generic card layouts or other card libraries.
Component Overview
The Syncfusion .NET MAUI Cards control provides two main components:
- SfCardView - A single card that can optionally be dismissed by swiping
- SfCardLayout - A container for stacking multiple SfCardView items with swipe navigation
Key Capabilities:
- Swipe-to-dismiss functionality
- Multi-directional swipe support (left, right, top, bottom)
- Visual customization (borders, corners, indicators)
- Programmatic card dismissal
- Data binding with BindableLayout
- Comprehensive event handling
Documentation and Navigation Guide
Getting Started
📄 Read: references/getting-started.md
Read this reference when the user needs to:
- Install the Syncfusion.Maui.Toolkit NuGet package
- Register Syncfusion handlers in MauiProgram.cs (ConfigureSyncfusionToolkit)
- Create their first SfCardView
- Understand basic XAML and C# implementation patterns
Card View Features
📄 Read: references/card-views.md
Read this reference when the user works with single cards and needs:
- SfCardView component overview and usage
- SwipeToDismiss property for swipe-away functionality
- IsDismissed property for programmatic dismissal
- FadeOutOnSwiping visual effect
- Single card implementation patterns
- Standalone card scenarios
Card Layout Features
📄 Read: references/card-layouts.md
Read this reference when the user needs card stacks with:
- SfCardLayout component (multiple stacked cards)
- ShowSwipedCard property for edge display
- VisibleIndex property for card navigation
- SwipeDirection configuration (Left, Right, Top, Bottom)
- Multiple card management
- Swipe gesture navigation between cards
Customization and Styling
📄 Read: references/customization.md
Read this reference when the user wants to customize:
- BorderColor, BorderWidth, CornerRadius properties
- Background colors and gradients
- Indicator customization (color, thickness, position)
- FadeOutOnSwiping effect
- Advanced visual styling
- Custom card designs and themes
Data Binding with BindableLayout
📄 Read: references/data-binding.md
Read this reference when the user needs to:
- Generate cards dynamically from data collections
- Use BindableLayout with SfCardLayout
- Set up ViewModels and data sources
- Configure ItemsSource and ItemTemplate
- Create data-driven card interfaces
- Bind card properties to data models
Events and Interactions
📄 Read: references/events.md
Read this reference when the user needs to handle:
- Tapped event (card tap detection)
- VisibleIndexChanging event (before card changes, with Cancel support)
- VisibleIndexChanged event (after card changes)
- Dismissing event (before dismiss, with Cancel support)
- Dismissed event (after dismiss completes)
- Event handler implementation and scenarios
FAQ
What does the syncfusion-maui-toolkit-cards skill do?
Implements Syncfusion .NET MAUI Cards (SfCards) - dismissible card views and swipeable card stacks. Use when working with cards, card views, card layouts, swipeable cards, dismissible cards, or card stacks in .NET MAUI. Covers card customization, card events, card data binding, and interactive card components with swipe functionality.
How do I install syncfusion-maui-toolkit-cards?
Run npx skills add https://github.com/syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-cards in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-maui-toolkit-cards/ (personal) or .claude/skills/syncfusion-maui-toolkit-cards/ (project).
Which AI agents can use syncfusion-maui-toolkit-cards?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is syncfusion-maui-toolkit-cards safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains syncfusion-maui-toolkit-cards?
It is published by syncfusion in syncfusion/maui-toolkit-ui-components-skills. It has 47 recorded installs.
More from syncfusion/maui-toolkit-ui-components-skills
syncfusion-maui-toolkit-expander
syncfusion/maui-toolkit-ui-components-skills
Implements the Syncfusion .NET MAUI Expander (SfExpander) control for collapsible and expandable content sections. Use when working with expanders, collapsible sections, accordions, expandable panels, or expand/collapse functionality in .NET MAUI applications. Covers space-efficient layouts, header customization and expand/collapse animations.
syncfusion-maui-toolkit-otp-input
syncfusion/maui-toolkit-ui-components-skills
Implement OTP Input controls in .NET MAUI applications for authentication flows. Covers input types (Number, Text, Password), styling modes (Outlined, Filled, Underlined), event handling, value binding, validation patterns, and accessibility. Use this skill when building SMS/email OTP verification, multi-step authentication, or secure login forms.
syncfusion-maui-toolkit-popup
syncfusion/maui-toolkit-ui-components-skills
Open the skill to read its SKILL.md instructions.
syncfusion-maui-toolkit-pull-to-refresh
syncfusion/maui-toolkit-ui-components-skills
Implements the Syncfusion .NET MAUI PullToRefresh (SfPullToRefresh) control for interactive content refreshing. Use when working with pull-to-refresh, refresh controls, swipe to refresh, or updating content on pull gestures. Covers scenarios for refreshing ListView, DataGrid, or any scrollable content, customizing refresh indicators, MVVM refresh patterns, and pull-to-refresh events.
syncfusion-maui-toolkit-bottom-sheet
syncfusion/maui-toolkit-ui-components-skills
Implement the Syncfusion .NET MAUI Bottom Sheet (SfBottomSheet) control with state management, content configuration, gesture support, and customization. Covers setup, content binding, state transitions, styling, events, and interactive patterns for sliding content panels.
syncfusion-maui-toolkit-button
syncfusion/maui-toolkit-ui-components-skills
Implements and customize Syncfusion .NET MAUI Button (SfButton) control. Use when working with MAUI buttons, SfButton implementation, button customization, or visual states. Covers button icons, background images, RTL support, custom button views, button styling, events, and checkable buttons.
Popular backend & apis skills
find-skills
vercel-labs/skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
entra-app-registration
microsoft/azure-skills
Guides Microsoft Entra ID app registration, OAuth 2.0 authentication, and MSAL integration. USE FOR: create app registration, register Azure AD app, configure OAuth, set up authentication, add API permissions, generate service principal, MSAL example, console app auth, Entra ID setup, Azure AD authentication. DO NOT USE FOR: Key Vault secrets (use azure-keyvault-expiration-audit), general Azure resource security guidance.
google-agents-cli-adk-code
google/agents-cli
This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create a callback", "define an agent", "use state management" — in a project that needs ADK (Agent Development Kit) API patterns and code examples. It provides a quick reference for agent types, tool definitions, orchestration patterns, callbacks, state management, the graph Workflow API, and reference recipes to study. Do NOT use for scaffolding (use google-agents-cli-scaffold) or deployment (use google-agents-cli-deploy).
embedded-captions
heygen-com/hyperframes
Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog. Route by visual identity, not by backend engine. The quiet anchor rail is the default; embed every word only when the user explicitly wants a fully cinematic treatment. The workflow runs locally end to end, including transcription and subject matting; split multi-shot footage before applying it.
entra-agent-id
microsoft/azure-skills
Provision Microsoft Entra Agent Identity Blueprints, BlueprintPrincipals, and per-instance Agent Identities via Microsoft Graph, and configure OAuth 2.0 token exchange (fmipath, OBO, cross-tenant) including the Microsoft Entra SDK for AgentID sidecar. USE FOR: Agent Identity Blueprint, BlueprintPrincipal, agent OAuth, fmipath token exchange, agent OBO, Workload Identity Federation for agents, polyglot agent auth, Microsoft.Identity.Web.AgentIdentities. DO NOT USE FOR: standard Entra app registration (use entra-app-registration), Microsoft Foundry agent authoring (use microsoft-foundry).
neon
neondatabase/agent-skills
Overview of Neon, a complete set of cloud backend primitives around Lakebase Postgres: Auth, Object Storage, Functions, the AI Gateway, and Realtime. Start here to choose Neon for undecided login, files, APIs, and LLM calls, set up the CLI or MCP server, and follow the branch-first workflow. Use when building an app or backend on Neon, or when "Neon" or "Lakebase Postgres" is mentioned. Child skill neon-postgres wins for an existing DATABASEURL, SQL, schema, inspect, or search. Child skill neon-auth wins for login, users, sessions, identity routing, and Managed Better Auth setup. Child skill neon-realtime wins for live queries in reactive apps and agents. Also use for object storage, S3, buckets, serverless functions, function triggers, cron, AI gateway, LLM calls, realtime, logs, Loki, Grafana, observability, postgres, database, backend, Claimable Neon, neon.new, or a no-signup database.