typescript-performance-review-skill

Review TypeScript and React code for performance bottlenecks using measurement-first optimization.

Updated Feb 14, 2026
One-click install
npx skills add https://github.com/DIO0550/d-market-typescript --skill typescript-performance-review-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-performance-review-skill
Source: https://github.com/DIO0550/d-market-typescript/tree/main/plugins/typescript-rules-plugin/skills/typescript-performance-review-skill
Command: npx skills add https://github.com/DIO0550/d-market-typescript --skill typescript-performance-review-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses performance bottlenecks in TypeScript and React applications by providing a structured review process focused on measurement and optimization.

Core Features & Use Cases

  • Performance Auditing: Reviews code from a measurement-first optimization perspective.
  • Cross-Platform Checks: Covers frontend (re-renders, bundle size), backend (N+1, caching), and API (payload, compression) performance issues.
  • Use Case: Use this skill to identify and fix slow API responses or large frontend bundle sizes that are impacting user experience.

Quick Start

Review the provided TypeScript code for performance issues.

Frequently Asked Questions about typescript-performance-review-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review TypeScript and React code for performance bottlenecks?

You can review React and TypeScript code for performance by applying a measurement-first optimization approach that detects frontend re-render issues, backend N+1 queries, and inefficient API payloads.

What is a measurement-first optimization approach in frontend code?

A measurement-first optimization approach prioritizes using profiling tools to identify actual performance bottlenecks in React re-renders and bundle sizes before applying speed improvements and optimization checks.

How do I fix slow API responses and large frontend bundle sizes in TypeScript?

Fix slow API responses and large frontend bundle sizes by auditing your TypeScript code for performance issues like missing payload compression, inefficient caching, and unnecessary re-renders to improve user experience.

Can I check backend performance issues like N+1 queries using a TypeScript code review?

Yes, you can check backend performance issues like N+1 queries and missing caching mechanisms during a TypeScript code review to identify bottlenecks across your application architecture.

Does this performance review cover API payload and compression optimization checks?

Yes, the performance review covers API payload and compression optimization checks, alongside frontend bundle size and backend caching, to ensure comprehensive speed improvement across the stack.