software-mansion-skills について
Software Mansionのライブラリを使う開発者向けの、React Native本番開発用公式スキルスイートです。アニメーション、ジェスチャー、グラフィック、オンデバイスAI、編集、音声、ネイティブモジュールを扱います。
主な機能
- 01React Nativeのアニメーションとジェスチャーのガイダンス
- 02SVG、チャート、イラストのガイダンス
- 03オンデバイスAI推論のガイダンス
- 04リッチテキスト編集と音声のガイダンス
- 05バックグラウンドマルチスレッドとJSIモジュール
活用シーン
- 01React Nativeのアニメーションとジェスチャーの開発
- 02Software Mansionライブラリの利用
- 03React Nativeアプリへのオンデバイス推論の追加
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill software-mansion-skillsインストール後、Claude Code で/software-mansion-skillsを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
software-mansion-skills
カタログの概要 — 完全なパッケージはこちらです:software-mansion-labs/skills
判断ツリー
-
スキルはすでにインストールされていますか?
~/.design-agent-skills/skills/で Software Mansion のスキルディレクトリを確認します。- はい → 呼び出して続行します
- いいえ → ステップ 2 に進みます
-
シェルにアクセスできますか? はい → 以下からインストールします。いいえ → コマンドをユーザーに提示します(Claude Code:チャットメッセージとして
!を付けて送信します。グローバルにインストールする場合は-gを追加し、プロジェクトのみにインストールする場合は省略します)。
インストールコマンド
Claude Code(推奨):
/plugin marketplace add software-mansion-labs/skills
その他のエージェント:
npx skills add software-mansion-labs/skills
注:Opus 4.6 以降向けにファインチューニングされています。収録されているスキルの一覧は、GitHub READMEをご覧ください。
インストール後の呼び出し
- スキル名:インストール後に
ls ~/.design-agent-skills/skills/でインストール済みのスキル名を確認します - トリガー:「Software Mansion」、「Reanimated」、「Gesture Handler」、「React Native animations」、「React Native SVG」
概要
React Native の本番開発向け、Software Mansion 公式のスキルスイートです。オープンソースライブラリ全般を網羅しています。Reanimated アニメーション、Gesture Handler、React Native SVG、チャートとイラスト、オンデバイス AI 推論、リッチテキスト編集、バックグラウンドスレッドでのマルチスレッド処理、オーディオ処理、JSI(JavaScript Interface)ネイティブモジュールを扱います。ライブラリの作者自身が Opus 4.6 以降向けにファインチューニングしています。
使用しない場合
- React Native 以外のプロジェクト(Web、RN を使用しないネイティブ iOS/Android)
- Expo 管理ワークフローのプロジェクト —
expo-skillsを使用してください - アニメーションやジェスチャーに重点を置かない、React Native 全般のベストプラクティス —
callstack-agent-skillsを使用してください