スキル Code Patterns & Practices
📦

Code Patterns & Practices

コンテンツリビジョン r3 安全 ⚡ スクリプトを含む⚙️ 外部コマンド🌐 ネットワークアクセス

React Native コーディングパターンを適用する

React Native チームでは、コンポーネント、状態、データ取得に関する判断が繰り返されがちです。このスキルは、Claude、Codex、Claude Code に、実証済みの TypeScript パターンを簡潔に参照できる資料を提供します。

対応: Claude Codex Code(CC)
📊 76 十分

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト
Review the Skillstore skill "Code Patterns & Practices" from https://skillstore.io/skills/babakbar-code-patterns-practices.md and its manifest at https://skillstore.io/api/skills/babakbar-code-patterns-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/babakbar-code-patterns-practices.md 署名済み manifest GET /api/skills/babakbar-code-patterns-practices/manifest 署名済み lockfile GET /api/skills/babakbar-code-patterns-practices/lockfile

テストする

「Code Patterns & Practices」を使用しています。 開発者が、複数の画面でモーダルの open と close ロジックを再利用する方法を尋ねています。

期待される結果:

このスキルは、明確な状態の所有権とシンプルな toggle API を持つ custom hook への抽出を推奨します。

「Code Patterns & Practices」を使用しています。 チームが、多くの React Native 画面で現在のユーザーを共有する必要があります。

期待される結果:

このスキルは context と軽量なグローバルストアを比較し、更新頻度に基づいてよりシンプルな選択肢を推奨します。

「Code Patterns & Practices」を使用しています。 ある画面がユーザーデータを取得し、ユーザーが画面を離れた後に state を更新してしまうことがあります。

期待される結果:

このスキルは effect cleanup、明示的な loading と error states、より安全な data-fetching flow を提案します。

セキュリティ監査

安全
v12 • 2026/7/18 バージョン別レポートを開く

All 31 static findings are false positives caused by Markdown fences, TypeScript template literals, an illustrative relative API request, public documentation links, and a section heading. The skill is documentation-only and contains no prompt injection, command execution, credential access, or data-exfiltration intent.

1
スキャンされたファイル
337
解析済み行数
0
レビュー項目
0
誤検知を無視

リスク要因

⚡ スクリプトを含む (1)
SKILL.md:225
⚙️ 外部コマンド (26)
SKILL.md:23-33 SKILL.md:33-37 SKILL.md:37-67 SKILL.md:67-71 SKILL.md:71-101 SKILL.md:101-107 SKILL.md:107-113 SKILL.md:113-117 SKILL.md:117-136 SKILL.md:136-140 SKILL.md:140-155 SKILL.md:155-161 SKILL.md:161-172 SKILL.md:172-197 SKILL.md:197-203 SKILL.md:203-218 SKILL.md:218-222 SKILL.md:222-234 SKILL.md:234-240 SKILL.md:240-262 SKILL.md:262-266 SKILL.md:266-281 SKILL.md:281-287 SKILL.md:287-299 SKILL.md:299-303 SKILL.md:303-312
🌐 ネットワークアクセス (3)
SKILL.md:172 SKILL.md:335 SKILL.md:336
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: claude 監査履歴を表示 →
このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/babakbar-code-patterns-practices/security.svg)](https://skillstore.io/skills/babakbar-code-patterns-practices?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/babakbar-code-patterns-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/babakbar-code-patterns-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/babakbar-code-patterns-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
学術引用 (APA · BibTeX · CFF)

APA形式の引用

BabakBar. (2026). Code Patterns & Practices security audit report (audit version 12) [Author version unspecified]. Skillstore. https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12

BibTeX形式の引用

@techreport{babakbar-babakbar-code-patterns-practices-2026, author = {BabakBar}, title = {Code Patterns & Practices security audit report (audit version 12)}, institution = {Skillstore}, year = {2026}, number = {12}, url = {https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "Code Patterns & Practices security audit report (audit version 12)" version: "unspecified" type: report authors: - name: "BabakBar" date-released: "2026-07-18" url: "https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12" identifiers: - type: other value: "skillstore:babakbar-code-patterns-practices:audit:12" description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由 証拠の信頼度: 高
55
アーキテクチャ
85
保守性
87
コンテンツ
70
コミュニティ
65
仕様準拠

作成できるもの

新機能を計画する

React Native 画面を実装する前に、コンポーネントと状態のパターンを選択します。

繰り返しロジックをリファクタリングする

重複した振る舞いを、より明確な境界を持つ custom hooks や共有コンポーネントに移動します。

アプリの品質をレビューする

React Native 機能について、loading states、cleanup、エラー処理、モバイルレイアウトの考慮事項を確認します。

これらのプロンプトを試す

コンポーネントパターンを選択する 
React Native 機能を構築しています。custom hook、compound components、render props のどれを選ぶべきか判断するのを手伝ってください。トレードオフを説明してください。
状態管理をリファクタリングする 
この React Native の状態フローをレビューし、local state、context、Zustand store のどれが最適かを推奨してください。移行手順を説明してください。
データ取得を改善する 
React Native の data-fetching hook を改善するのを手伝ってください。loading states、エラー処理、cancellation、読みやすい TypeScript に焦点を当ててください。
機能設計を監査する 
この React Native 機能設計について、コンポーネント境界、パフォーマンスリスク、状態の所有権、モバイルレイアウトの考慮事項、テストの優先順位をレビューしてください。

ベストプラクティス

  • 現在の問題を明確に解決できる最小のパターンを使用します。
  • データや effects が関係する場合は、loading、error、cleanup の振る舞いを追加します。
  • memoization や lazy loading を追加する前に、パフォーマンス問題をプロファイルします。

回避

  • layout、data fetching、business rules を混在させた大きなコンポーネントを作成しないでください。
  • local state と context では不十分になる前に、state をグローバルストアへ移動しないでください。
  • 実際のパフォーマンスコストを測定せずに、すべての render path を最適化しないでください。

よくある質問

このスキルはどのようなプロジェクトに最適ですか？
TypeScript と一般的な React パターンを使用する React Native プロジェクトに最適です。
完全なアプリケーションコードを書けますか？
パターンとガイダンスを提供します。完全なコードには、引き続きプロジェクト固有のコンテキストが必要です。
状態管理の選択に役立ちますか？
はい。local state、context、軽量な global state パターンを比較します。
React Native のパフォーマンスを扱いますか？
はい。memoization、stable callbacks、component memoization、lazy loading を扱います。
モバイル固有の UI パターンは含まれていますか？
はい。safe area handling と keyboard avoiding views が含まれます。
このスキルは 1 つの AI ツールに紐づいていますか？
いいえ。Claude、Codex、Claude Code との互換性を想定して説明されています。

開発者情報

作成者

BabakBar

ライセンス

MIT

Skillstore リビジョン

r3

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/BabakBar/VibeKeeper/tree/main/.claude/skills/code-patterns

参照

80999bf530a7874d7bedf8ce202001ecb4c4f5e0

メンテナンスの新しさ

2026/7/19

利用状況

7 ダウンロード · 201 閲覧

ファイル構成

📄 SKILL.md

BabakBar のその他のスキル

すべて表示

関連スキル

すべて表示