web-build-deploy
安全 78React アプリを確実にデプロイ
作成者 CJHarmath
React のデプロイ設定は反復的でミスが起きやすい場合があります。このスキルは、Vercel、Netlify、Docker、CI/CD、環境、監視に関する実践的な例を提供します。
お気に入りのスキルを再利用可能なコレクションにまとめ、1 コマンドでインストールできます。
React アプリを確実にデプロイ
作成者 CJHarmath
React のデプロイ設定は反復的でミスが起きやすい場合があります。このスキルは、Vercel、Netlify、Docker、CI/CD、環境、監視に関する実践的な例を提供します。
React Web認証を実装する
作成者 CJHarmath
Reactチームには、セッション、リダイレクト、OAuth、トークン更新を正しく処理する安全な認証フローが必要です。このスキルは、Webアプリでそうしたフローを構築するための実践的なパターンをClaude、Codex、Claude Codeに提供します。
信頼性の高いReact Native Zustandストアを構築する
作成者 CJHarmath
React Nativeチームは、古くなった状態、非同期アクションのタイミング、回避可能なレンダーに時間を奪われがちです。このスキルは、ストアの振る舞いを推論、テスト、デバッグしやすくするZustandパターンを提供します。
React Native アプリを確実にテストする
作成者 CJHarmath
React Native のテストは、ネイティブモジュール、ストア、非同期フローが一貫してモックされていないと失敗しがちです。このスキルは、実践的な Jest と React Native Testing Library のパターンを提供します。
React Nativeスタイリングパターンを適用する
作成者 CJHarmath
React Nativeのスタイリングは、テーマ、画面、プラットフォーム間で一貫性が失われやすくなります。このスキルは、Expoアプリ向けに実用的なNativeWindとBrandColorsのパターンを提供します。
React Native の状態フローを設計する
作成者 CJHarmath
複雑な React Native フローは、非同期ステップ、状態更新、UI フィードバックが明確にモデル化されていないと失敗する可能性があります。このスキルは、明示的なフロー状態、検証、ロギング、テストのための構造化されたパターンを提供します。
React Nativeパフォーマンスの最適化
作成者 CJHarmath
React Nativeアプリでは、リストの遅さ、余分なレンダー、JSスレッドの停止が発生することがあります。このスキルは、より高速なFlatList画面、メモ化されたコンポーネント、最適化されたセレクター、キャッシュされた画像、プロファイリングのための重点的なパターンを提供します。
React Nativeのオブザーバビリティを改善する
作成者 CJHarmath
サイレントな失敗や不十分なエラーメッセージは、モバイルのバグ診断を難しくします。このスキルは、ログ、エラー、トレース、安全なレポート作成のための実用的なReact Nativeパターンを提供します。
React Native 向け Expo Router ナビゲーションを構築する
作成者 CJHarmath
React Native チームには、タブ、スタック、モーダル、ディープリンク全体で予測可能なナビゲーションが必要です。このスキルは、一般的なルーティング判断のための Expo Router パターンを提供します。
Expo のネイティブ機能を実装する
作成者 CJHarmath
Expo アプリでは、慎重な権限管理とプラットフォーム対応を伴うネイティブデバイス機能が必要になることがよくあります。このスキルは、カメラ、通知、ハプティクス、位置情報、ストレージ、アプリ状態、キーボード動作を追加するための焦点を絞ったパターンを提供します。
Expo認証フローの実装
作成者 CJHarmath
Expo認証は、OAuthリダイレクト、トークン保存、ルートガードをアプリとバックエンド全体で整合させる必要があるため、失敗しがちです。このスキルは、Googleサインイン、安全なトークン処理、保護されたルート、バックエンドでのトークン検証に関する具体的なReact Nativeパターンを提供します。
React Native の非同期パターンをレビュー
作成者 CJHarmath
React Native の非同期バグは、状態アクション、effects、promise チェーンの中に隠れていることがあります。このスキルは、Claude、Codex、Claude Code が焦点を絞った非同期レビューと、より安全な順序付けの判断を行えるように導きます。
React Zustand Store パターンを改善する
作成者 CJHarmath
React チームは、Zustand を使用する際に古い state、レンダータイミング、非同期 action のバグに直面することがあります。このスキルは、store、selector、派生 state、テスト、デバッグ、永続化のための直接的なパターンを提供します。
信頼性の高いReactテストを構築する
作成者 CJHarmath
Reactのテストスイートは、非同期状態、providers、mocksの扱いに一貫性がないと、不安定になりがちです。このスキルは、Claude、Codex、Claude Codeに、焦点を絞ったReactテストの実践的なパターンを提供します。
信頼性の高い React 状態フローを設計する
作成者 CJHarmath
複雑な React フローは、await の漏れ、隠れた遷移、弱いエラー状態によって失敗しがちです。このスキルは、明示的な状態設計、検証、UI フィードバック、統合テストをガイドします。
React アプリケーションのパフォーマンス最適化
作成者 CJHarmath
React アプリは、レンダリング、リスト、バンドル、画像、重い計算のコストが気づかないうちに増えることで遅くなることがあります。このスキルは、それらのコストを診断して削減するための実践的なパターンを提供します。
React オブザーバビリティの改善
作成者 CJHarmath
React の失敗は、サイレントな return や弱いエラーメッセージの裏に隠れがちです。このスキルは、Claude、Codex、Claude Code に、ログ、トレース、より安全な診断のための実践的なパターンを提供します。
React の非同期バグを修正
作成者 CJHarmath
React の非同期バグは、競合状態、状態更新の取りこぼし、信頼性の低い effect を引き起こします。このスキルは、より安全な非同期コードのためのレビュー、修正、lint ルールをガイドします。
Python Async Code を信頼性高くテストする
作成者 CJHarmath
Async Python テストは、黙って失敗したり、データベース状態を漏らしたり、await された挙動を見逃したりすることがあります。このスキルは、fixture、mock、HTTP クライアント、フルフローテストのための pytest-asyncio パターンを提供します。
非同期 SQLModel パターンを適用する
作成者 CJHarmath
SQLModel の非同期プロジェクトでは、遅延読み込み、スキーマのずれ、セッションの誤りによって失敗することがよくあります。このスキルは、モデル、クエリ、リレーションシップ、ORM デバッグのための焦点を絞ったパターンを提供します。