frontend-code

name	frontend-code
description	Frontend architecture, UI/UX implementation, and web performance

Frontend Code Skill

This skill specializes in browser-based development including HTML, CSS, React, Vue, Angular, etc.

When to use this skill

• When building responsive, accessible user interfaces.
• When managing client-side state and routing.
• When addressing Core Web Vitals (LCP, FID, CLS).

Guidelines

• Assume a mobile-first philosophy for responsive design.
• Semantic HTML is critical for Accessibility (a11y) and SEO. Avoid using generic div elements when native elements apply.
• Minimize main-thread blocking JavaScript to maintain 60 FPS interactions.
• Scope CSS to components (CSS Modules, CSS-in-JS, Shadow DOM) to avoid global style leaking.