react-ui-patterns
安全 79堅牢なReact UI状態を構築する
作成者 ChrisWiles
Reactインターフェースでは、ローディング、エラー、空、送信中の状態を明確に表示できないことがよくあります。このスキルは、予測可能な非同期UI動作のための実践的なパターンを提供します。
インストール可能なバリアント 2 件 比較
このバリアントが首位の理由
chriswiles-react-ui-patterns
2026-09-09
お気に入りのスキルを再利用可能なコレクションにまとめ、1 コマンドでインストールできます。
堅牢なReact UI状態を構築する
作成者 ChrisWiles
Reactインターフェースでは、ローディング、エラー、空、送信中の状態を明確に表示できないことがよくあります。このスキルは、予測可能な非同期UI動作のための実践的なパターンを提供します。
このバリアントが首位の理由
chriswiles-react-ui-patterns
2026-09-09
生成された型を使って GraphQL 操作を作成
作成者 ChrisWiles
GraphQL クライアント作業では、重複した操作、弱いエラーハンドリング、古くなった生成型が発生しがちです。このスキルは、一貫した .gql ファイル、Apollo 生成フック、codegen 手順、mutation UI の安全策をガイドします。
信頼性の高いFormikフォームを構築する
作成者 ChrisWiles
Formikフォームでは、バリデーション、エラー表示、送信状態ロジックが繰り返されがちです。このスキルは、再利用可能なフィールド、Yupスキーマ、GraphQL送信、編集フォーム、multi-stepフローのための簡潔なパターンを提供します。
一貫性のあるコアUIコンポーネントを構築する
作成者 ChrisWiles
一貫性のないUIコンポーネントはプロダクト開発を遅らせ、見た目のばらつきを生みます。このスキルは、Claude、Codex、Claude Code が共有トークン、レイアウト、コンポーネントパターンを使うための指針を提供します。
Repo Mapsでコードをナビゲート
作成者 ChipFlow
大規模なリポジトリでは、シンボル検索が遅く反復的になりがちです。このスキルは、プロジェクトのシンボルをインデックス化し、関連するコードコンテキストをすばやく取得するrepo-map MCPツールを追加します。
ウォーターフォールのフェーズゲートを強制する
作成者 Chemiseblanc
AI コーディングセッションでは、プレッシャーが高まると要件、設計、テストが省略されることがあります。このスキルは、文書化されたゲートを備えた厳格なウォーターフォールフロー内に作業を保ちます。
より良いGitコミットメッセージを書く
作成者 Chemiseblanc
一貫性のないコミットメッセージは、レビューやリリースノートを素早く確認しにくくします。このスキルは、明確な72カラム本文を備えた簡潔なConventional Commitサマリーを整形します。
Remix Redis キャッシュワークフローを構築
作成者 ChaseWNorton
Remix アプリには、壊れやすい無効化ロジックに頼らないキャッシュの鮮度維持が必要です。このスキルは、Redis ベースのキャッシュ、SSE 再検証、TTL の選択、テストをガイドします。
マルチエージェントアーキテクチャの設計
作成者 ChakshuGautam
すべてのタスクを1つのコンテキストウィンドウで扱うと、複雑なエージェント作業は失敗することがあります。このスキルは、Claude、Codex、Claude Code が明確なハンドオフを備えたエージェントシステムを設計するのに役立ちます。
このバリアントが首位の理由
chakshugautam-multi-agent-patterns
2026-09-09
muratcankoylan-multi-agent-patterns
2026-09-09
asmayaseen-multi-agent-patterns
2026-09-09
AIエージェントにおけるコンテキスト劣化の診断
作成者 ChakshuGautam
長い会話や大規模なプロンプトにより、AIエージェントは重要な情報を見失ったり、矛盾するコンテキストに従ったりすることがあります。このスキルは、Claude、Codex、Claude Codeが劣化パターンを特定し、緩和戦略を選択するのに役立ちます。
このバリアントが首位の理由
chakshugautam-context-degradation
2026-09-09
チーム標準に沿ってコードをレビューする
作成者 ChaiWithJai
コードレビューは一貫性を欠き、主観的になりすぎることがあります。このスキルは、Claude、Codex、Claude Code に、焦点を絞ったレビュー フィードバックのための構造化された方法を提供します。
API のハッピーパステストを生成
作成者 Chaim12345
API チームには、より深いテストに進む前に、文書化されたエンドポイントが連携して動作することを迅速に証明する手段が必要です。このスキルは仕様を解析し、順序付けされたフローを構築し、期待される成功パスを実行する Python スクリプトを生成します。
初心者向けコーディングエージェントワークフローをガイド
作成者 Chachamaru127
技術者ではないビルダーは、コーディングエージェントに次の手順を尋ねられると勢いを失うことがあります。このスキルは、Claude、Codex、Claude Code向けに、シンプルなプロンプトとコンテキストに応じたガイダンスを提供します。
コードとビルドの失敗を診断する
作成者 Chachamaru127
壊れたビルド、空白画面、依存関係エラーはプロジェクト作業を遅らせます。このスキルは、構造化された診断、証拠収集、修正、エスカレーションをガイドします。
品質、セキュリティ、パフォーマンスの観点でコードをレビュー
作成者 Chachamaru127
コードレビューでは、対象範囲が広いとセキュリティ、アクセシビリティ、パフォーマンスの問題を見落としがちです。このスキルはレビュー作業を焦点の定まったチェックリストに振り分け、優先順位付きの指摘を生成します。
このバリアントが首位の理由
chachamaru127-review
2026-09-09
安全なコーディング原則を適用する
作成者 Chachamaru127
明確な運用ルールがないと、AIによるコーディング作業は方向性がぶれることがあります。このスキルは、Claude、Codex、Claude Codeに対して、安全な編集とコンテキスト確認のための実践的なガイダンスを提供します。
品質チェック付きで計画済み機能を実装する
作成者 Chachamaru127
タスク、テスト、検証が結び付いていないと、機能開発は方向性を失いがちです。このスキルは、Claude、Codex、Claude Code に対して、計画に基づく実装、テスト作成、完了報告の進め方を示します。
AIコーディングセッション間でCursorメモリを共有
作成者 Chachamaru127
作業がCursorとClaude Codeの間を移動すると、AIコーディングセッションはコンテキストを失います。このスキルはclaude-memエントリを検索・記録し、チームが意思決定、パターン、引き継ぎを再利用できるようにします。
安全な認証と決済を構築
作成者 Chachamaru127
認証と決済の作業はリスクが高く、SDKのセットアップ、routes、webhooks、environment variablesにまたがることがよくあります。このスキルは、Clerk、Supabase Auth、Stripeの実装手順についてClaude、Codex、Claude Codeを案内します。
2-Agent Cursorワークフローを構成
作成者 Chachamaru127
PMの計画と実装が別々のツールで行われると、チームはコンテキストを失う可能性があります。このスキルは、2-AgentワークフローのためのCursorコマンドとClaudeメモリファイルを作成します。