Compose UI
Meet-Miyani/compose-skill
Writes and reviews composables for Compose and CMP: the Route/Screen/leaf split, state-read placement and stability, loading/empty/error UX states, LazyColumn lists and grids, animation choice…
Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system.
Install Hz Metavrx UI Set
$ npx skills add meta-quest/agentic-tools --skill hz-metavrx-ui-set -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install meta-quest/agentic-tools hz-metavrx-ui-set --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/meta-quest/agentic-tools.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/hz-metavrx-ui-set .claude/skills/hz-metavrx-ui-set && 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 "hz-metavrx-ui-set" agent skill from https://github.com/meta-quest/agentic-tools/tree/main/skills/hz-metavrx-ui-set into .claude/skills/hz-metavrx-ui-set/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hz-metavrx-ui-set", 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/meta-quest/agentic-tools/tree/main/skills/hz-metavrx-ui-setType 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 meta-quest/agentic-tools --skill hz-metavrx-ui-set -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install meta-quest/agentic-tools hz-metavrx-ui-set --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/meta-quest/agentic-tools.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/hz-metavrx-ui-set .agents/skills/hz-metavrx-ui-set && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "hz-metavrx-ui-set" agent skill from https://github.com/meta-quest/agentic-tools/tree/main/skills/hz-metavrx-ui-set into .agents/skills/hz-metavrx-ui-set/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hz-metavrx-ui-set", 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 meta-quest/agentic-tools --skill hz-metavrx-ui-set -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install meta-quest/agentic-tools hz-metavrx-ui-set --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/meta-quest/agentic-tools.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/hz-metavrx-ui-set .cursor/skills/hz-metavrx-ui-set && 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 "hz-metavrx-ui-set" agent skill from https://github.com/meta-quest/agentic-tools/tree/main/skills/hz-metavrx-ui-set into .cursor/skills/hz-metavrx-ui-set/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hz-metavrx-ui-set", 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/meta-quest/agentic-tools.git --path skills/hz-metavrx-ui-set--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 meta-quest/agentic-tools --skill hz-metavrx-ui-set -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install meta-quest/agentic-tools hz-metavrx-ui-set --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/meta-quest/agentic-tools.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/hz-metavrx-ui-set .gemini/skills/hz-metavrx-ui-set && 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 "hz-metavrx-ui-set" agent skill from https://github.com/meta-quest/agentic-tools/tree/main/skills/hz-metavrx-ui-set into .gemini/skills/hz-metavrx-ui-set/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hz-metavrx-ui-set", 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 meta-quest/agentic-tools hz-metavrx-ui-setInstalls 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 meta-quest/agentic-tools --skill hz-metavrx-ui-set -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/meta-quest/agentic-tools.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/hz-metavrx-ui-set .github/skills/hz-metavrx-ui-set && 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 "hz-metavrx-ui-set" agent skill from https://github.com/meta-quest/agentic-tools/tree/main/skills/hz-metavrx-ui-set into .github/skills/hz-metavrx-ui-set/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hz-metavrx-ui-set", 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 meta-quest/agentic-tools --skill hz-metavrx-ui-set -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install meta-quest/agentic-tools hz-metavrx-ui-set --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/meta-quest/agentic-tools.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/hz-metavrx-ui-set .opencode/skills/hz-metavrx-ui-set && 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 "hz-metavrx-ui-set" agent skill from https://github.com/meta-quest/agentic-tools/tree/main/skills/hz-metavrx-ui-set into .opencode/skills/hz-metavrx-ui-set/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hz-metavrx-ui-set", 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
hz-metavrx-ui-set- GitHub stars
- 215
- Token cost
- ~1.4k tokens
- SKILL.md length
- 491 words
- Files
- 6 (incl. references)
- Skills in repo
- 34
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system.
- Tasks that involve Design systems
- SKILL.md covers Mental model, Rules that bite and Read what you need
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Tasks that involve Android development
What it does
Hz Metavrx UI Set is an agent skill from meta-quest/agentic-tools. Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system. Covers UiSetTheme, buttons, cards, controls, dialogs, dropdowns, inputs, side navigation, sliders, tooltips, the Icons.Regular library, Gradle setup, and migration from the Spatial SDK UI Set. Build path: Standard Android; use hz-quest-verify-first if the path is unclear.
Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files (for example `references/components.md`, `references/icons.md` and `references/integration.md`).
It sits in Frontend & Design, covering Design systems and Android development. It works with Jetpack Compose, Gradle and Android. The repository describes itself as: Agent Skills for Meta Quest/Horizon OS VR Development. The licence is Apache-2.0.
When your agent uses it
- Tasks that involve Design systems
- Tasks that involve Android development
Example prompts
- “Use the hz-metavrx-ui-set skill to build app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design…”
- “/hz-metavrx-ui-set”
What it can do on your machine
Read from SKILL.md and the folder at commit 3a8553d. 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 kotlin).
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
Hz Metavrx UI Set loads about 1.4k tokens when it runs, and up to ~9.4k if it reads all its reference files. Until then it costs about 103 tokens; SKILL.md has 491 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 meta-quest/agentic-tools at commit 3a8553d, republished under its Apache-2.0 licence (© meta-quest). 491 words, ~1,355 tokens.
Download SKILL.mdSave it as
.claude/skills/hz-metavrx-ui-set/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.- name
- hz-metavrx-ui-set
- description
- Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system. Covers UiSetTheme, buttons, cards, controls, dialogs, dropdowns, inputs, side navigation, sliders, tooltips, the Icons.Regular library, Gradle setup, and migration from the Spatial SDK UI Set. Build path: Standard Android; use hz-quest-verify-first if the path is unclear.
- license
- Apache-2.0
Using the Meta VR UI Set
UISet is a Jetpack Compose component library and design system for Android apps
on Meta Horizon OS. Its dark and light themes ship Meta VR typography, shapes,
density, interaction states, and semantic colors complete and usable with no
configuration. Everything public lives under metavrx.uiset.compose and its
subpackages.
It ships as the Maven artifact com.meta.metavrx.uiset:uiset-compose-compat.
This skill uses progressive disclosure: this page is the map — load the one reference file that matches your task.
Mental model
@Composable
fun AppContent(onContinue: () -> Unit) {
UiSetTheme { // dark scheme, VR typography, Standard density
Surface {
Column {
Text("Guardian", style = UiSetTheme.typography.headline)
LabelButton(label = "Continue", onClick = onContinue)
}
}
}
}Below the theme it is ordinary Compose — Row/Column/Box from foundation,
your own state, normal recomposition. The deltas from a Material 3 app are small
but they are replacements, not additions:
| Material 3 | UISet |
|---|---|
androidx.compose.material3.MaterialTheme | metavrx.uiset.compose.theme.UiSetTheme |
androidx.compose.material3.Text / .Icon | metavrx.uiset.compose.Text / .Icon |
Button(onClick) { Text(…) } | LabelButton(label, onClick) |
androidx.compose.material.icons.Icons.Filled.Add | metavrx.uiset.compose.theme.icons.Icons.Regular.Add |
MaterialTheme.colorScheme.primary | UiSetTheme.colorScheme.accent |
androidx.compose.material3.LocalContentColor | metavrx.uiset.compose.LocalContentColor |
UISet does not extend Material. The names collide, the types do not — import
from metavrx.uiset.compose.* and do not mix the two in one screen.
Rules that bite
- Import from UISet, not Material.
Text,Icon,Surface,Checkbox,RadioButton,Switch,Slider,Icons,LocalContentColorall exist in both. Mixed imports compile and then render unthemed. - Icons are
@Composableproperties.Icons.Regular.Addresolves a vector resource, so reading it is a composable call — it cannot be evaluated in aval, an enum argument, or aremember { }block. Componenticon/leadingIconparameters take@Composable () -> Unitfor exactly that reason. - Item lists must be
PersistentList.Dropdown,IconDropdown, andChoiceListDialogtakePersistentList<…>from kotlinx-collections-immutable; build withpersistentListOf(…)insideremember. - Dialogs are modal and caller-controlled. Emit them under
if (showDialog) { … }and always passonDismissRequest. - Every interactive target is at least 48dp in both dimensions, whatever the
density preset or a custom
Dimensions.minimumInteractiveSizesays. Visible artwork can be smaller than its target; lay out with the target in mind. - Icon-only controls require a
contentDescription— it is a required parameter onIconButton, not an optional one. - Components read the theme through composition locals. Anything outside a
UiSetThemegets the built-in defaults and your customization never reaches it.
Show full SKILL.md (165 more words)Show less
Read what you need
- references/components.md — which component to
reach for, what the
ButtonStyleemphasis levels mean, and the behaviour that is not visible in a signature. Start here for "which component, and what will it do that I don't expect". - references/theming.md —
UiSetTheme, the semanticColorSchemeroles, typography, shapes, density, and interaction indications, plus the customization ladder from a one-value copy to a full replacement. Read when colors or metrics need to change. - references/icons.md —
Icons.Regular, the composable-getter constraint, the icon-slot pattern, and how to find an icon. - references/integration.md — adding UISet to an Android app with Gradle and the Horizon OS manifest shape. Read when wiring the dependency, not the API.
- references/migration.md — moving off the
Spatial SDK UI Set (
com.meta.spatial:meta-spatial-sdk-uiset): the coordinate and package changes, theSpatial*rename table, and the behavioral differences. Read when the existing code saysSpatialTheme.
For exact signatures and KDoc, hover the symbol in your IDE — every public type
is documented. Outside the IDE, metavr docs api-search "<Component>" reaches
the same reference.
© meta-quest, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 5 other files (references) in skills/hz-metavrx-ui-set of meta-quest/agentic-tools.
- SKILL.md
- references/components.md
- references/icons.md
- references/integration.md
- references/migration.md
- references/theming.md
Open the folder on GitHubat commit 3a8553d
Compare with similar skills
Hz Metavrx UI Set 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 |
|---|---|---|---|---|---|---|
| Hz Metavrx UI Set this skillmeta-quest/agentic-tools | 215 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | |
| Compose UIMeet-Miyani/compose-skill | 302 | — | ~3.7k | Automated safety check: Pass | MIT | |
| Jetpack Compose Expertaldefy/compose-skill | 596 | — | ~4.8k | Automated safety check: Pass | Custom licence | |
| Stylessreichholf/dreamDroid | 116 | 5 repos | ~2.3k | Automated safety check: Pass | GPL-3.0 | |
| Configuring Test Dependenciesskydoves/android-testing-skills | 334 | — | ~4.1k | Automated safety check: Pass | Apache-2.0 | |
| Material 3hamen/material-3-skill | 1.5k | 2 repos | ~7.8k | Automated safety check: Pass | MIT |
Similar skills
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.
Styles
sreichholf/dreamDroid
A skill your agent uses to integrate the Jetpack Compose Styles API into an Android project.
Configuring Test Dependencies
skydoves/android-testing-skills
A skill your agent uses to wire the correct Gradle dependency matrix for Jetpack Compose UI tests.
Material 3
hamen/material-3-skill
Implement Google's Material Design 3 (Material You) UI system.
Android Accessibility
Moustachauve/WLED-Android
Expert checklist and prompts for auditing and fixing Android accessibility issues, especially in Jetpack Compose.
More from meta-quest/agentic-tools
All 34 skills in this repoHz Android 2D Porting
meta-quest/agentic-tools
Guides porting existing Android 2D apps to Meta VR and Horizon OS — input adaptation, panel layout, and design requirements.
Hz API Upgrade
meta-quest/agentic-tools
Upgrades Meta VR apps to newer Horizon OS SDK versions — migration guides, deprecated API replacements, changelog.
Hz Iwsdk Webxr
meta-quest/agentic-tools
Builds WebXR experiences for Meta VR and Horizon OS using the Immersive Web SDK (IWSDK) — ECS architecture, Three.js integration, spatial UI.
Hz Metavrx Layout SDK
meta-quest/agentic-tools
Build multi-window Meta Horizon OS experiences with the MetaVrx Layout SDK in Jetpack Compose or React Native.
Hz New Project Creation
meta-quest/agentic-tools
Scaffolds new Meta VR and Horizon OS projects after the build path is selected — Standard Android, Meta Spatial SDK, Unity, Unreal, or WebXR.
Hz Perfetto Debug
meta-quest/agentic-tools
Analyzes Meta VR and Horizon OS VR performance using Perfetto traces — frame timing, CPU/GPU bottlenecks, render pass analysis.
Related
Works with
Categories
Questions about Hz Metavrx UI Set
What does Hz Metavrx UI Set do?
Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system. Hz Metavrx UI Set is an agent skill from meta-quest/agentic-tools. Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system.
When should I use Hz Metavrx UI Set?
Hz Metavrx UI Set fits situations like: tasks that involve Design systems; tasks that involve Android development.
How do I install Hz Metavrx UI Set in Claude Code?
Run `npx skills add meta-quest/agentic-tools --skill hz-metavrx-ui-set -a claude-code`. Or copy the skill folder (skills/hz-metavrx-ui-set in meta-quest/agentic-tools) into .claude/skills/hz-metavrx-ui-set in your project. Claude Code loads it when a task matches its description.
How do I install Hz Metavrx UI Set in Codex?
Run `npx skills add meta-quest/agentic-tools --skill hz-metavrx-ui-set -a codex`. Or copy the skill folder (skills/hz-metavrx-ui-set in meta-quest/agentic-tools) into .agents/skills/hz-metavrx-ui-set in your project. Codex loads it when a task matches its description.
Can I use Hz Metavrx UI Set 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 meta-quest/agentic-tools --skill hz-metavrx-ui-set -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/hz-metavrx-ui-set, .gemini/skills/hz-metavrx-ui-set, .github/skills/hz-metavrx-ui-set and .opencode/skills/hz-metavrx-ui-set in your project.
What does Hz Metavrx UI Set need to run?
SKILL.md names no scripts, command-line tools or credentials: Hz Metavrx UI Set is instructions for the agent only.
Does Hz Metavrx UI Set 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 Hz Metavrx UI Set 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 Hz Metavrx UI Set use?
Hz Metavrx UI Set is published under the Apache-2.0 licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Hz Metavrx UI Set use?
About 1.4k 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. Its references folder adds about 8k tokens, read only when the agent opens those files.
What are the alternatives to Hz Metavrx UI Set?
Skills that share tags, products or a category with Hz Metavrx UI Set: Compose UI (Meet-Miyani/compose-skill, 302 stars), Jetpack Compose Expert (aldefy/compose-skill, 596 stars), Styles (sreichholf/dreamDroid, 116 stars) and Configuring Test Dependencies (skydoves/android-testing-skills, 334 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Hz Metavrx UI Set?
meta-quest (a GitHub organization) maintains it in meta-quest/agentic-tools, which has 215 GitHub stars. The repository holds 34 skills in this directory. The repository was last updated on September 24, 2026.
Source: meta-quest/agentic-tools on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.