CtrlK
BlogDocsLog inGet started
Tessl Logo

performance-optimization

Profiles and reduces frontend/backend costs: split bundles, optimize assets, apply caching, and fix Core Web Vitals regressions. Use when profiling Lighthouse/CI regressions, reducing bundle size, or fixing high CLS/LCP/TTI metrics.

97

0.94x
Quality

100%

Does it follow best practices?

Impact

87%

0.94x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

100%

Live Product Search with Heavy Analytics Panel

Frontend event handling and code splitting

Criteria
Without context
With context

Debounce implemented

100%

100%

Debounce delay ~300ms

100%

100%

clearTimeout used

100%

100%

Dynamic import used

100%

100%

Lazy load on demand

100%

100%

Event listener cleanup

100%

100%

No inline styles

100%

100%

NOTES explains debounce

100%

100%

NOTES explains lazy loading

100%

100%

NOTES explains cleanup

100%

100%

100%

Log Processing Service Optimization

Node.js async I/O, streams, and data structure optimization

Criteria
Without context
With context

No readFileSync

100%

100%

Streaming input

100%

100%

Streaming output

100%

100%

Set or Map for blocklist

100%

100%

No array iteration per lookup

100%

100%

approach.md - async rationale

100%

100%

approach.md - data structure rationale

100%

100%

Correct filtering

100%

100%

62%

-16%

Dashboard Component Performance Investigation

React profiling workflow and memoization

Criteria
Without context
With context

React.Profiler used

100%

0%

onRender callback

100%

0%

React.memo conditional

100%

100%

No premature memoization

100%

100%

Stable key props

100%

100%

No inline styles

0%

0%

Profiling tools named

100%

100%

5-step workflow present

100%

100%

Rollback plan included

30%

70%

Changelog/notes fix

0%

0%

Repository
monkilabs/opencastle
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.