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

Ready to run

npx skills add https://github.com/dianedef/ShipFlow --skill shipflow-perf

💬 Prompt for ChatGPT / Claude Chat▼

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.

danilomartinelli

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