AI prompts
base on VSCode/Cursor extension that turns your editor into a full featured IDE for React Native and Expo. ![RadonIDE banner](https://github.com/user-attachments/assets/14fd4413-c518-4ead-915a-2020c4f4f981)
# [Radon IDE](https://ide.swmansion.com)
[Radon IDE](https://ide.swmansion.com) is an extension for VSCode and Cursor that turns your code editors into fully-featured IDEs for developing React Native and Expo apps.
### 💽 Installation and Usage
You can install Radon IDE with VSCode using the **Install** button on our [VSCode Marketplace page](https://marketplace.visualstudio.com/items?itemName=swmansion.react-native-ide).
You can also install it directly from the **Extensions** tab in VSCode or Cursor.
First, open your editor, navigate to the **Extensions** tab, and search for `Radon IDE`. Then, use the **Install** button to install it:
![Installation guide for VSCode](packages/docs/static/img/docs/ide_install_vscode.png)
For more installation options, you can [visit our installation guide](https://ide.swmansion.com/docs/getting-started/installation).
Once you have the IDE installed, you can check our [Getting Started Guide](https://ide.swmansion.com/docs/getting-started/launching) on how to launch and start using the extension.
### 💼 License
Radon IDE is available under a commercial license that can be purchased on our website: [ide.swmansion.com](https://ide.swmansion.com/pricing).
You can use our Free Trial License to evaluate whether the extension works for your project and use cases.
Once you purchase your license, you can follow our [License Activation Guide](https://ide.swmansion.com/docs/guides/activation-manual) to activate it using the IDE Panel in VSCode or Cursor.
### ✨ What does it do
Radon IDE aims to work with all sorts of React Native and Expo projects (see [project compatibility](https://ide.swmansion.com/docs/getting-started/compatibility) page for details), and without any extra configuration, will build and launch your projects, providing an integrated simulator preview right in the editor and enabling a set of integrations that can accelerate the development process, including but not limited to:
### Element inspector with component hierarchy
<div align="center">
<video src="https://github.com/user-attachments/assets/0f9d36b9-1843-4ae6-99b4-e633bea0b032" width="600" />
</div>
### Debugger integrated with source code
<div align="center">
<video src="https://github.com/user-attachments/assets/6a08c375-1a40-40c3-bc95-d6ce6c1cda10" width="600" />
</div>
### Logging console with jump-to-source functionality
<div align="center">
<img width="600" src="packages/docs/static/img/docs/ide_jump_from_logs.png"/>
</div>
### Device settings adjustments for theme, text size, location, system language, and more...
<div align="center">
<img width="600" src="packages/docs/static/img/docs/ide_device_settings_1_0.png"/>
</div>
### Screen recording and screen replays
<div align="center">
<video src="https://github.com/user-attachments/assets/5b31d461-5d2a-4e85-a1a1-ba0e2c5d41f3" width="600" />
</div>
### Component preview functionality
<div align="center">
<video src="https://github.com/user-attachments/assets/e5c91548-3f75-4008-9cad-5fd4fdeadb9f" width="600" />
</div>
Visit the [Feature Highlights](https://ide.swmansion.com/docs/getting-started/feature-highlight) documentation page, where we showcase the most important features of the extension.
### 🐛 Troubleshooting
For troubleshooting and a guide on reporting issues, please visit our [Troubleshooting Docs](https://ide.swmansion.com/docs/guides/troubleshooting).
### ⚒️ Extension Development
If you want to develop the extension and contribute updates, head to the [Development Guide](https://ide.swmansion.com/docs/guides/development).
### 🔗 Links
Visit the [Radon IDE website](https://ide.swmansion.com).
Radon IDE is built by [Software Mansion](https://swmansion.com)
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-ide-github 'Software Mansion')](https://swmansion.com)
", Assign "at most 3 tags" to the expected json: {"id":"10430","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"