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.
Apply medium-specific UX reasoning for TABLET applications: the hybrid medium that is touch-first but large-screen, often two-handed, sometimes with an attached keyboard/pointer, and capable of…
Install UX Tablet
$ npx skills add davidortinau/maui-skills --skill ux-tablet -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install davidortinau/maui-skills ux-tablet --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ 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/ux-tablet .claude/skills/ux-tablet && rm -rf skills-srcUse ~/.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/
Install the "ux-tablet" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/ux-tablet into .claude/skills/ux-tablet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-tablet", 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 install https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/ux-tabletType 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.
$ npx skills add davidortinau/maui-skills --skill ux-tablet -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install davidortinau/maui-skills ux-tablet --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ 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/ux-tablet .agents/skills/ux-tablet && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ux-tablet" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/ux-tablet into .agents/skills/ux-tablet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-tablet", 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.
$ npx skills add davidortinau/maui-skills --skill ux-tablet -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install davidortinau/maui-skills ux-tablet --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ 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/ux-tablet .cursor/skills/ux-tablet && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ux-tablet" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/ux-tablet into .cursor/skills/ux-tablet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-tablet", 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 https://github.com/davidortinau/maui-skills.git --path plugins/maui-skills/skills/ux-tablet--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add davidortinau/maui-skills --skill ux-tablet -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install davidortinau/maui-skills ux-tablet --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ 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/ux-tablet .gemini/skills/ux-tablet && rm -rf skills-srcUse ~/.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/
Install the "ux-tablet" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/ux-tablet into .gemini/skills/ux-tablet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-tablet", 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.
$ gh skill install davidortinau/maui-skills ux-tabletInstalls 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).
$ npx skills add davidortinau/maui-skills --skill ux-tablet -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ 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/ux-tablet .github/skills/ux-tablet && rm -rf skills-srcUse ~/.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/
Install the "ux-tablet" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/ux-tablet into .github/skills/ux-tablet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-tablet", 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.
$ npx skills add davidortinau/maui-skills --skill ux-tablet -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install davidortinau/maui-skills ux-tablet --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ 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/ux-tablet .opencode/skills/ux-tablet && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ux-tablet" agent skill from https://github.com/davidortinau/maui-skills/tree/main/plugins/maui-skills/skills/ux-tablet into .opencode/skills/ux-tablet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ux-tablet", 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
ux-tablet- GitHub stars
- 175
- Token cost
- ~1.3k tokens
- SKILL.md length
- 643 words
- Files
- 1
- Skills in repo
- 41
- Repo updated
- First seen
- Licence
- MIT
At a glance
Apply medium-specific UX reasoning for TABLET applications: the hybrid medium that is touch-first but large-screen, often two-handed, sometimes with an attached keyboard/pointer, and capable of…
- Works in 2 steps: Two-handed reach reshapes the… → Adaptive layout is the core decision.…
- : design a tablet app
- SKILL.md covers What defines the tablet medium, Where tablet inherits — and…, The two things unique to tablet and How principles shift on tablet, plus 2 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
UX Tablet is an agent skill from davidortinau/maui-skills. Apply medium-specific UX reasoning for TABLET applications: the hybrid medium that is touch-first but large-screen, often two-handed, sometimes with an attached keyboard/pointer, and capable of multi-pane and split-view multitasking. Use alongside ux-first-principles when the target is a tablet (iPad or Android tablet) and the decision is affected by touch sizing, large-screen density, two-handed reach, multi-pane layout, or intermittent pointer/keyboard. USE FOR: 'design a tablet app', 'lay out this iPad…
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Mobile. It works with Android. The repository describes itself as: .NET MAUI skills for GitHub Copilot and Claude Code. The licence is MIT.
When your agent uses it
- : design a tablet app
- Lay out this iPad screen
- Should this be one pane
- Multi-pane and split-view layout
Example prompts
- “design a tablet app”
- “lay out this iPad screen”
- “should this be one pane or two on tablet”
- “/ux-tablet”
Workflow steps
2 steps, taken from the first numbered list in SKILL.md.
- Two-handed reach reshapes the comfortable zones. Held in two hands in landscape, the comfortable touch areas shift to the left and right…
- Adaptive layout is the core decision. The central tablet question is "one pane or two (or more), and what happens when width changes?"…
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.
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
UX Tablet loads about 1.3k tokens when it runs. Until then it costs about 213 tokens; SKILL.md has 643 words of instructions outside code blocks.
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). 643 words, ~1,348 tokens.
Download SKILL.mdSave it as
.claude/skills/ux-tablet/SKILL.md (or your agent's skills folder).- name
- ux-tablet
- description
- Apply medium-specific UX reasoning for TABLET applications: the hybrid medium that is touch-first but large-screen, often two-handed, sometimes with an attached keyboard/pointer, and capable of multi-pane and split-view multitasking. Use alongside ux-first-principles when the target is a tablet (iPad or Android tablet) and the decision is affected by touch sizing, large-screen density, two-handed reach, multi-pane layout, or intermittent pointer/keyboard. USE FOR: 'design a tablet app', 'lay out this iPad screen', 'should this be one pane or two on tablet', multi-pane and split-view layout, two-handed reach, large touch-screen density. DO NOT USE FOR: the invariant principles (use ux-first-principles); phone or desktop layouts (use ux-mobile or ux-desktop); picking colors, fonts, or platform chrome (use a styling/execution skill).
UX for Tablet
A thin medium layer, and the trickiest of the three — tablet is a genuine hybrid that inherits rules from both neighbors and contradicts each of them in places. The reasoning lives in ux-first-principles; read it first or alongside. Here is what the tablet medium changes.
What defines the tablet medium
Touch-first input on a large screen, frequently held two-handed (or propped), often with an attached keyboard and/or pointer some of the time, and capable of showing two or more panes at once and running split-view alongside another app. The defining trait is intermittency: the same app may be pure-touch in one moment and pointer-plus-keyboard the next, fullscreen now and half-width in split-view a moment later.
Where tablet inherits — and where it breaks the rule
Inherits from mobile (touch is the baseline assumption):
- Target sizing: assume fingertips. Use touch-sized targets and spacing as the floor, exactly as on phones — do not drop to desktop density just because the screen is big.
- No guaranteed hover: a pointer may be attached, but it usually isn't. Never make essential information or actions hover-only; hover can be a progressive enhancement when a pointer is present, never a requirement.
- Gestures and signifiers: swipe/long-press/pinch apply; signpost them, provide visible alternatives.
Inherits from desktop (the screen is large):
- Density can rise — carefully: the large screen supports multi-pane layouts (list + detail), persistent sidebars, and more content in view than a phone. Use the room for a master-detail or two-column structure rather than forcing the phone's single-column flow. But keep touch sizing while raising information density — the combination is what makes tablet distinct.
- Multi-pane and split-view: tablets do split-view / slide-over multitasking, so your app may be half-width unexpectedly. Layouts must adapt between one-pane (narrow / split) and multi-pane (full width) — this is the tablet's signature responsive behavior.
The two things unique to tablet
Two-handed reach reshapes the comfortable zones. Held in two hands in landscape, the comfortable touch areas shift to the left and right edges and the bottom; the center-top is the hardest to reach. This is different from the phone's single bottom-center thumb zone. Place primary controls along the reachable edges, not stranded in the middle of a wide screen.
Adaptive layout is the core decision. The central tablet question is "one pane or two (or more), and what happens when width changes?" Decide the breakpoints by content and reachability, and make panes collapse/expand gracefully between fullscreen and split-view. A tablet design that only works fullscreen is unfinished.
Show full SKILL.md (229 more words)Show less
How principles shift on tablet
- Fitts's Law: touch-sized targets (floor), but reach is edge-and-corner oriented in two-handed use, not bottom-center.
- Hick's Law / hierarchy: the larger canvas lets you show more than a phone without crowding — but resist desktop-level density; the finger still needs room.
- Progressive disclosure: master-detail panes are progressive disclosure made spatial — selecting in the list reveals detail in the pane, no extra screen needed.
- Consistency across width: the same app must feel coherent fullscreen and in split-view; don't redesign, adapt.
Render-time platform handoff (NOT design decisions)
Mechanical per-platform substitutions, handled in styling / at render time (e.g., by .NET MAUI), not reasoned from principles:
- Exact minimum touch-target metric, system fonts, control styling, corner radii, material/elevation.
- Platform multitasking chrome and the standard system affordances.
- OS-global gestures: respect system back / home / multitasking / split-view gestures rather than overriding them.
Everything else — including structural choices like single-pane vs. master-detail, where the navigation lives, and how panes adapt — is a design decision. Reason it from first principles and commit to ONE answer that works across tablet platforms. Do not fork the structure per OS.
Deliberate scope note
This optimizes for a coherent cross-platform product over maximal single-OS idiomaticity — the right trade-off for cross-platform work, and especially natural on tablet where the master-detail idiom is shared across platforms. It bites only an app whose whole value proposition is feeling 100% hand-built-native on one OS.
© davidortinau, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in plugins/maui-skills/skills/ux-tablet of davidortinau/maui-skills.
Open the folder on GitHubat commit 79bb4bf
Compare with similar skills
UX Tablet 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| UX Tablet this skilldavidortinau/maui-skills | 175 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Compose Multiplatform Patternsmonta-app/ocpp-emulator | 180 | 5 repos | ~2k | Automated safety check: Pass | Apache-2.0 | |
| Phone HarnessShawnPana/phone-harness | 3.2k | — | ~4.3k | Automated safety check: Pass | MIT | |
| Stylesarindamxd/camerax-android | 132 | 4 repos | ~2.3k | Automated safety check: Pass | Apache-2.0 | |
| Verified Emailarindamxd/camerax-android | 132 | 4 repos | ~4.7k | Automated safety check: Pass | Apache-2.0 | |
| Argent Metro Debuggerbbplayer-app/BBPlayer | 1.2k | — | ~3.4k | Automated safety check: Pass | MIT |
Similar skills
Phone Harness
ShawnPana/phone-harness
Control the user's phone — an iPhone through the Mac's iPhone Mirroring window, an Android over adb, or a rented cloud Android: open apps, tap, type, swipe, read the screen.
Styles
arindamxd/camerax-android
A skill your agent uses to integrate the Jetpack Compose Styles API into an Android project.
Verified Email
arindamxd/camerax-android
Provides a complete workflow for implementing verified email retrieval on Android Credential Manager API.
Argent Metro Debugger
bbplayer-app/BBPlayer
Debug a JS runtime via CDP using argent debugger tools. An agent skill from bbplayer-app/BBPlayer.
Android XML Resource
afkT/DevUtils
统一 Android XML 资源命名：layout、drawable、mipmap、color、values、id 的前缀与 snakecase 规则；把颜色/圆角/描边/状态编码进文件名（bg、border、textcolor…selector）。
More from davidortinau/maui-skills
All 41 skills in this repoMaui Hot Reload Diagnostics
davidortinau/maui-skills
Diagnose and troubleshoot .NET MAUI Hot Reload issues (C Hot Reload, XAML Hot Reload, Blazor Hybrid).
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…
Maui Animations
davidortinau/maui-skills
.NET MAUI view animations, custom animations, easing functions, rotation, scale, translation, and fade effects.
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…
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…
Maui Aspire
davidortinau/maui-skills
Guide for .NET MAUI apps consuming .NET Aspire-hosted backend services.
Related
Works with
Categories
Questions about UX Tablet
What does UX Tablet do?
Apply medium-specific UX reasoning for TABLET applications: the hybrid medium that is touch-first but large-screen, often two-handed, sometimes with an attached keyboard/pointer, and capable of…. UX Tablet is an agent skill from davidortinau/maui-skills. Apply medium-specific UX reasoning for TABLET applications: the hybrid medium that is touch-first but large-screen, often two-handed, sometimes with an attached keyboard/pointer, and capable of multi-pane and split-view multitasking.
When should I use UX Tablet?
UX Tablet fits situations like: : design a tablet app; lay out this iPad screen; should this be one pane; multi-pane and split-view layout.
How do I install UX Tablet in Claude Code?
Run `npx skills add davidortinau/maui-skills --skill ux-tablet -a claude-code`. Or copy the skill folder (plugins/maui-skills/skills/ux-tablet in davidortinau/maui-skills) into .claude/skills/ux-tablet in your project. Claude Code loads it when a task matches its description.
How do I install UX Tablet in Codex?
Run `npx skills add davidortinau/maui-skills --skill ux-tablet -a codex`. Or copy the skill folder (plugins/maui-skills/skills/ux-tablet in davidortinau/maui-skills) into .agents/skills/ux-tablet in your project. Codex loads it when a task matches its description.
Can I use UX Tablet 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 ux-tablet -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ux-tablet, .gemini/skills/ux-tablet, .github/skills/ux-tablet and .opencode/skills/ux-tablet in your project.
What does UX Tablet need to run?
SKILL.md names no scripts, command-line tools or credentials: UX Tablet is instructions for the agent only.
Does UX Tablet 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 UX Tablet 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 UX Tablet use?
UX Tablet 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 UX Tablet use?
About 1.3k tokens (SKILL.md is roughly 5.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to UX Tablet?
Skills that share tags, products or a category with UX Tablet: Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars), Phone Harness (ShawnPana/phone-harness, 3.2k stars), Styles (arindamxd/camerax-android, 132 stars) and Verified Email (arindamxd/camerax-android, 132 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains UX Tablet?
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.