React/Next.jsフロントエンドエンジニア Claude Skill

Name: パスカル - React開発者 AI Skill
Brand: KissMySkills
Price: 29.0 USD
Availability: InStock

Pascal - React/Next.js Frontend Engineer Claude skill by KissMySkills, hardcover volume cover

パスカル - React開発者 AI Skill

$29.00

$29.00 $43.99

パスカル - React開発者 AI Skill

$29.00 this skill vs $43.99 hiring a senior React/Next.js contractor

Complete skill package instant downloadpascal-react-nextjs-frontend-engineer.skill

Works with

Choose how to get it

Buy once $29 This one skill as a file. Yours forever, works in any AI chat. All-Access whole library $8.25/mo billed yearly All 1,000+ skills in the marketplace. Your AI picks the right one and loads it by itself. Claude, ChatGPT, Claude Code, Cursor · or $19 month to month

Secure checkout by Shopify

⚡ 即時ダウンロード ∞ 永遠に保つ ✎ 私たちが執筆しました

Add it once. Your AI works like a specialist.

Claude、ChatGPT、またはGeminiに追加すれば、あなたのAIがこの分野のスペシャリストとして機能します。

即時ダウンロード · 30日間返金保証。 一度支払えば、ずっと使える - サブスクリプション不要。私たちが執筆・テストしたもので、GitHubから無断収集したものではありません。返金ポリシー

Ask パスカル something hard.

📎 pascal-react-nextjs-frontend-engineer.md LOADED ✓

Next.js 14 app router: homepage TTFB is 1.9s on Vercel. We fetch CMS content server-side on every request. Obvious fix?

CLAUDE · AS パスカル, REACT開発者 1.9s TTFB with per-request CMS fetches means you pay origin latency on every view - the app router gives you three exits: ISR with revalidate if hourly freshness is fine, fetch-level caching with tags plus on-demand revalidation from a CMS webhook if it must be fresh, or PPR streaming the shell while the CMS slot loads. For a homepage, ISR with a 60s window plus webhook purge is right 90% of the time - TTFB lands at 100-200ms from the edge. Also check you haven't opted the route into dynamic with a stray cookies() call; one line does it silently. Which CMS, and how fresh is fresh?

ご購入前にご質問はありますか？

お問い合わせいただければ、通常はその日のうちに担当者が返信します。ボットでも、チケット待ちの列でもありません。

hello@kissmyskills.com

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

あなたが読むのではありません。AIが読みます。

スキルファイルをClaude、ChatGPT、またはGeminiに一度追加するだけで、それ以降はこの分野の専門家として機能し、次のメッセージからパスカルとして回答します。

一度購入すれば、そのファイルは永久にあなたのものです。またはAll-Accessに登録して、KissMySkillsコネクターに頼めば、そのファイルやほかのすべてのスキルをチャットに読み込めます。

// what's inside

このスキルの中身は何ですか

Diagnosis of what is causing the re-render
Component and state architecture fix for your case
Server versus client component boundaries mapped out
Rendering performance checklist before you ship

React and Next.js developers without a senior reviewer on the team

A senior React/Next.js contractor bills $95+/hr, the complete skill is yours forever.

// what's inside

What you're actually buying

Pascalが行うこと

PascalはClaude（またはChatGPT、その他のAIチャット）をシニアReact/Next.jsフロントエンドエンジニアに変えます。推測ではなく実際のシグナルに基づいて、コンポーネントアーキテクチャ、状態管理、レンダリング戦略、Core Web Vitalsの問題を診断し、具体的ですぐに実行できる計画を提示します。

対象者

本番環境のReactまたはNext.jsアプリケーションを構築・修正しているフロントエンドエンジニア、テックリード、創業者。コンポーネントアーキテクチャ、状態管理、Core Web Vitalsに関する判断を、最初から正しく行いたい方に適しています。

主な機能

コンポーネントアーキテクチャ: プレゼンテーショナルとコンテナの分割、設定よりコンポジションを優先する設計、コンポーネントの境界をデータの境界に合わせるべき場所
状態管理戦略: 実際に共有される範囲と変更頻度に応じて、ローカル状態、Context、外部ストア（Zustand、Redux Toolkit、Jotai、TanStack Query）を適切に選択
パフォーマンス最適化: バンドル分析、コード分割、画像とフォントの読み込み、プロファイリングで効果が確認できる箇所に限定したメモ化
Next.js App RouterとServer Components: Server/Client Componentの境界、Server ActionsとAPIルートの使い分け、Pages Routerが依然として適しているケース
ルートごとのレンダリング戦略: 各ルートに実際に必要なデータの鮮度に応じて、SSG、ISR、SSR、ストリーミングを選択
テスト戦略: 本番環境で実際に壊れる箇所に絞った、ユニット、コンポーネント、エンドツーエンドのテストカバレッジ

使い方

スキルファイルをダウンロードし、内容全体をClaude Project Instructions（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返ってきます。セッションごとに背景を説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内で完了します。

// how to install 2分未満

4つのステップ。どんなAIチャットでも。

01
ファイルをダウンロード
チェックアウト後、ダウンロードリンクが受信トレイに届きます。ファイルはデバイス上の任意の場所に保存してください。
02
AIチャットを開く
Claude、ChatGPT、Gemini、Grok、またはCopilot - すでに使っているものならどれでも。
03
ファイルの内容を貼り付けてください
システムプロンプト、プロジェクトの指示、またはカスタム指示欄に貼り付けてください。
04
作業を開始する
あなたのAIは専門家として設定されました。その専門分野についてなら、何でも質問できます。

技術的な知識は必要ありません。サブスクリプション不要。一度支払えば、ずっと使えます。

// compatible with

主要なAIチャットすべてに対応】【。

ファイルをAIのシステムprompt、プロジェクトの指示、またはカスタム指示に入れるだけ。セットアップ不要。コード不要。ベンダーロックインなし。

// faq

この製品についての質問

What AI tools does this work with?+

Claude, ChatGPT, or any AI chat that accepts a system prompt or Project Instructions. Claude Projects gives the best results.

How do I install it?+

Paste the SKILL.md contents into your Claude Project Instructions or system prompt. Under 2 minutes, no setup required.

Is this a course or a tool?+

It's a single skill file, not a course. Load it once and Pascal applies the same expertise and methodology from the first message of every session.

Does Pascal write Redux or Zustand code for me?+

Pascal recommends the right state management approach for your app's actual complexity first, and can then produce the specific store code, component tree, or migration plan once the approach is confirmed.

Do I have to read it myself?+

No. The file is written for your AI to read, not for you. Upload it or paste it in once and the AI takes on the role. After that you just ask it questions the way you normally would. You're welcome to open it and read it, but nothing here depends on you doing that.

Is this a physical book?+

No, it's digital. You download it the moment the order goes through and it's yours permanently. The cover is styled like a book because each edition is written and edited as one self-contained piece of work. The reading part is your AI's job, not yours.