react-native-skills

Name: react-native-skills
Author: cowork-os

github.com/cowork-os開発51551 回インストール今日更新

リポジトリ

react-native-skills について

React Native と Expo のパフォーマンス、UI パターン、ネイティブ連携に関する知見を提供するスキルです。これらの分野で実行可能なベストプラクティスを求めるタスクに向いています。

主な機能

01React Native のパフォーマンス指針
02Expo のベストプラクティス
03UI パターンの指針
04ネイティブ連携の指針

活用シーン

01React Native アプリのパフォーマンス改善
02Expo プロジェクトの UI パターン選定
03ネイティブ連携の計画

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/cowork-os/cowork-os --skill react-native-skills

インストール後、Claude Code で/react-native-skillsを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

AGENTS.md

metadata.json

README.md

rules/

_sections.md

_template.md

animation-derived-value.md

animation-gesture-detector-press.md

animation-gpu-properties.md

design-system-compound-components.md

fonts-config-plugin.md

imports-design-system-folder.md

js-hoist-intl.md

list-performance-callbacks.md

list-performance-function-references.md

list-performance-images.md

list-performance-inline-objects.md

list-performance-item-expensive.md

list-performance-item-memo.md

list-performance-item-types.md

list-performance-virtualize.md

monorepo-native-deps-in-app.md

monorepo-single-dependency-versions.md

navigation-native-navigators.md

react-compiler-destructure-functions.md

react-compiler-reanimated-shared-values.md

react-state-dispatcher.md

react-state-fallback.md

react-state-minimize.md

rendering-no-falsy-and.md

rendering-text-in-text-component.md

詳細

react-native-skills

目的

パフォーマンス、UI パターン、ネイティブ連携に関する React Native と Expo のベストプラクティスです。

ルーティング

使用する場合：ユーザーがパフォーマンス、UI パターン、ネイティブ連携に関する React Native と Expo のベストプラクティスを尋ねた場合に使用します。
使用しない場合：計画書、高レベルの戦略、実行を伴わない議論を求めるリクエストの場合は使用せず、代わりに関連する計画または設計のワークフローを使用します。
出力：react-native-skills による結果として、タスクに応じた結果と具体的なアクションのメモを返します。
成功基準：依頼されたタスクに合致する具体的なアクションと判断を返し、ツール側の動作を捏造しません。

トリガーの例

肯定的な例

このリクエストに react-native-skills スキルを使用してください。
react-native-skills について手伝ってください。
ユーザーがパフォーマンス、UI パターン、ネイティブ連携に関する React Native と Expo のベストプラクティスを尋ねた場合に使用します。
react-native-skills：実行可能な結果を提示してください。

否定的な例

計画書、高レベルの戦略、実行を伴わない議論を求めるリクエストの場合は使用せず、代わりに関連する計画または設計のワークフローを使用します。
関連のないリクエストには react-native-skills を使用しないでください。
このリクエストは react-native-skills の対象外です。
これは概念的な議論のみです。ツールのワークフローは必要ありません。

ランタイムプロンプト

現在のランタイムプロンプトの長さ：4180 文字。
ランタイムプロンプトは ../react-native-skills.json に直接定義されています。

Markdown 対応

ログインしてコメント

基本情報

作者: cowork-os
リポジトリ: cowork-os/cowork-os
カテゴリ: 開発
インストール数: 51
GitHub スター: 515

問題を報告

おすすめの Skills

すべての Skills

remotion-render

github.com/inference-sh

1.6M

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途：プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

コードベースをスキャンして改善の機会を探し、ビジュアル HTML レポートとして提示し、選択したものを詳しく掘り下げる。

design-mobile-apps

github.com/designed-by-ai

1.1M

Sleek でモバイルアプリの画面をデザインし、Sleek プロジェクトを編集して、React Native または HTML でデザインを実装します。

vercel-react-best-practices

github.com/vercel-labs

852.5k

Vercel Engineering の React および Next.js パフォーマンス最適化ガイドライン。React / Next.js コードを記述、レビュー、またはリファクタリングするときに、最適なパフォーマンスパターンを確保するため、このスキルを使用する必要があります。React コンポーネント、Next.js ページ、データ取得、バンドル最適化、またはパフォーマンス改善を含むタスクで発火します。