SkillForge

Appearance

Get Started

Frontend · Global library

INP (Interaction to Next Paint) Fixer

Diagnoses and fixes slow interactions by optimizing event handlers, reducing main thread work, and implementing yielding patterns

CodexClaude CodeKimi Codeorchestrator-mcp
Open pack on GitHubBack to catalog

Best use case

Use INP (Interaction to Next Paint) Fixer when you need to diagnoses and fixes slow interactions by optimizing event handlers, reducing main thread work, and implementing yielding patterns, especially when the work is driven by INP and interaction.

Trigger signals

INPinteractionevent handlerslow clickinput delayscheduler

Validation hooks

inp-threshold-checkyielding-pattern-checkevent-handler-timing-check

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show inp-interaction-fixer

Use

orchestrator-mcp skills export inp-interaction-fixer --to ./skillforge-packs
# copy the exported pack into your preferred agent environment

Export

cp -R skills/inp-interaction-fixer ./your-agent-skills/inp-interaction-fixer
# or open skills/inp-interaction-fixer/SKILL.md in a markdown-first client

File patterns

*.js*.ts*.tsx*.jsx

Model preferences

claude-sonnet-4gpt-4oclaude-haiku

Related skills

Adjacent packs to compose next.

FrontendGlobal library

@property Animator

Open pack

Creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values

CodexClaude Code
FrontendGlobal library

3D CSS Specialist

Open pack

Creates immersive 3D experiences using CSS transforms, perspective, and transform-style for depth and dimension without JavaScript

CodexClaude Code
Apache-2.0 licensedUse it, fork it, redistribute it. No strings attached.Safety-first by designSecret redaction, release scanning, and no shell execution. Constraints are public.GitHub nativeEvery pack is a real folder. Fork, edit, PR. No hidden backend or proprietary pipeline.