heroui-native
heroui-native is a skill in fcakyon/claude-codex-settings, last changed 10 Nov 2026. It can run shell commands, reach the network, name web addresses and bundle scripts — read the findings before installing.
HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind, mobile components.
At a glance
What it can touch
How much a skill can do, not whether it is risky.
Pattern check
Nothing flagged
That isn't proof the skill is harmless.
Commit 21ed802 · 11 Nov 2026
How the check worksPattern check: nothing flagged
That isn't proof the skill is harmless.
QAI Index
We rate every listed skill the same way, from 0 to 100.
A guide to compare by, not a verdict on the skill.
How it's scoredInstall
Each tab says whether it installs commit 21ed802, the one we checked, or the latest version.
OpenCode also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Goose also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Windsurf (Devin Desktop) also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Zed also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Roo Code also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Factory Droid also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Junie also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Amp also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
No install command here reaches Kiro. Copy the skill's folder into .kiro/skills/ in your project, or ~/.kiro/skills/ for all your projects. fcakyon/claude-codex-settings/plugins/heroui-skills/skills/heroui-native (opens in a new tab)
Antigravity also looks in .agents/skills/, so the Any agent steps reach it with This project. For All projects, see where Antigravity looks.
Cline also looks in .claude/skills/, so the Claude Code steps reach it with This project. For All projects, see where Cline looks.
Claude Code
Pinned to commit 21ed802, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/fcakyon/claude-codex-settings.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&git -C "$tmp" sparse-checkout set -- plugins/heroui-skills/skills/heroui-native &&git -C "$tmp" checkout -q 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&mkdir -p .claude/skills &&mkdir .claude/skills/heroui-native &&cp -R "$tmp"/plugins/heroui-skills/skills/heroui-native/. .claude/skills/heroui-native/ &&rm -rf "$tmp"If Claude Code was already running and this created the skills folder, run /reload-skills.
Claude apps
Pinned to commit 21ed802, the one we checked.
Skills in the Claude apps belong to your account rather than to a project.
Make heroui-native.zip, with the skill folder at the top level:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/fcakyon/claude-codex-settings.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&git -C "$tmp" sparse-checkout set -- plugins/heroui-skills/skills/heroui-native &&git -C "$tmp" checkout -q 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&out="$(mktemp -d)" &&cp -R "$tmp"/plugins/heroui-skills/skills/heroui-native "$out"/heroui-native &&(cd "$out" && zip -qr - heroui-native) > heroui-native.zip &&rm -rf "$tmp" "$out"In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose heroui-native.zip.
On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.
Codex
Pinned to commit 21ed802, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/fcakyon/claude-codex-settings.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&git -C "$tmp" sparse-checkout set -- plugins/heroui-skills/skills/heroui-native &&git -C "$tmp" checkout -q 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&mkdir -p .agents/skills &&mkdir .agents/skills/heroui-native &&cp -R "$tmp"/plugins/heroui-skills/skills/heroui-native/. .agents/skills/heroui-native/ &&rm -rf "$tmp"Codex picks up new skills on its own; restart it if this one does not appear.
Cursor
Pinned to commit 21ed802, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/fcakyon/claude-codex-settings.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&git -C "$tmp" sparse-checkout set -- plugins/heroui-skills/skills/heroui-native &&git -C "$tmp" checkout -q 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&mkdir -p .cursor/skills &&mkdir .cursor/skills/heroui-native &&cp -R "$tmp"/plugins/heroui-skills/skills/heroui-native/. .cursor/skills/heroui-native/ &&rm -rf "$tmp"Copilot & VS Code
Pinned to commit 21ed802, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/fcakyon/claude-codex-settings.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&git -C "$tmp" sparse-checkout set -- plugins/heroui-skills/skills/heroui-native &&git -C "$tmp" checkout -q 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&mkdir -p .github/skills &&mkdir .github/skills/heroui-native &&cp -R "$tmp"/plugins/heroui-skills/skills/heroui-native/. .github/skills/heroui-native/ &&rm -rf "$tmp"In a running Copilot CLI session, run /skills reload.
Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.
gh skill install fcakyon/claude-codex-settings plugins/heroui-skills/skills/heroui-native/SKILL.md@21ed8022e9ff78e07b1ed27bda6e64072e96ff8d --agent github-copilot --scope projectGemini CLI
Pinned to commit 21ed802, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/fcakyon/claude-codex-settings.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&git -C "$tmp" sparse-checkout set -- plugins/heroui-skills/skills/heroui-native &&git -C "$tmp" checkout -q 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&mkdir -p .gemini/skills &&mkdir .gemini/skills/heroui-native &&cp -R "$tmp"/plugins/heroui-skills/skills/heroui-native/. .gemini/skills/heroui-native/ &&rm -rf "$tmp"In a running session, run /skills reload.
Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.
gemini skills install https://github.com/fcakyon/claude-codex-settings.git --path plugins/heroui-skills/skills/heroui-native --scope workspaceAny agent
Pinned to commit 21ed802, the one we checked.
OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity read .agents/skills in a project.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/fcakyon/claude-codex-settings.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&git -C "$tmp" sparse-checkout set -- plugins/heroui-skills/skills/heroui-native &&git -C "$tmp" checkout -q 21ed8022e9ff78e07b1ed27bda6e64072e96ff8d &&mkdir -p .agents/skills &&mkdir .agents/skills/heroui-native &&cp -R "$tmp"/plugins/heroui-skills/skills/heroui-native/. .agents/skills/heroui-native/ &&rm -rf "$tmp"Or use the skills CLI from skills.sh. Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.
npx skills@1.7.4 add fcakyon/claude-codex-settings --skill heroui-nativeWhat it can touch
From the files and frontmatter at commit 21ed802. This is how much a skill can do, not whether it is risky.
Pattern check
Pattern check: nothing flagged · commit 21ed802 · 11 Nov 2026
We checked every text file in this skill, at commit 21ed802 on 11 Nov 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.
How the check worksReport an incorrect finding
Outside links we did not follow
- https://heroui.com/docs/native/components/button.mdx
- https://heroui.com/docs/native/components/dialog.mdx
- https://heroui.com/docs/native/components/text-field.mdx
- https://heroui.com/docs/native/getting-started/quick-start.mdx
- https://heroui.com/docs/native/getting-started/theming.mdx
- http://www.apache.org/licenses/
- http://www.apache.org/licenses/LICENSE-2.0
- https://native-mcp-api.heroui.com
- https://heroui.com
- https://heroui.com/native/llms.txt
Show 1 more
- https://www.heroui.com/docs/native/components/component-name
Format check
Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.
Agent Skills specPasses
The open format from agentskills.io, held to the strictest version of each rule among the agents we check.
- Note
There is no license field, so readers can't tell whether they may reuse the skill. O2
Fix: Add license: with an SPDX name such as MIT or Apache-2.0, or the name of a bundled licence file.
- Note
- Claude CodePasses
Claude apps & API uploadPasses
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Note
The description is 341 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4
Fix: If the claude.ai upload refuses it, trim the description to 200 characters.
- Note
- OpenAI (Codex & API)Passes
- VS Code & CopilotPasses
SKILL.md
We only show SKILL.md text here when its licence clearly allows it.
Read SKILL.md on GitHub (opens in a new tab)Files
More from fcakyon/claude-codex-settings
Other Frontend & design skills
Same category, most repo stars first.