skills.rest
cognitedata
cognitedataOFFICIAL
Explore all skills by this author →
WebsiteGitHub

performance

Identifies and fixes performance issues in React-based Flows apps.

5|1|Updated Mar 4, 2026
Search Tags:#performance#react#optimization#virtualization#app speed#bundlesize#query fixing
One-click install
npx skills add https://github.com/cognitedata/builder-skills --skill performance-cognitedata
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/cognitedata/builder-skills/tree/main/skills/performance
Command: npx skills add https://github.com/cognitedata/builder-skills --skill performance-cognitedata

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps developers identify and resolve performance bottlenecks in Flows applications, ensuring smoother and faster user experiences.

Core Features & Use Cases

  • Performance Analysis: Measures load times, re-renders, and bundle sizes to establish baseline metrics.
  • Optimization: Guides fixing unnecessary re-renders, inefficient queries, and large bundles by applying best practices like memoization and code splitting.
  • Use Case: When a Flows app is slow or laggy, users can systematically diagnose the causes and implement fixes to improve responsiveness by 30-50%.

Quick Start

Use the performance skill to analyze your app, then run the suggested fix commands for detected issues.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I fix slow React app rendering and reduce lag in Flows applications?▼

Optimize large bundle sizes in Flows apps by using bundler analysis to detect heavy dependencies, then applying code splitting best practices to reduce the initial load payload.

How do I optimize API queries that are slowing down my Flows app?▼

Optimize API queries by restructuring inefficient requests that cause performance bottlenecks, ensuring faster data fetching and improving overall app speed and responsiveness.

What is the best way to profile and measure performance bottlenecks in React applications?▼

Profile React performance bottlenecks by establishing baseline metrics for load times, re-renders, and bundle sizes using tools like React DevTools and Lighthouse to guide systematic fixes.

Do I need React DevTools and Lighthouse to perform frontend optimization on Flows apps?▼

You need React DevTools and Lighthouse for effective frontend performance tuning, as these tools measure load times, identify rendering inefficiencies, and help establish baseline metrics.

Related Skills

Explore More Software Engineering Skills→
henrycashe26henrycashe26

frontend-performance

Analyze and optimize React and TypeScript frontend performance using Lighthouse and React DevTools.

Community
Advanced
AngelP17AngelP17
1

vercel-react-best-practices

Apply React and Next.js performance best practices during code review.

Community
Intermediate
AribSudiaAribSudia
2

arib-check-perf

Audit full-stack applications for N+1 queries, bundle bloat, and memory leaks.

Community
Advanced
ChwistopheChwistophe

rails-37-style-backend-performance

Optimize Rails application performance by preventing N+1 queries and tuning Puma/Ruby configurations.

Community
Intermediate