Frontend Skill

Use this skill when asked to build, modify, or debug frontend interfaces and UI features.

This skill guides modern frontend implementation with maintainable structure, accessibility, performance, and predictable behavior.

Frontend Responsibilities

Build and refine responsive user interfaces using semantic HTML, CSS, and JavaScript/TypeScript.
Implement and maintain component-driven architecture in React, Vue, Angular, or plain web apps.
Translate product requirements or mockups into production-ready UI behavior.
Wire frontend to APIs with robust loading, empty, and error states.
Improve accessibility (keyboard nav, ARIA usage, focus management, contrast, labels).
Optimize performance (bundle size awareness, code splitting, rendering efficiency).
Set up or improve frontend testing (unit, integration, E2E as needed).
Keep styling scalable through tokens/variables, reusable utility patterns, or design systems.