---
slug: "custom-plugin-react-native"
source_type: "readme"
source_url: "https://cdn.jsdelivr.net/gh/pluginagentmarketplace/custom-plugin-react-native@main/README.md"
repo: "https://github.com/pluginagentmarketplace/custom-plugin-react-native"
source_file: "README.md"
branch: "main"
---
<div align="center">

<!-- Animated Typing Banner -->
<img src="https://readme-typing-svg.demolab.com?font=Fira+Code&weight=600&size=28&duration=3000&pause=1000&color=2E9EF7&center=true&vCenter=true&multiline=true&repeat=true&width=600&height=100&lines=React+Native+Assistant;7+Agents+%7C+7+Skills;Claude+Code+Plugin" alt="React Native Assistant" />

<br/>

<!-- Badge Row 1: Status Badges -->
[![Version](https://img.shields.io/badge/Version-1.0.0-blue?style=for-the-badge)](https://github.com/pluginagentmarketplace/custom-plugin-react-native/releases)
[![License](https://img.shields.io/badge/License-Custom-yellow?style=for-the-badge)](LICENSE)
[![Status](https://img.shields.io/badge/Status-Production-brightgreen?style=for-the-badge)](#)
[![SASMP](https://img.shields.io/badge/SASMP-v1.3.0-blueviolet?style=for-the-badge)](#)

<!-- Badge Row 2: Content Badges -->
[![Agents](https://img.shields.io/badge/Agents-7-orange?style=flat-square&logo=robot)](#-agents)
[![Skills](https://img.shields.io/badge/Skills-7-purple?style=flat-square&logo=lightning)](#-skills)
[![Commands](https://img.shields.io/badge/Commands-4-green?style=flat-square&logo=terminal)](#-commands)

<br/>

<!-- Quick CTA Row -->
[📦 **Install Now**](#-quick-start) · [🤖 **Explore Agents**](#-agents) · [📖 **Documentation**](#-documentation) · [⭐ **Star this repo**](https://github.com/pluginagentmarketplace/custom-plugin-react-native)

---

### What is this?

> **React Native Assistant** is a Claude Code plugin with **7 agents** and **7 skills** for react native development.

</div>

---

## 📑 Table of Contents

<details>
<summary>Click to expand</summary>

- [Quick Start](#-quick-start)
- [Features](#-features)
- [Agents](#-agents)
- [Skills](#-skills)
- [Commands](#-commands)
- [Documentation](#-documentation)
- [Contributing](#-contributing)
- [License](#-license)

</details>

---

## 🚀 Quick Start

### Prerequisites

- Claude Code CLI v2.0.27+
- Active Claude subscription

### Installation (Choose One)

<details open>
<summary><strong>Option 1: From Marketplace (Recommended)</strong></summary>

```bash
# Step 1️⃣ Add the marketplace
/plugin marketplace add pluginagentmarketplace/custom-plugin-react-native

# Step 2️⃣ Install the plugin
/plugin install react-native-assistant@pluginagentmarketplace-react-native

# Step 3️⃣ Restart Claude Code
# Close and reopen your terminal/IDE
```

</details>

<details>
<summary><strong>Option 2: Local Installation</strong></summary>

```bash
# Clone the repository
git clone https://github.com/pluginagentmarketplace/custom-plugin-react-native.git
cd custom-plugin-react-native

# Load locally
/plugin load .

# Restart Claude Code
```

</details>

### ✅ Verify Installation

After restart, you should see these agents:

```
react-native-assistant:01-frontend-web-development
react-native-assistant:05-devops-cloud-infrastructure
react-native-assistant:06-architecture-design-systems
react-native-assistant:03-mobile-game-development
react-native-assistant:04-data-ai-ml
... and 2 more
```

---

## ✨ Features

| Feature | Description |
|---------|-------------|
| 🤖 **7 Agents** | Specialized AI agents for react native tasks |
| 🛠️ **7 Skills** | Reusable capabilities with Golden Format |
| ⌨️ **4 Commands** | Quick slash commands |
| 🔄 **SASMP v1.3.0** | Full protocol compliance |

---

## 🤖 Agents

### 7 Specialized Agents

| # | Agent | Purpose |
|---|-------|---------|
| 1 | **01-frontend-web-development** | Master frontend frameworks, web technologies, client-side de |
| 2 | **05-devops-cloud-infrastructure** | Master cloud platforms, containerization, orchestration, and |
| 3 | **06-architecture-design-systems** | Master system design, software architecture, and design patt |
| 4 | **03-mobile-game-development** | Master native and cross-platform mobile development. Expert  |
| 5 | **04-data-ai-ml** | Master data science, machine learning, and AI. Expert in Pyt |
| 6 | **07-security-specializations** | Master cybersecurity, compliance, blockchain, QA, and specia |
| 7 | **02-backend-api-development** | Master backend systems, RESTful and GraphQL APIs, and server |

---

## 🛠️ Skills

### Available Skills

| Skill | Description | Invoke |
|-------|-------------|--------|
| `backend-technologies` | Work with backend languages (Python, PHP, Go, Rust, Java, Ko | `Skill("react-native-assistant:backend-technologies")` |
| `system-architecture` | Design scalable and maintainable systems using design patter | `Skill("react-native-assistant:system-architecture")` |
| `cloud-devops` | Deploy and manage infrastructure using AWS, Docker, Kubernet | `Skill("react-native-assistant:cloud-devops")` |
| `data-science-ai` | Apply machine learning, deep learning, data analysis, and AI | `Skill("react-native-assistant:data-science-ai")` |
| `mobile-technologies` | Build native and cross-platform mobile applications using Re | `Skill("react-native-assistant:mobile-technologies")` |
| `frontend-technologies` | Master HTML, CSS, JavaScript, TypeScript, and modern fronten | `Skill("react-native-assistant:frontend-technologies")` |
| `security-compliance` | Implement security best practices, cryptography, application | `Skill("react-native-assistant:security-compliance")` |

---

## ⌨️ Commands

| Command | Description |
|---------|-------------|
| `/learn` | Learn Command |
| `/assess` | Assess Command |
| `/browse-agent` | Browse Agent Command |
| `/roadmaps` | Roadmaps Command |

---

## 📚 Documentation

| Document | Description |
|----------|-------------|
| [CHANGELOG.md](https://github.com/pluginagentmarketplace/custom-plugin-react-native/blob/HEAD/CHANGELOG.md) | Version history |
| [CONTRIBUTING.md](https://github.com/pluginagentmarketplace/custom-plugin-react-native/blob/HEAD/CONTRIBUTING.md) | How to contribute |
| [LICENSE](https://github.com/pluginagentmarketplace/custom-plugin-react-native/tree/HEAD/LICENSE) | License information |

---

## 📁 Project Structure

<details>
<summary>Click to expand</summary>

```
custom-plugin-react-native/
├── 📁 .claude-plugin/
│   ├── plugin.json
│   └── marketplace.json
├── 📁 agents/              # 7 agents
├── 📁 skills/              # 7 skills (Golden Format)
├── 📁 commands/            # 4 commands
├── 📁 hooks/
├── 📄 README.md
├── 📄 CHANGELOG.md
└── 📄 LICENSE
```

</details>

---

## 📅 Metadata

| Field | Value |
|-------|-------|
| **Version** | 1.0.0 |
| **Last Updated** | 2025-12-29 |
| **Status** | Production Ready |
| **SASMP** | v1.3.0 |
| **Agents** | 7 |
| **Skills** | 7 |
| **Commands** | 4 |

---

## 🤝 Contributing

Contributions are welcome! Please read our [Contributing Guide](https://github.com/pluginagentmarketplace/custom-plugin-react-native/blob/HEAD/CONTRIBUTING.md).

1. Fork the repository
2. Create your feature branch
3. Follow the Golden Format for new skills
4. Submit a pull request

---

## ⚠️ Security

> **Important:** This repository contains third-party code and dependencies.
>
> - ✅ Always review code before using in production
> - ✅ Check dependencies for known vulnerabilities
> - ✅ Follow security best practices
> - ✅ Report security issues privately via [Issues](https://github.com/pluginagentmarketplace/custom-plugin-react-native/tree/HEAD/../../issues)

---

## 📝 License

Copyright © 2025 **Dr. Umit Kacar** & **Muhsin Elcicek**

Custom License - See [LICENSE](https://github.com/pluginagentmarketplace/custom-plugin-react-native/tree/HEAD/LICENSE) for details.

---

## 👥 Contributors

<table>
<tr>
<td align="center">
<strong>Dr. Umit Kacar</strong><br/>
Senior AI Researcher & Engineer
</td>
<td align="center">
<strong>Muhsin Elcicek</strong><br/>
Senior Software Architect
</td>
</tr>
</table>

---

<div align="center">

**Made with ❤️ for the Claude Code Community**

[![GitHub](https://img.shields.io/badge/GitHub-pluginagentmarketplace-black?style=for-the-badge&logo=github)](https://github.com/pluginagentmarketplace)

</div>