rsc-data-optimizer

Optimize slow client-side data fetching to instant server-side rendering.

Move sections with useInView, useState, onClick to separate Client Components:

Оптимизируйте получение данных маршрутизатора приложений Next.js путем преобразования медленной клиентской части. от быстрой выборки на стороне сервера с использованием серверных компонентов React (RSC). Используйте, когда: - Пользователи сообщают о медленной загрузке начальной страницы из-за загрузки счетчиков. — Страница использует useEffect + useState для выборки данных. — Шаблон StoreContext/useStore вызывает водопадную выборку. - Необходимо улучшить SEO (контент отсутствует в исходном HTML) - Преобразование страниц «использования клиента» в серверные компоненты. Триггеры: «медленная загрузка», «оптимизация выборки», «данные SSR», «оптимизация RSC», «удалить счетчик загрузки», «выборка на стороне сервера», «преобразовать в серверный компонент», "выборка данных ламбат", "загрузка ламы" Источник: julianromli/droid-factory-template.

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/julianromli/droid-factory-template --skill rsc-data-optimizer После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw