Skills
.Work. You
Rest

react-native-codeditor

Community

CodeMirror 6 editor in React Native WebView

Software Engineering#offline#editor#react-native#webview#codemirror#dda
Authorburdiuz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides an integrated, offline-capable code editor for React Native apps by embedding CodeMirror 6 inside a WebView and exposing a bidirectional RPC API for programmatic control of content, language, theme, cursor/selection, and history, plus built-in asset-copy tooling for Android and iOS.

Core Features & Use Cases

  • Fully offline CodeMirror 6 assets loaded from the WebView and controlled via a DDA-based bridge.
  • Rich editor API: setValue, setLanguage, setTheme, setExtensions, setViewport, and history/cursor/selection management, with event callbacks like onContentUpdate and onHistorySizeUpdate.
  • Use cases include embedding an in-app IDE, tutorials, or code editors in RN apps across Android and iOS, with iOS URI resolution via expo-file-system.

Quick Start

Install the package, copy assets to your project, render CodeEditor, and obtain the api in onInitialized to drive editor actions.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-native-codeditor
Download link: https://github.com/burdiuz/react-native-codeditor/archive/main.zip#react-native-codeditor

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.