Claude Skill фронтенд-инженера React/Next.js

Name: Pascal - AI Skill разработчика React
Brand: KissMySkills
Price: 29.0 USD
Availability: InStock

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

Pascal - AI Skill разработчика React

$29.00

$29.00 $43.99

Pascal - AI Skill разработчика React

$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 Pascal 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 PASCAL, AI SKILL РАЗРАБОТЧИКА 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. После этого он будет работать как специалист в этой области и уже со следующего сообщения отвечать как Pascal.

Купите один раз, и файл навсегда останется у вас. Или подпишитесь на 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 Actions и маршруты API, а также случаи, когда Pages Router по-прежнему имеет смысл
Стратегия рендеринга для каждого маршрута: SSG, ISR, SSR и потоковая передача выбираются с учётом реальной потребности маршрута в актуальности данных
Стратегия тестирования: модульные, компонентные и сквозные тесты, охватывающие только то, что действительно ломается в продакшене

Как использовать

Скачайте файл навыка и вставьте его содержимое целиком в инструкции проекта Claude (или в системный prompt любого AI-чата). Затем опишите свою проблему простыми словами и получите конкретный готовый к выполнению план - без необходимости заново объяснять контекст в каждом сеансе. Работает с Claude, ChatGPT и любым AI-чатом. Установка занимает менее 2 минут.

// how to install Меньше 2 минут

Четыре шага. Любой чат AI.

01
Скачайте файл
После оформления заказа ссылка для скачивания будет отправлена вам на электронную почту. Сохраните файл в любом месте на вашем устройстве.
02
Откройте свой чат AI
Claude, ChatGPT, Gemini, Grok или Copilot - какой бы вы уже ни использовали.
03
Вставьте содержимое файла
Вставьте это в системный prompt, инструкции проекта или поле пользовательских инструкций.
04
Начать работу
Ваш AI теперь настроен как специалист. Задавайте ему любые вопросы в его области.

Технические знания не требуются. Без подписки. Заплатите один раз и пользуйтесь навсегда.

// compatible with

Работает со всеми основными AI-чатами.

Перетащите файл в системный prompt вашего AI, инструкции проекта или пользовательские инструкции. Никаких настроек. Никакого кода. Никакой привязки к поставщику.

// 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.