New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

App Icon

by Code-with-Beto in Code-with-Beto/skills

Generate app icons for your React Native Expo app with iOS 26 support

No licenceAuto-check passedMobile

Install App Icon

skills CLI
$ npx skills add Code-with-Beto/skills --skill app-icon -a claude-code

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

GitHub CLI
$ gh skill install Code-with-Beto/skills app-icon --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/Code-with-Beto/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/cwb-app-icon/skills/app-icon .claude/skills/app-icon && 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/

Facts

Skill name
app-icon
GitHub stars
141
Token cost
~2.4k tokens
SKILL.md length
1,090 words
Files
1
Skills in repo
4
Repo updated
First seen
Licence
None found

At a glance

Generate app icons for your React Native Expo app with iOS 26 support

  • Works in 8 steps: Verify SnapAI Setup (CRITICAL - DO THIS… → Understand the App Context → Get Style Preferences → …
  • Tasks that involve Cross-platform mobile apps
  • SKILL.md covers Overview, Step 0: Verify SnapAI Setup…, Step 1: Understand the App… and Step 2: Get Style Preferences, plus 7 more sections
  • Calls npx, magick and brew; needs SNAPAI_API_KEY and OPENAI_API_KEY

What it does

App Icon is an agent skill from Code-with-Beto/skills. Generate app icons for your React Native Expo app with iOS 26 support

Its SKILL.md is about 2.4k 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, covering Cross-platform mobile apps. It works with iOS, Expo, React Native and Android. The repository describes itself as: Agent Skills and plugins to help mobile devs ship better apps faster with AI assistance.

When your agent uses it

  • Tasks that involve Cross-platform mobile apps

Example prompts

  • “/app-icon”

Requirements

  • Node.js
  • A credential in SNAPAI_API_KEY
  • A credential in OPENAI_API_KEY

Workflow steps

8 steps, taken from the step headings in SKILL.md.

  1. Verify SnapAI Setup (CRITICAL - DO THIS FIRST)
  2. Understand the App Context
  3. Get Style Preferences
  4. Generate Icon with SnapAI
  5. Create iOS 26 .icon Folder Structure
  6. 5: Create Android-Optimized Adaptive Icon
  7. Update app.json
  8. Verify and Test

What it can do on your machine

Read from SKILL.md and the folder at commit f35f3d9. 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

    Shell commands in SKILL.md call:

    • npx
    • magick
    • brew
    • jq

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • github.com
    • codewithbeto.dev
    • platform.openai.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • SNAPAI_API_KEY
    • OPENAI_API_KEY

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

App Icon loads about 2.4k tokens when it runs. Until then it costs about 20 tokens; SKILL.md has 1,090 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~20
When it runs · the whole SKILL.md, loaded when a task matches
~2.4k

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

Without a licence we can't republish the file, so here is its outline and opening line. It has 1,090 words (~2,449 tokens).

“Generate professional app icons using AI and configure them for both iOS (with iOS 26 Liquid Glass support) and Android platforms in Expo apps.”

— opening of SKILL.md by Code-with-Beto
name
app-icon

Read the full SKILL.md on GitHub

Files

Just SKILL.md in plugins/cwb-app-icon/skills/app-icon of Code-with-Beto/skills.

Open the folder on GitHubat commit f35f3d9

Compare with similar skills

App Icon 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.

App Icon compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
App Icon this skillCode-with-Beto/skills141—~2.4kAutomated safety check: PassNone
Expo Tailwind SetupCherryHQ/cherry-studio-app4k8 repos~3kAutomated safety check: PassMIT
Screenmapaleqsio/screenmap242—~7.2kAutomated safety check: PassMIT
Expo Brownfield Integrationmweinbach/agent-coworker1562 repos~900Automated safety check: NotesCustom licence
Expo UIarcboxlabs/linkcode156—~1.2kAutomated safety check: PassMIT
Simfleetentropyconquers/simfleet117—~1.5kAutomated safety check: PassMIT

Similar skills

  • Expo Tailwind Setup

    CherryHQ/cherry-studio-app

    Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

    4k GitHub starsUsed in 8 repos~3k tokens
    MobileAuto-check passed

  • Screenmap

    aleqsio/screenmap

    Generate a visual navigation map of an Expo / React Native or NativeScript app.

    242 GitHub stars~7.2k tokensUpdated 3 days ago
    MobileAuto-check passed

  • Expo Brownfield Integration

    mweinbach/agent-coworker

    Helps add Expo and React Native to an existing native iOS or Android app, and choose between a prebuilt AAR or XCFramework and a fully integrated build.

    156 GitHub starsUsed in 2 repos~900 tokens
    MobileAuto-check: notes

  • Expo UI

    arcboxlabs/linkcode

    Framework (OSS). An agent skill from arcboxlabs/linkcode.

    156 GitHub stars~1.2k tokensUpdated 10 days ago
    MobileAuto-check passed

  • Simfleet

    entropyconquers/simfleet

    Operate a simfleet device fleet: slimmed iOS simulators and Android emulators, parallel React Native worktree lanes with leased Metro ports, the native build cache, and per-agent device claims.

    117 GitHub stars~1.5k tokensUpdated 9 days ago
    MobileAuto-check passed

  • Code Review React Native

    talsec/Free-RASP-ReactNative

    Performs strict code reviews on React Native plugin projects covering TypeScript, the Kotlin (Android) and Swift (iOS) native bridges, and the Expo config plugin.

    175 GitHub stars~3.7k tokensUpdated 3 days ago
    MobileAuto-check passed

More from Code-with-Beto/skills

  • Theming

    Code-with-Beto/skills

    Scaffold a unified, cross-platform color theme system into an Expo Router app.

    141 GitHub stars~2.5k tokensUpdated 2 mo ago
    Auto-check passed

  • Local Build

    Code-with-Beto/skills

    Build a release APK and a simulator .app file locally for a React Native Expo app using gradlew and xcodebuild.

    141 GitHub stars~2k tokensUpdated 2 mo ago
    Auto-check passed

  • Ship

    Code-with-Beto/skills

    Scaffold production-ready React Native apps using the @codewithbeto/ship CLI.

    141 GitHub stars~483 tokensUpdated 2 mo ago
    Auto-check passed

Works with

Categories

Questions about App Icon

What does App Icon do?

Generate app icons for your React Native Expo app with iOS 26 support. App Icon is an agent skill from Code-with-Beto/skills.

When should I use App Icon?

App Icon fits situations like: tasks that involve Cross-platform mobile apps.

How do I install App Icon in Claude Code?

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

How do I install App Icon in Codex?

Run `npx skills add Code-with-Beto/skills --skill app-icon -a codex`. Or copy the skill folder (plugins/cwb-app-icon/skills/app-icon in Code-with-Beto/skills) into .agents/skills/app-icon in your project. Codex loads it when a task matches its description.

Can I use App Icon 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 Code-with-Beto/skills --skill app-icon -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/app-icon, .gemini/skills/app-icon, .github/skills/app-icon and .opencode/skills/app-icon in your project.

What does App Icon need to run?

Going by SKILL.md and its folder, App Icon needs the command-line tools its instructions call (npx, magick, brew and jq) and credentials named SNAPAI_API_KEY and OPENAI_API_KEY. Our summary lists: Node.js; A credential in SNAPAI_API_KEY; A credential in OPENAI_API_KEY.

Does App Icon access the network?

SKILL.md names 3 domains. As links in the text: github.com, codewithbeto.dev and platform.openai.com. This is read from the text; nothing was executed.

Is App Icon 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 App Icon use?

No licence was found for App Icon or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does App Icon use?

About 2.4k tokens (SKILL.md is roughly 9.8k 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 App Icon?

Skills that share tags, products or a category with App Icon: Expo Tailwind Setup (CherryHQ/cherry-studio-app, 4k stars), Screenmap (aleqsio/screenmap, 242 stars), Expo Brownfield Integration (mweinbach/agent-coworker, 156 stars) and Expo UI (arcboxlabs/linkcode, 156 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains App Icon?

Code-with-Beto (a GitHub organization) maintains it in Code-with-Beto/skills, which has 141 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on July 12, 2026.

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