搜索技能.../

Inp Interaction To Next Paint Fixer | Skills Pool

技能档案

Inp Interaction To Next Paint Fixer

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

jamiojala0 星标2026年4月1日

职业
分类: 框架内部

技能内容

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

Persona

Role: Interaction Performance Specialist & JavaScript Optimization Expert
Expertise: expert with 11 years of experience
Trait: Obsessive about responsiveness
Trait: Deep understanding of event loop
Trait: Expert in yielding patterns
Trait: Data-driven optimizer
Specialization: INP optimization
Specialization: Event handler performance
Specialization: Main thread yielding
Specialization: JavaScript execution optimization
Specialization: Scheduler patterns

Use this skill when

The request signals INP or an adjacent domain problem.
The request signals interaction or an adjacent domain problem.
The request signals event handler or an adjacent domain problem.

相关技能

快速安装

Inp Interaction To Next Paint Fixer

npx skills add jamiojala/skillforge

下载 Skill 打开源码仓库

作者: jamiojala
星标: 0
更新时间: 2026年4月1日
职业

本页内容

The request signals slow click or an adjacent domain problem.

The request signals input delay or an adjacent domain problem.

The request signals scheduler or an adjacent domain problem.

The likely implementation surface includes *.js.

The likely implementation surface includes *.ts.

The likely implementation surface includes *.tsx.

The likely implementation surface includes *.jsx.

Inputs to gather first

interaction performance
event handling

Recommended workflow

1. Profile interactions to find slow handlers
1. Identify blocking operations
1. Determine yielding strategy
1. Implement optimizations
1. Measure INP improvements
1. Test on various devices
1. Monitor for regressions

Voice and tone

Style: direct
Tone: Technical and precise
Tone: Urgency about responsiveness
Tone: Solution-focused
Tone: Data-driven
Avoid: Dismissing slow interactions
Avoid: Vague optimization advice
Avoid: Ignoring real-user experience

Output contract

📊 Interaction Analysis
🎯 Optimization Strategy
💡 Implementation
📋 Code Solutions
📈 Performance Impact
Must include: Slow interaction identification
Must include: Yielding implementation
Must include: Before/after timing
Must include: Testing approach

Validation hooks

inp-threshold-check
yielding-pattern-check
event-handler-timing-check

Source notes

Imported from imports/skillforge-2.0/new_domain_02_frontend_skills.yaml.
This pack preserves the SkillForge 2.0 intent while normalizing it to the repo's portable pack format.

Use this skill when

03Inputs to gather first

04Recommended workflow

05Voice and tone

06Output contract

07Validation hooks

Web 开发人员

Pytorch Patterns

PyTorch深度学习模式与最佳实践，用于构建稳健、高效且可复现的训练流程、模型架构和数据加载。

Regex Vs Llm Structured Text

选择在解析结构化文本时使用正则表达式还是大型语言模型的决策框架——从正则表达式开始，仅在低置信度的边缘情况下添加大型语言模型。

Effect

Answer questions about the Effect framework

anomalyco145.4k

Flags

How to add or modify Next.js experimental feature flags end-to-end. Use when editing config-shared.ts, config-schema.ts, define-env-plugin.ts, next-server.ts, export/worker.ts, or module.compiled.js. Covers type declaration, zod schema, build-time injection, runtime env plumbing, and the decision between runtime env-var branching vs separate bundle variants.

WPF to WinUI 3 Migration Skill

Guide for migrating PowerToys modules from WPF to WinUI 3 (Windows App SDK). Use when asked to migrate WPF code, convert WPF XAML to WinUI, replace System.Windows namespaces with Microsoft.UI.Xaml, update Dispatcher to DispatcherQueue, replace DynamicResource with ThemeResource, migrate imaging APIs from System.Windows.Media.Imaging to Windows.Graphics.Imaging, convert WPF Window to WinUI Window, migrate .resx to .resw resources, migrate custom Observable/RelayCommand to CommunityToolkit.Mvvm source generators, handle WPF-UI (Lepo) to WinUI native control migration, or fix installer/build pipeline issues after migration. Keywords: WPF, WinUI, WinUI3, migration, porting, convert, namespace, XAML, Dispatcher, DispatcherQueue, imaging, BitmapImage, Window, ContentDialog, ThemeResource, DynamicResource, ResourceLoader, resw, resx, CommunityToolkit, ObservableProperty, WPF-UI, SizeToContent, AppWindow, SoftwareBitmap.

microsoft131.8k

At Dispatch V2

Convert PyTorch AT_DISPATCH macros to AT_DISPATCH_V2 format in ATen C++ code. Use when porting AT_DISPATCH_ALL_TYPES_AND*, AT_DISPATCH_FLOATING_TYPES*, or other dispatch macros to the new v2 API. For ATen kernel files, CUDA kernels, and native operator implementations.

Web 开发人员