> ## Documentation Index
> Fetch the complete documentation index at: https://docs.supernote.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Welcome to the official Supernote developer documentation. Learn how to build plugins for Supernote.

## Prerequisites

The Supernote plugin system is built on React Native. We recommend learning the basics of React Native first (components, state management, bundling, and debugging). See: [React Native documentation](https://reactnative.dev/docs/0.79/getting-started).

Supernote devices run on Android. If your plugin needs Android capabilities (e.g. files, permissions, or system services), it also helps to understand Android development basics. See:
[Android documentation](https://developer.android.com/).

## Fundamentals

Understand the overall architecture and runtime model of the plugin system:

<Card title="Plugin Principles" icon="rocket" href="/en/principle" horizontal>
  Understand the relationship between Plugin / PluginHost / Plugin-enabled Apps and how the system runs.
</Card>

## Guides

Set up the environment and follow the development and packaging workflow:

<Card title="Environment Setup" icon="rectangle-terminal" href="/en/environment" horizontal>
  Configure React Native and the Android build environment.
</Card>

<Card title="Your First Plugin" icon="puzzle-piece" href="/en/first-plugin" horizontal>
  From project creation to button registration and packaging/installation.
</Card>

<Card title="Learn the Basics" icon="book" href="/en/plugin-base/coordinate-system" horizontal>
  Build your foundation starting from coordinate systems, lasso, and NOTE/DOC capabilities.
</Card>