Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

perf-audit

Sterne5

Forks0

Aktualisiert9. März 2026 um 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

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

sandk0

sandk0/fancai

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

WebentwicklerInformatik- und Mathematikberufe·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)

Mehr aus diesem Repository

gleiches Repository

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)