skills.rest
iulspop
iulspopCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-js-best-practices

Review JavaScript and TypeScript code for performance and style best practices.

Updated Feb 10, 2026
Search Tags:#code quality#typescript#best practices#performance#optimization#javascript
One-click install
npx skills add https://github.com/iulspop/misc-skills --skill frontend-js-best-practices-iulspop
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-js-best-practices
Source: https://github.com/iulspop/misc-skills/tree/main/.agents/skills/frontend-js-best-practices
Command: npx skills add https://github.com/iulspop/misc-skills --skill frontend-js-best-practices-iulspop

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers write more efficient, readable, and maintainable JavaScript and TypeScript code by providing clear guidelines and best practices.

Core Features & Use Cases

  • Performance Optimization: Offers rules to reduce computation, optimize data structures, and avoid common performance pitfalls like layout thrashing.
  • Code Quality: Enforces conventions for variable declarations, function usage, and module exports to improve readability and reduce bugs.
  • Use Case: When reviewing a complex JavaScript function, use this Skill to identify potential performance bottlenecks and suggest improvements for cleaner code.

Quick Start

Review the provided JavaScript code snippet for performance and style best practices.

Frequently Asked Questions about frontend-js-best-practices

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize JavaScript loops and data structures for performance?▼

Optimize JavaScript performance by applying specific rules for efficient loops, data structures, array/map/set operations, and caching to reduce computation and avoid common performance pitfalls.

What JavaScript code style patterns improve readability and maintainability?▼

JavaScript code style patterns improve readability by enforcing conventions for variable declarations, function usage, module exports, and comments, reducing bugs and ensuring maintainable code.

How do I prevent DOM manipulation performance issues like layout thrashing?▼

Prevent DOM manipulation performance issues by enforcing rules for efficient DOM/CSS interactions, avoiding layout thrashing, and optimizing variable usage during complex front-end operations.

Does this work with TypeScript type assertions and module exports?▼

Yes, it works with TypeScript by enforcing rules for type assertions, module exports, and efficient variable usage, ensuring optimized and maintainable TypeScript code refactoring.

What is the best way to review a complex JavaScript function for bottlenecks?▼

The best way to review a complex JavaScript function is to identify potential performance bottlenecks and suggest improvements for cleaner code by checking data structures and caching mechanisms.

Related Skills

Explore More Software Engineering Skills→
RebelliousSmileRebelliousSmile
1

improve

Generate prioritized JavaScript/TypeScript improvement plans with before/after code snippets.

Community
Intermediate
ShenQingchuanShenQingchuan
5

tsdown

Bundle TypeScript libraries into ESM outputs with generated .d.ts files.

Community
Intermediate
backengineeringbackengineering
434

llvm-optimization

Analyze LLVM IR and apply optimization passes to improve generated code.

Official
Advanced
quanngynxquanngynx

js-performance-patterns

Apply JavaScript performance patterns to hot paths and DOM workflows.

Community
Intermediate