·react-router-loader-performance
</>

react-router-loader-performance

React Router v7 loader performance optimization techniques. Use when optimizing TTFB, eliminating waterfalls, consolidating database queries, or streaming secondary data in loaders. Triggers on "slow loaders", "optimize TTFB", "speed up React Router", "loader performance", or when loaders exceed 500ms response time.

3Installs·0Trend·@adrianbrowning

Installation

$npx skills add https://github.com/adrianbrowning/agent-skills --skill react-router-loader-performance

How to Install react-router-loader-performance

Quickly install react-router-loader-performance AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/adrianbrowning/agent-skills --skill react-router-loader-performance
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: adrianbrowning/agent-skills.

SKILL.md

View raw

Critical optimization techniques for React Router v7 loaders. Contains 4 rules focused on eliminating waterfalls and maximizing parallel execution.

Impact: CRITICAL - Poor loader performance directly impacts Time To First Byte (TTFB) and perceived page speed.

Impact: Often the single biggest loader performance win, especially on high-latency DB connections.

React Router v7 loader performance optimization techniques. Use when optimizing TTFB, eliminating waterfalls, consolidating database queries, or streaming secondary data in loaders. Triggers on "slow loaders", "optimize TTFB", "speed up React Router", "loader performance", or when loaders exceed 500ms response time. Source: adrianbrowning/agent-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/adrianbrowning/agent-skills --skill react-router-loader-performance
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from adrianbrowning/agent-skills

Quick answers

What is react-router-loader-performance?

React Router v7 loader performance optimization techniques. Use when optimizing TTFB, eliminating waterfalls, consolidating database queries, or streaming secondary data in loaders. Triggers on "slow loaders", "optimize TTFB", "speed up React Router", "loader performance", or when loaders exceed 500ms response time. Source: adrianbrowning/agent-skills.

How do I install react-router-loader-performance?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/adrianbrowning/agent-skills --skill react-router-loader-performance Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/adrianbrowning/agent-skills

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-25