💯

React Native開発で活用したいCoding Agent向けSkills 3選

に公開

こんにちは!テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです!

皆さんはReact Nativeでの開発でCoding Agentを活用していますか?

最近、React Native界隈ではSkillsの共有が盛り上がっており、有力なスキルがいくつか登場しています。今回はそれらを紹介します。

1. Expo Skills(Expo公式)

Expo公式が提供するSkillsです。以下の3つのスキルが含まれています。

  • expo-app-design
    • Expoでのアプリ開発に関するスキル。Expo UIやExpo Router、TanStack Queryなど、ExpoでReact Nativeアプリケーションを開発するための知識が詰め込まれています。
  • upgrading-expo
    • Expoのアップグレードを支援するスキル
  • expo-deployment
    • EASを使ったデプロイに関するスキル

https://github.com/expo/skills

2. React Native Guideline(Vercel)

Vercelが公開しているagent-skillsに、React Nativeのガイドラインが追加されました。

昨年リリースされたv0のiOSアプリはReact Nativeで構築されています。

https://vercel.com/blog/how-we-built-the-v0-ios-app

今回のスキルは、その開発で得られた知見をもとに作成されました。リストのパフォーマンスやアニメーション、状態管理、UIの実装など、さまざまなベストプラクティスが盛り込まれています。

https://github.com/vercel-labs/agent-skills/tree/main/skills/react-native-skills

[callstack] React Native Agent Skills

React NativeエコシステムのOSSで知られるCallstackからもSkillsが公開されています。
以下のeBookをベースにしており、主にパフォーマンス最適化に焦点を当てた内容となっています。
https://www.callstack.com/ebooks/the-ultimate-guide-to-react-native-optimization

https://github.com/callstackincubator/agent-skills

まとめ

いずれもReact Native開発において有用なSkillsです。

また、各企業のベストプラクティスが詰まっているため、私たち自身がこれらを読むことでReact Nativeへの理解を深めることもできます。

それでは、良いReact Nativeライフを!

テラーノベル テックブログ

Discussion