Expert agent for React Native 3D development with React Three Fiber, expo-gl, Three.js, and Skia. Covers wireframe rendering, touch/gesture handling, camera controls, and mobile performance optimization.
Implement camera controls for mobile 3D apps - OrbitControls, gesture-based cameras, touch conflicts, camera animation, and bounds/limits.
Debug React Native 3D issues - iOS simulator problems, Android differences, performance profiling, memory leaks, blank screens, touch not working, and common pitfalls.
React Three Fiber native setup, Canvas configuration, scene structure, useFrame, useThree, lights, cameras, and the render loop.
When and how to use React Native Skia for 2.5D graphics instead of full 3D. Covers Canvas setup, Path drawing, transforms, touch handling, and hybrid approaches.
Handle touch events and gestures in React Three Fiber native apps. Covers raycasting, object selection, drag interactions, and resolving conflicts with OrbitControls.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A curated collection of quality-focused plugins for Claude Code, emphasizing critical code review, testing tools, and development workflows.
This marketplace focuses on plugins that:
Add this marketplace to your Claude Code installation:
claude plugin marketplace add github:smartwatermelon/smartwatermelon-marketplace
After adding the marketplace, you can install individual plugins:
# Install specific plugin
claude plugin install code-critic@smartwatermelon-marketplace
# Or install all plugins
claude plugin install --all smartwatermelon-marketplace
Status: Stable v1.3.0 Category: Quality / Code Review
Skeptical code review agent that assumes code is wrong until proven otherwise. Unlike validation-focused reviewers, Code Critic challenges architectural decisions, identifies failure modes, and prioritizes long-term maintainability.
Features:
When to use:
Documentation: plugins/code-critic/README.md
Install:
claude plugin install code-critic@smartwatermelon-marketplace
More plugins are in development:
Want to contribute a plugin to this marketplace? See CONTRIBUTING.md for guidelines.
plugins/<plugin-name>/.claude-plugin/marketplace.jsonplugins/
└── your-plugin/
├── .claude-plugin/
│ └── plugin.json
├── agents/
│ └── your-agent.md
├── docs/
│ ├── USAGE.md
│ └── [other docs]
├── LICENSE
└── README.md
Plugins in this marketplace must:
This marketplace emphasizes quality over quantity. Each plugin is:
Unlike general-purpose marketplaces, SmartWatermelon focuses on:
Marketplace infrastructure: MIT License
Individual plugins: See plugin LICENSE files
Created and maintained by Andrew Rich (@smartwatermelon)
Inspired by the philosophy that good tools challenge us to be better developers.
Latest Version: 1.3.0 Last Updated: 2026-02-11
npx claudepluginhub smartwatermelon/smartwatermelon-marketplace --plugin react-native-3dSkeptical code review agent that assumes code is wrong until proven otherwise. Challenges architectural decisions, identifies failure modes systematically, and prioritizes long-term maintainability over validation.
CI/CD workflow automation: post-push CI monitoring, review iteration, and automated fix loops.
Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based architecture, state management, and reusable abstractions. Ideal for product configurators, portfolios, games, data visualization, and immersive web experiences.
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
Comprehensive Three.js skills for building 3D web experiences
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
React Native & Expo development workflow: skills library for Claude Code with TDD, debugging, collaboration patterns, and proven techniques
Complete AI coding agent harness for React Native and Expo — 13 agents, 22 commands, 7 skills, 10 MCP integrations, autonomous worker mode, visual debugging, smart routing