lazy-loading-implementer

Lazy Loading Implementer - Auto-activating skill for Frontend Development. Triggers on: lazy loading implementer, lazy loading implementer Part of the Frontend Development skill category.

1.02x

Quality

Does it follow best practices?

Impact

96%

1.02x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/lazy-loading-implementer/SKILL.md

Evaluation results

98%

React Dashboard App: Route-Based Code Splitting

React lazy loading with Suspense and error boundaries

Criteria

Without context

With context

React.lazy usage

100%

Dynamic import syntax

100%

Suspense fallback

100%

Error boundary present

100%

Error boundary scope

30%

100%

Accessible loading state

100%

80%

Multiple lazily-loaded routes

100%

Production-ready code

100%

Implementation notes

100%

E-Commerce Product Gallery: Optimized Image Loading

Image lazy loading with IntersectionObserver and accessibility

Criteria

Without context

With context

IntersectionObserver usage

100%

Native loading attribute OR IntersectionObserver

100%

Images not fetched before viewport

100%

Alt text present

100%

Loading state accessibility

100%

Error handling

100%

No scroll event lazy loading

100%

Visual placeholder

100%

APPROACH.md names IntersectionObserver

100%

92%

Vue.js Admin Portal: On-Demand Component Loading

Vue.js async component lazy loading

Criteria

Without context

With context

defineAsyncComponent usage

100%

Dynamic import syntax

50%

loadingComponent configured

100%

errorComponent configured

100%

Not eagerly imported

70%

80%

At least 3 async components

100%

Error isolation

100%

ARCHITECTURE.md names defineAsyncComponent

100%

Accessible loading state

80%

Repository: jeremylongshore/claude-code-plugins-plus-skills
Commit: 3e83543

Evaluated: 27 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

React Dashboard App: Route-Based Code Splitting E-Commerce Product Gallery: Optimized Image Loading Vue.js Admin Portal: On-Demand Component Loading

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.