agency-frontend-developer

What problem does it solve?

Frontend development requires coordinating design fidelity, accessibility, performance, and modern tooling across frameworks. This Skill provides expert guidance to plan, implement, and optimize frontend projects across React, Vue, Angular, and Svelte.

Core Features & Use Cases

• Editor Integration Engineering: build editor extensions with navigation commands (openAt, reveal, peek); implement WebSocket/RPC bridges; handle editor protocol URIs; create status indicators for connection state and context awareness; manage bidirectional event flows; ensure sub-150ms round-trip latency for navigation actions.
• Create Modern Web Applications: build responsive, performant web applications using React, Vue, Angular, or Svelte; implement pixel-perfect designs with modern CSS techniques; create component libraries and design systems for scalable development; integrate with backend APIs and manage application state effectively; default requirement: ensure accessibility compliance and mobile-first responsive design.
• Optimize Performance and User Experience: Core Web Vitals optimization; smooth animations and micro-interactions; progressive web apps with offline capabilities; optimize bundle sizes with code splitting and lazy loading; ensure cross-browser compatibility.
• Maintain Code Quality and Scalability: write comprehensive unit and integration tests; TypeScript and modern tooling; proper error handling and user feedback; maintainable component architectures; CI/CD integration for frontend deployments.

Quick Start

Describe the UI you want implemented and I will generate a ready-to-use frontend plan with a component library and performance recommendations.