Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

perf-audit

Étoiles5

Forks0

Mis à jour9 mars 2026 à 19:46

Audit frontend performance for the EPUB reader and entity UI. Use when the reader is slow, entity drawer lags, or bundle size grows.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

sandk0

sandk0/fancai

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs webProfessions informatiques et mathématiques·SOC 15-1254

SKILL.md

readonly

name	perf-audit
description	Audit frontend performance for the EPUB reader and entity UI. Use when the reader is slow, entity drawer lags, or bundle size grows.
allowed-tools	Bash, Read, Grep, Glob

Frontend Performance Audit

Quick Checks

Bundle Size

cd frontend && npm run build 2>&1 | tail -20

Type Check

cd frontend && time npx tsc --noEmit

Reader Performance Checklist

All event handlers use useCallback
Computed values use useMemo
useProgressSync debounced at 5s
Large entity lists are virtualized
Images are lazy-loaded
No direct fetch() — all through TanStack Query

Files to Profile

EpubReader.tsx (286 lines, orchestrator)
useDescriptionHighlighting.ts (8 search strategies)
EntityDrawer.tsx, EntityList.tsx
chapterCache.ts (IndexedDB)

Bundle Targets

Total JS: < 500KB gzipped
epub.js: ~150KB (unavoidable)
React + ReactDOM: ~45KB
Vendor chunk: monitor for growth

Anti-Patterns to Check

CSS-in-JS at runtime (use Tailwind 4)
Missing React.lazy for non-critical routes
Missing code splitting
Overfetching with TanStack Query (check staleTime)

Plus depuis ce dépôt

même dépôt

deploy

sandk0/fancai

Deploy fancai to production VPS. Use when deploying, shipping, or pushing to production.

2026-03-105

db-migrate

sandk0/fancai

Create and run database migrations for fancai. Use when changing database schema, adding columns, creating tables, or modifying SQLAlchemy models.

2026-03-105

tech-stack

sandk0/fancai

Use when discussing architecture, adding features, or understanding fancai project structure. Provides technology overview and conventions.

2026-03-105

celery-debug

sandk0/fancai

Debug Celery task failures, memory issues, and queue problems. Use when celery tasks fail, book processing hangs, image generation times out, or workers consume too much memory.

2026-03-095

entity-pipeline

sandk0/fancai

Debug and improve the entity extraction, deduplication, and spoiler-free pipeline. Use when entities are missing, duplicated, have wrong spoiler levels, or chunk boundary issues occur.

2026-03-095

incident

sandk0/fancai

Respond to production incidents on fancai.ru. Use when the site is down, slow, returning errors, or AI features are broken.

2026-03-095

name	perf-audit
description	Audit frontend performance for the EPUB reader and entity UI. Use when the reader is slow, entity drawer lags, or bundle size grows.
allowed-tools	Bash, Read, Grep, Glob

Frontend Performance Audit

Quick Checks

Bundle Size

cd frontend && npm run build 2>&1 | tail -20

Type Check

cd frontend && time npx tsc --noEmit

Reader Performance Checklist

All event handlers use useCallback
Computed values use useMemo
useProgressSync debounced at 5s
Large entity lists are virtualized
Images are lazy-loaded
No direct fetch() — all through TanStack Query

Files to Profile

EpubReader.tsx (286 lines, orchestrator)
useDescriptionHighlighting.ts (8 search strategies)
EntityDrawer.tsx, EntityList.tsx
chapterCache.ts (IndexedDB)

Bundle Targets

Total JS: < 500KB gzipped
epub.js: ~150KB (unavoidable)
React + ReactDOM: ~45KB
Vendor chunk: monitor for growth

Anti-Patterns to Check

CSS-in-JS at runtime (use Tailwind 4)
Missing React.lazy for non-critical routes
Missing code splitting
Overfetching with TanStack Query (check staleTime)