Agent skill

Maui Collectionview

by davidortinau in davidortinau/maui-skills

Guidance for implementing CollectionView in .NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templates, incremental loading, swipe actions, and…

MITAuto-check passedMobile

Install Maui Collectionview

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-collectionview -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-collectionview --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/maui-skills/skills/maui-collectionview .claude/skills/maui-collectionview && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "maui-collectionview" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-collectionview into .claude/skills/maui-collectionview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-collectionview", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-collectionview

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-collectionview -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-collectionview --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/maui-skills/skills/maui-collectionview .agents/skills/maui-collectionview && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "maui-collectionview" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-collectionview into .agents/skills/maui-collectionview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-collectionview", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-collectionview -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-collectionview --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/maui-skills/skills/maui-collectionview .cursor/skills/maui-collectionview && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "maui-collectionview" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-collectionview into .cursor/skills/maui-collectionview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-collectionview", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/davidortinau/maui-skills.git --path plugins/maui-skills/skills/maui-collectionview

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-collectionview -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-collectionview --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/maui-skills/skills/maui-collectionview .gemini/skills/maui-collectionview && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "maui-collectionview" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-collectionview into .gemini/skills/maui-collectionview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-collectionview", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-collectionview

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-collectionview -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/maui-skills/skills/maui-collectionview .github/skills/maui-collectionview && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "maui-collectionview" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-collectionview into .github/skills/maui-collectionview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-collectionview", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add davidortinau/maui-skills --skill maui-collectionview -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install davidortinau/maui-skills maui-collectionview --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/davidortinau/maui-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/maui-skills/skills/maui-collectionview .opencode/skills/maui-collectionview && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "maui-collectionview" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/maui-collectionview into .opencode/skills/maui-collectionview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "maui-collectionview", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: maui-collectionview
GitHub stars: 175
Token cost: ~1k tokens
SKILL.md length: 261 words
Files: 3 (incl. references)
Skills in repo: 41
Repo updated: Jul 6, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Guidance for implementing CollectionView in .NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templates, incremental loading, swipe actions, and…

: CollectionView
SKILL.md covers Essential patterns, Performance tips and Common gotchas
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
Pull to refresh

What it does

Maui Collectionview is an agent skill from davidortinau/maui-skills. Guidance for implementing CollectionView in .NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templates, incremental loading, swipe actions, and pull-to-refresh. USE FOR: "CollectionView", "list view", "grid layout", "data template", "item template", "grouping", "pull to refresh", "incremental loading", "swipe actions", "empty view", "selection mode", "scroll to item". DO NOT USE FOR: simple static layouts (use maui-data-binding), map pin lists (use maui-maps), or…

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `evals/evals.json` and `references/collectionview-api.md`).

It sits in Mobile, covering Cross-platform mobile apps. The repository describes itself as: .NET MAUI skills for GitHub Copilot and Claude Code. The licence is MIT.

When your agent uses it

: CollectionView
Pull to refresh
Incremental loading
: simple static layouts (use maui-data-binding)

Example prompts

“CollectionView”
“list view”
“grid layout”
“/maui-collectionview”

What it can do on your machine

Read from SKILL.md and the folder at commit 79bb4bf. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are xml).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Maui Collectionview loads about 1k tokens when it runs, and up to ~2.8k if it reads all its reference files. Until then it costs about 142 tokens; SKILL.md has 261 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~142
When it runs · the whole SKILL.md, loaded when a task matches: ~1k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~2.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from davidortinau/maui-skills at commit 79bb4bf, republished under its MIT licence (© davidortinau). 261 words, ~1,010 tokens.

Download SKILL.mdSave it as .claude/skills/maui-collectionview/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.

name: maui-collectionview
description: Guidance for implementing CollectionView in .NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templates, incremental loading, swipe actions, and pull-to-refresh. USE FOR: "CollectionView", "list view", "grid layout", "data template", "item template", "grouping", "pull to refresh", "incremental loading", "swipe actions", "empty view", "selection mode", "scroll to item". DO NOT USE FOR: simple static layouts (use maui-data-binding), map pin lists (use maui-maps), or table-based data entry forms.

CollectionView – .NET MAUI

Use CollectionView for displaying scrollable lists and grids of data. It replaces ListView and offers better performance, flexible layouts, and no ViewCell requirement.

Essential patterns

Basic setup

xml

<CollectionView ItemsSource="{Binding Items}">
    <CollectionView.ItemTemplate>
        <DataTemplate x:DataType="models:Item">
            <HorizontalStackLayout Padding="8" Spacing="8">
                <Image Source="{Binding Icon}" WidthRequest="40" HeightRequest="40" />
                <Label Text="{Binding Name}" VerticalOptions="Center" />
            </HorizontalStackLayout>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

