Frontend Development Instructions

This skill provides general guidance for frontend development across various projects. Use this when working with web-based user interfaces, regardless of the specific framework or library.

General Principles

Code Organization

• Separate concerns: HTML for structure, CSS for styling, JavaScript for behavior
• Use semantic HTML elements for accessibility
• Keep CSS modular and maintainable
• Avoid global variable pollution using modules or IIFEs

Performance

• Minimize DOM manipulations
• Use CSS animations over JavaScript when possible
• Lazy load images and resources
• Debounce/throttle event handlers
• Use requestAnimationFrame for animations