vercel-react-native-skills
React Native アプリを最適化
React Native アプリでは、低速なリスト、ぎこちないアニメーション、プラットフォーム特有のミスが発生することがあります。このスキルは、パフォーマンスの高い Expo および React Native 開発のための簡潔なルールを Codex、Claude、Claude Code に提供します。
Mit meinem Agent installieren
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "vercel-react-native-skills" from https://skillstore.io/skills/vercel-labs-vercel-react-native-skills.md and its manifest at https://skillstore.io/api/skills/vercel-labs-vercel-react-native-skills/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Agent-lesbare Ressourcen
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
Testen
„vercel-react-native-skills“ wird verwendet. フィード画面がスクロールコンテナ内ですべてのアイテムをレンダリングしています。
Erwartetes Ergebnis:
- 全件を事前にレンダリングする方式を仮想化リストに置き換えてください。
- 可能な場合は、アイテムの props をプリミティブに保ってください。
- 高コストなフェッチや派生処理を親へ移動してください。
„vercel-react-native-skills“ wird verwendet. ボタンがプレスフィードバック中に幅を変更します。
Erwartetes Ergebnis:
このスキルは、より滑らかな UI-thread フィードバックのために、GestureDetector でプレス状態を処理し、transform または opacity アニメーションを推奨します。
„vercel-react-native-skills“ wird verwendet. monorepo が共有パッケージにネイティブ依存関係を追加しています。
Erwartetes Ergebnis:
このスキルは、ネイティブ依存関係をアプリパッケージにインストールし、workspace 全体でバージョンを揃えるよう助言します。
Sicherheitsaudit
SicherI adjudicated all 118 static findings as false positives. The flagged items are Markdown rule names, code examples, reference URLs, or React Native terms in documentation, not executable commands, credential handling, keylogging, system reconnaissance, or network operations. No semantic prompt injection or data-exfiltration intent was found in the reviewed files.
Risikofaktoren
⚙️ Externe Befehle (60)
🌐 Netzwerkzugriff (8)
📁 Dateisystemzugriff (1)
Diesen Bericht teilen & zitieren
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
Berichtslink kopieren
https://skillstore.io/skills/vercel-labs-vercel-react-native-skills/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/vercel-labs-vercel-react-native-skills?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/vercel-labs-vercel-react-native-skills?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-vercel-react-native-skills/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/vercel-labs-vercel-react-native-skills.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Wissenschaftliche Zitate (APA · BibTeX · CFF)
APA-Zitat
vercel-labs. (2026). vercel-react-native-skills security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/vercel-labs-vercel-react-native-skills/audits/5BibTeX-Zitat
@techreport{vercel-labs-vercel-labs-vercel-react-native-skills-2026,
author = {vercel-labs},
title = {vercel-react-native-skills security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/vercel-labs-vercel-react-native-skills/audits/5},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vercel-react-native-skills security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/vercel-labs-vercel-react-native-skills/audits/5"
identifiers:
- type: other
value: "skillstore:vercel-labs-vercel-react-native-skills:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
パフォーマンスリスクをレビュー
モバイル開発者が Claude または Codex に、低速なリスト、高コストなアイテム、安全でないレンダリングについて画面を検査するよう依頼します。
Expo アーキテクチャを計画
技術リードが実装前にこのスキルを使って、ナビゲーション、画像、フォント、依存関係のパターンを選択します。
UI コンポーネントをリファクタリング
デザインシステムのメンテナーが、Pressable、safe areas、モーダル、メニュー、複合コンポーネントに関するルールを適用します。
Diese Prompts ausprobieren
この React Native コンポーネントをスキルのルールに照らしてレビューしてください。レンダリングの安全性、状態、画像、明らかなパフォーマンス問題に注目してください。
このリスト画面について、仮想化、アイテムの重さ、オブジェクト参照、コールバック、画像サイズ、アイテムタイプの扱いを監査してください。
Reanimated ガイダンスを使って、これらのアニメーションとプレス操作をリファクタリングしてください。transform、opacity、derived values、GestureDetector パターンを優先してください。
この Expo アプリについて、スキルを使って移行計画を作成してください。レンダリング、リスト、ナビゲーション、状態アーキテクチャ、ネイティブ依存関係の配置を優先してください。
Bewährte Praktiken
- リスト画面、アニメーションコード、ナビゲーション構造を書く前にこのスキルを使用してください。
- 変更がスクロールやジェスチャーのパフォーマンスに影響する場合は、ルールをプロファイリングと組み合わせてください。
- 大規模なリファクタリングにガイダンスを適用する際は、ルールの引用を求めてください。
Vermeiden
- 実機でのテストの代替としてルールを扱うこと。
- プロジェクトアーキテクチャを確認せず、すべての推奨事項を適用すること。
- 繰り返し表示されるリストコンテンツに全件事前レンダリングを使用すること。
Häufig gestellte Fragen
このスキルは私のアプリを自動的に変更しますか？
どのようなプロジェクトがこのスキルに適していますか？
Claude Code や Codex はレビューにこれを使用できますか？
React Compiler は必要ですか？
セキュリティ強化は扱っていますか？
推奨事項はどの程度最新ですか？
Entwicklerdetails
Autor
vercel-labsLizenz
MIT
Autorenversion
v1.0.0
Skillstore-Revision
r1
Ref.
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
Aktualität der Wartung
18.7.2026
Nutzung
14 Downloads · 220 Aufrufe
Dateistruktur
📁 rules/
📄 animation-gesture-detector-press.md
📄 design-system-compound-components.md
📄 imports-design-system-folder.md
📄 list-performance-callbacks.md
📄 list-performance-function-references.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
📄 rendering-text-in-text-component.md
📄 ui-scrollview-content-inset.md
📄 SKILL.md