React を速くする
優先度順に性能を直す
注目
Vercel React Best Practices
Cursor · Claude · Codex · Grok
漠然とした最適化ではなく、優先度順の React と Next.js の性能ルールを適用します。
開発の Agent Skills
設計、デバッグ、React、Vue、コードベースのルール。
Bug を調べる
先に再現し、それから直す
Diagnosing Bugs
Claude · Cursor · Codex · Grok
推測より先に短い確認の循環を作り、再現と切り分けのあとで修正します。
モジュールを分ける
小さいインターフェースの奥に振る舞い
Codebase Design
Claude · Grok · Codex
小さいインターフェースの奥に多くの振る舞いを置く深いモジュールを設計し、継ぎ目にテストを書きます。
用語を決める
コードに書く前に名詞を決める
Domain Modeling
Claude · Cursor · Grok
誤った名詞がコードに固定される前に、用語と不変条件と決定を記録します。
Vue を正しく書く
現行の API を使い、幻覚を減らす
Vue Best Practices
Cursor · Claude · Codex
Vue 3 の幻覚を、現行の API、コンポジションの書き方、モデルがまだ繰り返す誤りの指摘で止めます。
ページを試す
開く、クリックする、退行を捉える
Webapp Testing
Claude · Cursor · Codex · どのエージェントでも
Playwright でローカルの Web アプリを開き、クリックの経路をたどって退行を捉えます。
コンポーネントを組む
props を積み上げない
Vercel Composition Patterns
Cursor · Claude · Codex · Grok
props を積んだ継承ではなく、組み合わせで React コンポーネントを構成します。
App を作る
スマホ向けに書き、ページを写さない
Vercel React Native Skills
Cursor · Claude · Codex
Web の React の癖を写さず、モバイル優先の指針で React Native を書きます。
決済をつなぐ
Checkout と Webhook
Stripe Best Practices
Cursor · Claude · Codex · どのエージェントでも
Checkout、Webhook、冪等性を使い、秘密鍵をクライアントに置かず Stripe を接続します。
先にテストを書く
先に失敗、次に成功、それから整理
Test-Driven Development
Claude · Cursor · Codex · Grok
赤、緑、リファクタの順で、先に失敗するテストを書き、次にちょうど通る最小のコードを書きます。