frontend-patterns

Provides modern frontend development patterns for React and Next.js, focusing on state management, performance optimization, and UI best practices.

Install this skill

79/100

Security score

The frontend-patterns skill was audited on Mar 8, 2026 and we found 5 security issues across 2 threat categories. Review the findings below before installing.

Categories Tested

Security Issues

medium line 33

Template literal with variable interpolation in command context

SourceSKILL.md

33	return <div className={`card card-${variant}`}>{children}</div>

medium line 361

Template literal with variable interpolation in command context

SourceSKILL.md

361	height: `${virtualizer.getTotalSize()}px`,

medium line 373

Template literal with variable interpolation in command context

SourceSKILL.md

373	height: `${virtualRow.size}px`,

medium line 374

Template literal with variable interpolation in command context

SourceSKILL.md

374	transform: `translateY(${virtualRow.start}px)`

low line 201

Fetch to external URL

SourceSKILL.md

201	() => fetch('/api/markets').then(r => r.json()),

Scanned on Mar 8, 2026

View Security Dashboard

Installation guide →

GitHub Stars 87

Rate this skill

Categorydevelopment

UpdatedMay 21, 2026

github-copilot claude-code cursor codex chatgpt frontend api frontend-developer product-manager ux-designer development product design

xu-xiang/everything-claude-code-zh