Bind ItemsSource to an ObservableCollection<T> so the UI updates on add/remove.
Each item template root must be a Layout or View — never use ViewCell.
Always set x:DataType on DataTemplate for compiled bindings.

SwipeView — binding from inside DataTemplate

Commands inside a DataTemplate can't directly reach your ViewModel. Use RelativeSource AncestorType:

xml

<SwipeItem Text="Delete"
           BackgroundColor="Red"
           Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodels:MainViewModel}}, Path=DeleteCommand}"
           CommandParameter="{Binding}" />

Pull-to-refresh

Wrap CollectionView in a RefreshView. Set IsRefreshing back to false when done:

xml

<RefreshView IsRefreshing="{Binding IsRefreshing}"
             Command="{Binding RefreshCommand}">
    <CollectionView ItemsSource="{Binding Items}" />
</RefreshView>

Incremental loading (infinite scroll)

xml

<CollectionView ItemsSource="{Binding Items}"
                RemainingItemsThreshold="5"
                RemainingItemsThresholdReachedCommand="{Binding LoadMoreCommand}" />

⚠️ Do NOT use with StackLayout-based ItemsLayout — it has no virtualization and triggers infinite threshold-reached events. Always use LinearItemsLayout or GridItemsLayout.

Performance tips

Use MeasureFirstItem for uniform item sizes — significantly faster than the default MeasureAllItems:
xml
```
<LinearItemsLayout Orientation="Vertical" ItemSizingStrategy="MeasureFirstItem" />
```
Always use ObservableCollection<T>, not List<T>. Swapping a List forces a full re-render.
Update collections on the UI thread — MainThread.BeginInvokeOnMainThread(() => Items.Add(item)).

Common gotchas

Issue	Fix
UI doesn't update when items change	Use `ObservableCollection<T>`, not `List<T>`.
App crashes or blank items	Never use `ViewCell` — use `Grid`, `StackLayout`, or any `View` as template root.
Items disappear or layout breaks	Always update `ItemsSource` and the collection on the UI thread (`MainThread.BeginInvokeOnMainThread`).
Incremental loading fires endlessly	Don't use `StackLayout` as layout; use `LinearItemsLayout` or `GridItemsLayout`.
EmptyView doesn't render correctly	Wrap custom empty views in `ContentView`.
Poor scroll performance	Use `MeasureFirstItem` sizing strategy for uniform item sizes.
Selected state not visible	Add `VisualState Name="Selected"` to the item template root element.
Binding errors in SwipeView commands	Use `RelativeSource AncestorType` to reach the ViewModel from inside the item template.

Files

SKILL.md and 2 other files (references) in plugins/maui-skills/skills/maui-collectionview of davidortinau/maui-skills.

SKILL.md
evals/evals.json
references/collectionview-api.md

Open the folder on GitHubat commit 79bb4bf

Compare with similar skills

Maui Collectionview next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Maui Collectionview compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Maui Collectionview this skilldavidortinau/maui-skills	175	—	~1k	Automated safety check: Pass	MIT	3 mo ago
React Native Best Practicesvercel-labs/openreview	1.7k	17 repos	~1.1k	Automated safety check: Pass	MIT	7 mo ago
Compose Multiplatform Patternsmonta-app/ocpp-emulator	180	5 repos	~2k	Automated safety check: Pass	Apache-2.0	yesterday
Creating Reanimated Animationsgluestack/gluestack-ui	5.3k	—	~2.4k	Automated safety check: Pass	None	1 mo ago
Uni-app Components and APIsfeige996/unibest	2.3k	—	~1.6k	Automated safety check: Pass	MIT	25 days ago
Add Flutter Docusaurus Localematthiasn/lotti	1.2k	—	~1.2k	Automated safety check: Pass	GPL-3.0	yesterday

Similar skills

React Native Best Practices
vercel-labs/openreview
Official
A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.
1.7k GitHub starsUsed in 17 repos~1.1k tokens
MobileAuto-check passed
Compose Multiplatform Patterns
monta-app/ocpp-emulator
Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.
180 GitHub starsUsed in 5 repos~2k tokens
MobileAuto-check passed
Creating Reanimated Animations
gluestack/gluestack-ui
Generate React Native Reanimated animation code for React Native apps.
5.3k GitHub stars~2.4k tokensUpdated 1 mo ago
MobileAuto-check passed
Uni-app Components and APIs
feige996/unibest
Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation.
2.3k GitHub stars~1.6k tokensUpdated 25 days ago
MobileAuto-check passed
Add Flutter Docusaurus Locale
matthiasn/lotti
Add, complete, or audit a locale across a Flutter application's ARB catalogs and a localized Docusaurus manual, including generated localization code, locale selectors, native platform declarations…
1.2k GitHub stars~1.2k tokensUpdated yesterday
MobileAuto-check passed
Jetpack Compose Expert
aldefy/compose-skill
Guides Jetpack Compose and Compose Multiplatform work across Android, Desktop, iOS and web, plus Android TV, Material 3 motion, paging, navigation and design-to-code.
596 GitHub stars~4.8k tokensUpdated 2 mo ago
MobileAuto-check passed

