skills.rest
dianedef
dianedefCOMMUNITY
Explore all skills by this author →
GitHub

shipflow-perf

Audit software projects for bundle size, rendering, Core Web Vitals, and data fetching.

Updated Aug 23, 2026
Search Tags:#code quality#performance#data fetching#web vitals#optimization#audit#bundle analysis
One-click install
npx skills add https://github.com/dianedef/ShipFlow --skill shipflow-perf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shipflow-perf
Source: https://github.com/dianedef/ShipFlow/tree/main/.claude/skills/shipflow-perf
Command: npx skills add https://github.com/dianedef/ShipFlow --skill shipflow-perf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill identifies and helps fix performance bottlenecks across your projects, from bundle size and rendering to Core Web Vitals and data fetching.

Core Features & Use Cases

  • Comprehensive Auditing: Analyzes bundle impact, rendering efficiency, Core Web Vitals, data fetching patterns, and backend performance.
  • Multi-Mode Operation: Can audit a single file, an entire project, or all projects in a workspace.
  • Stack-Aware Analysis: Provides tailored recommendations based on detected frameworks (Astro, Next.js, React Native, Python, Bash).
  • Use Case: Run a full performance audit on your Next.js e-commerce site to identify why LCP is slow and how to optimize data fetching for a smoother user experience.

Quick Start

Run a full performance audit on the current project.

Frequently Asked Questions about shipflow-perf

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

FAQPage Schema
How do I run a performance audit on my Next.js project?▼

A performance audit analyzes your Next.js project's bundle size, rendering efficiency, and Core Web Vitals to identify bottlenecks and provide actionable fixes for slow loading.

Why is my Largest Contentful Paint slow and how do I fix it?▼

Slow LCP is often caused by inefficient data fetching or large bundle sizes. A performance audit analyzes these factors, identifies the specific bottlenecks, and provides actionable optimization fixes.

Can I audit rendering performance and bundle size for a single file?▼

Yes, performance auditing supports multi-mode operation, allowing you to analyze rendering performance and bundle size for a single file, an entire project, or a full workspace.

Does performance auditing work with Python and Bash backends?▼

Yes, performance auditing supports stack-aware analysis for Python and Bash backends, providing tailored recommendations to optimize backend performance alongside frontend frameworks.

What is the best way to analyze Core Web Vitals and data fetching patterns?▼

The best way to analyze Core Web Vitals and data fetching is through a comprehensive performance audit that evaluates rendering efficiency and data retrieval strategies to pinpoint optimization opportunities.

Related Skills

Explore More Software Engineering Skills→
danilomartinellidanilomartinelli
1

templates

Generates scaffolding templates for apps in Next.js, React Native, Flutter, Express, Python FastAPI, Electron, Chrome Extensions, CLI tools, Turborepo, Astro, and static sites.

Community
Basic
spencerpaulyspencerpauly
672

auditing-performance

Audits web application performance bottlenecks and returns prioritized recommendations.

Community
Intermediate
cegit27cegit27
3

benchmark

Detect web performance regressions by comparing metrics against stored baselines.

Official
Advanced
686f6c61686f6c61
105

profiling

Profile CPU and memory usage to identify performance bottlenecks.

Community
Advanced