optimize

Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.

0.98x

Quality

80%

Does it follow best practices?

Impact

88%

0.98x

Average score across 6 eval scenarios

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./archived/legacy-companion/.agents/skills/optimize/SKILL.md

Evaluation results

80%

-5%

Analytics Dashboard Performance Fix

React rendering and JavaScript performance

Criteria

Without this skill

With this skill

React.memo on ChartSidebar

100%

useMemo for processedData

100%

Virtual scrolling for table

100%

Scroll handler debounce or throttle

100%

IntersectionObserver usage

100%

Batched DOM reads anti-pattern shown

100%

Batched DOM writes correct pattern shown

100%

No inline functions in JSX

50%

Optimization notes produced

100%

No unrelated re-render trigger

100%

92%

-8%

Landing Page Animation and Font Performance

CSS animations and font loading optimization

Criteria

Without this skill

With this skill

font-display added

100%

unicode-range added

100%

Fewer font weights

100%

Hero card uses transform

100%

Progress bar uses transform

100%

Spinner keyframes use only transform

100%

will-change not overused

100%

No layout property animations

100%

Animation audit produced

100%

font-display on all faces

100%

93%

10%

Product Gallery Performance Overhaul

Image optimization and CLS prevention

Criteria

Without this skill

With this skill

Modern image format

70%

60%

Responsive srcset on hero

100%

sizes attribute on hero

100%

No lazy-load on hero

100%

Lazy load on thumbnails

100%

Explicit dimensions on hero

100%

Aspect-ratio reservation

100%

Modern format on thumbnails

75%

62%

Explicit dimensions on thumbnails

100%

Performance notes produced

100%

Repository: The-Vibe-Company/companion
Path: archived/legacy-companion/.agents/skills/optimize/SKILL.md
Commit: 90804d3

Evaluated: 6 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Product Gallery Performance Overhaul Analytics Dashboard Performance Fix Landing Page Animation and Font Performance

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.