{
  "markdown": "# Code with Beto Skills\n\nProfessional agent skills and plugins to help mobile developers ship better apps faster with AI assistance.\n\n## Overview\n\nThis repository contains a curated collection of ChatGPT, Codex, and Claude agent skills designed specifically for React Native and Expo developers. Each skill automates complex workflows, follows best practices, and helps you build production-ready mobile apps with confidence.\n\n## Available Plugins\n\n### 🎨 App Icon Plugin\n\nAI-powered app icon generation with full iOS 26 Liquid Glass support and Android adaptive icons.\n\n**Features:**\n\n- Generate professional app icons using AI (powered by OpenAI via SnapAI CLI)\n- Full iOS 26 `.icon` folder format with Liquid Glass effect support\n- Android adaptive icons with Material You theming integration\n- Automatic `app.json` configuration for both platforms\n- Multiple style options: minimalism, glassy, gradient, neon, material, and more\n- Transparent backgrounds for better platform integration\n\n**Use cases:**\n\n- Starting a new Expo app and need an icon quickly\n- Updating existing app icons with fresh designs\n- Need proper iOS 26 and Android 13+ support\n- Iterate on multiple icon concepts rapidly\n\n[View full documentation →](plugins/cwb-app-icon/README.md)\n\n### 🚀 Ship Plugin\n\nScaffold production-ready React Native apps from Code with Beto templates using the `@codewithbeto/ship` CLI.\n\n**Features:**\n\n- One-command project scaffolding with `bunx @codewithbeto/ship`\n- Pre-configured RevenueCat payments integration\n- Automatic app name, bundle ID, and slug configuration\n- Dependency installation and git initialization out of the box\n- Non-interactive flag-based mode for AI agent compatibility\n\n**Use cases:**\n\n- Ship a revenue-ready AI image app this weekend\n- Skip boilerplate and start building features immediately\n- Scaffold from the battle-tested Platano template\n- Automate project creation in CI or with AI agents\n\n[View full documentation →](plugins/cwb-ship/README.md)\n\n### 🛠 Local Build Plugin\n\nGenerate release `.apk` and simulator `.app` artifacts for your Expo project using `gradlew` and `xcodebuild` directly.\n\n**Features:**\n\n- Reads your `app.config.ts` / `app.json` to pull app name, slug, scheme, and bundle identifier\n- Verifies the iOS scheme on disk so the build command matches what Xcode generated\n- Writes `scripts/build-android.sh` and `scripts/build-ios.sh` with your real values baked in\n- Copies each artifact into `builds/` (replacing the previous one) for predictable install paths\n- Defaults to **Release** to avoid the `expo-dev-client` launcher screen\n\n**Use cases:**\n\n- Producing APKs and `.app` bundles for e2e tests (Maestro, Detox)\n- Sharing a real build with a teammate without spinning up a dev server\n- Iterating on a local device or simulator without waiting on remote builds\n\n[View full documentation →](plugins/cwb-local-build/README.md)\n\n### 🎨 Theming Plugin\n\nScaffold a unified, cross-platform color system into an Expo Router app, using the same theming pattern as the Platano template.\n\n**Features:**\n\n- Semantic system tokens (`background`, `text`, `secondaryText`, `separator`, `link`, ...) that resolve to native iOS colors and Android Material You dynamic colors\n- Brand colors with optional Android Material You dynamic resolution\n- Automatic dark/light re-rendering via `useColorScheme()` and the navigation `ThemeProvider`\n- A `useColors()` / `useTheme()` / `useBrand()` context hook built on React's `use`\n- Adds a theme context if you don't have one and wires your root `_layout.tsx` without clobbering existing providers\n\n**Use cases:**\n\n- Setting up theming or dark mode in an Expo / React Native app\n- Getting native iOS + Android Material You colors from one set of names\n- Replacing scattered `Platform.OS` color branching with a single `useColors()` hook\n- Following the \"Expo UI on Android\" lesson and wanting Platano-style theming\n\n**Requires Expo SDK 56+** (older SDKs work with hex tokens and the React Navigation `ThemeProvider`).\n\n[View full documentation →](plugins/cwb-theming/README.md)\n\n## Installation\n\n### Codex / ChatGPT desktop app\n\nAdd this repo as a plugin marketplace from the Codex CLI:\n\n```bash\ncodex plugin marketplace add Code-with-Beto/skills\n```\n\nThen install the plugins from the **Code with Beto** marketplace:\n\n- In Codex CLI, run `/plugins`, install the plugin, and start a new session.\n- In the ChatGPT desktop app, restart the app, open **Plugins** under Work or Codex, choose **Code with Beto**, and install the plugins you want.\n\nEach plugin includes a Codex manifest at `.codex-plugin/plugin.json`; the repo marketplace is defined at `.agents/plugins/marketplace.json`.\n\n### Claude Code\n\n```text\n/plugin marketplace add Code-with-Beto/skills\n/plugin install cwb-app-icon@cwb-plugins\n```\n\n### Any agent (skills only)\n\nInstall all Code with Beto skills with a single command:\n\n```bash\nnpx skills add code-with-beto/skills\n```\n\nOr install individual plugins:\n\n```bash\nnpx skills add code-with-beto/skills/plugins/cwb-app-icon\nnpx skills add code-with-beto/skills/plugins/cwb-ship\nnpx skills add code-with-beto/skills/plugins/cwb-local-build\nnpx skills add code-with-beto/skills/plugins/cwb-theming\n```\n\n## Requirements\n\n- Node.js 16+\n- npm or npx\n- Expo CLI (for app icon plugin)\n- OpenAI API key (for AI-powered icon generation)\n- [Bun](https://bun.sh/) runtime (for ship plugin)\n\n## How It Works\n\nThese skills integrate with ChatGPT, Codex, Claude Code, and other compatible agents to provide contextual, automated workflows. When you describe what you need, the agent will:\n\n1. Detect which skill is relevant to your task\n2. Execute the appropriate workflow automatically\n3. Handle configuration, file generation, and setup\n4. Provide clear instructions for testing and next steps\n\nNo manual configuration needed - just describe what you want to build.\n\n## Why Use These Skills?\n\n- **Save Time:** Automate repetitive mobile dev tasks that normally take hours\n- **Best Practices:** Built-in knowledge of iOS and Android platform requirements\n- **Stay Current:** Updated for the latest platform features (iOS 26, Android 13+)\n- **Learn by Doing:** Each skill explains what it's doing and why\n- **Battle-Tested:** Used by Code with Beto students building production apps\n\n## Support\n\n- 📚 Learn React Native & Expo: [codewithbeto.dev](https://codewithbeto.dev)\n- 💬 Questions or issues? [Open an issue](https://github.com/code-with-beto/skills/issues)\n- 🐦 Follow updates: [@codewithbeto](https://x.com/betomoedano)\n\n## Contributing\n\nContributions welcome! If you have ideas for new skills or improvements:\n\n1. Fork the repository\n2. Create a feature branch\n3. Submit a pull request with clear description\n\n## License\n\nMIT - feel free to use in personal and commercial projects.\n\n---\n\nMade with ❤️ for the mobile dev community by [Code with Beto](https://codewithbeto.dev)\n",
  "bytes": 6873,
  "sha": "305c6d08d0316b86ce2741292aa0f5ec4fed3c956b80cc3b5927b2f408770752",
  "repo_slug": "code-with-beto/skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_code_with_beto_skills_app_icon_df72db08/readme"
}