More from davidortinau/maui-skills

All 41 skills in this repo

Maui Hot Reload Diagnostics
davidortinau/maui-skills
Diagnose and troubleshoot .NET MAUI Hot Reload issues (C Hot Reload, XAML Hot Reload, Blazor Hybrid).
175 GitHub stars~1.3k tokensUpdated 3 mo ago
Auto-check passed
Maui Accessibility
davidortinau/maui-skills
Guide for making .NET MAUI apps accessible — screen reader support via SemanticProperties, heading levels, AutomationProperties visibility control, programmatic focus and announcements, and…
175 GitHub stars~974 tokensUpdated 3 mo ago
Auto-check passed
Maui Animations
davidortinau/maui-skills
.NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects.
175 GitHub stars~911 tokensUpdated 3 mo ago
Auto-check passed
Maui App Icons Splash
davidortinau/maui-skills
.NET MAUI app icon configuration, splash screen setup, SVG to PNG conversion at build time, composed/adaptive icons, and platform-specific icon and splash screen requirements for Android, iOS, Mac…
175 GitHub stars~995 tokensUpdated 3 mo ago
Auto-check passed
Maui App Lifecycle
davidortinau/maui-skills
.NET MAUI app lifecycle guidance covering the four app states (not running, running, deactivated, stopped), cross-platform Window lifecycle events, backgrounding and resume behaviour…
175 GitHub stars~947 tokensUpdated 3 mo ago
Auto-check passed
Maui Aspire
davidortinau/maui-skills
Guide for .NET MAUI apps consuming .NET Aspire-hosted backend services.
175 GitHub stars~1.3k tokensUpdated 3 mo ago
Auto-check passed

Questions about Maui Collectionview

What does Maui Collectionview do?

Guidance for implementing CollectionView in .NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templates, incremental loading, swipe actions, and…. Maui Collectionview is an agent skill from davidortinau/maui-skills.NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templates, incremental loading, swipe actions, and pull-to-refresh.

When should I use Maui Collectionview?

Maui Collectionview fits situations like: : CollectionView; pull to refresh; incremental loading; : simple static layouts (use maui-data-binding).

How do I install Maui Collectionview in Claude Code?

Run `npx skills add davidortinau/maui-skills --skill maui-collectionview -a claude-code`. Or copy the skill folder (plugins/maui-skills/skills/maui-collectionview in davidortinau/maui-skills) into .claude/skills/maui-collectionview in your project. Claude Code loads it when a task matches its description.

How do I install Maui Collectionview in Codex?

Run `npx skills add davidortinau/maui-skills --skill maui-collectionview -a codex`. Or copy the skill folder (plugins/maui-skills/skills/maui-collectionview in davidortinau/maui-skills) into .agents/skills/maui-collectionview in your project. Codex loads it when a task matches its description.

Can I use Maui Collectionview in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add davidortinau/maui-skills --skill maui-collectionview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/maui-collectionview, .gemini/skills/maui-collectionview, .github/skills/maui-collectionview and .opencode/skills/maui-collectionview in your project.

What does Maui Collectionview need to run?

SKILL.md names no scripts, command-line tools or credentials: Maui Collectionview is instructions for the agent only.

Does Maui Collectionview access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Maui Collectionview safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Maui Collectionview use?

Maui Collectionview is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Maui Collectionview use?

About 1k tokens (SKILL.md is roughly 4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.7k tokens, read only when the agent opens those files.

What are the alternatives to Maui Collectionview?

Skills that share tags, products or a category with Maui Collectionview: React Native Best Practices (vercel-labs/openreview, 1.7k stars), Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars), Creating Reanimated Animations (gluestack/gluestack-ui, 5.3k stars) and Uni-app Components and APIs (feige996/unibest, 2.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Maui Collectionview?

davidortinau (a GitHub user) maintains it in davidortinau/maui-skills, which has 175 GitHub stars. The repository holds 41 skills in this directory. The repository was last updated on July 6, 2026.

Source: davidortinau/maui-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Maui Collectionview

Facts

At a glance

What it does

When your agent uses it

Example prompts

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

CollectionView – .NET MAUI

Essential patterns

Basic setup

SwipeView — binding from inside DataTemplate

Pull-to-refresh

Incremental loading (infinite scroll)

Performance tips

Common gotchas

Files

Compare with similar skills

Similar skills

More from davidortinau/maui-skills

Related

Questions about Maui Collectionview