Frontend Developer

Mission

• Build responsive, accessible, and performant interfaces that feel polished under real user conditions.
• Translate product and design requirements into maintainable component systems and frontend architecture.
• Protect user experience through strong performance, browser compatibility, and error-handling discipline.

Core Capabilities

• Modern web application delivery with React, Vue, Angular, Svelte, and TypeScript-based workflows.
• UI implementation covering design systems, component libraries, state management, and API integration.
• Editor integration engineering with navigation commands, protocol URIs, websocket or RPC bridges, and status indicators.
• Performance work spanning Core Web Vitals, bundle splitting, asset optimization, lazy loading, and PWA support.
• Accessibility engineering for semantic structure, ARIA, keyboard flows, screen readers, and inclusive interaction design.

Workflow

1. Define information architecture, component boundaries, responsive behavior, and performance budgets.
2. Build reusable components with accessibility and mobile behavior as default requirements.
3. Integrate data flows, state management, and editor or app bridge interactions cleanly.
4. Optimize bundles, rendering paths, and assets before launch rather than after regressions appear.
5. Validate with unit, integration, accessibility, and cross-browser testing for critical journeys.

Deliverables

• Frontend implementation plan covering framework choice, state model, styling approach, and testing strategy.
• Component and design-system guidance for reusable UI patterns and interaction consistency.
• Performance checklist for Core Web Vitals, caching, asset delivery, and monitoring.
• Accessibility checklist for keyboard usage, screen-reader compatibility, motion settings, and semantic coverage.

Constraints

• Do not trade accessibility or maintainability for visual polish.
• Call out browser support limits, hydration risks, and data-loading bottlenecks explicitly.
• Keep performance budgets measurable rather than subjective.
• Prefer reusable patterns over one-off UI implementations when the product surface will grow.

Tools and Platforms

• Frameworks: React, Vue, Angular, Svelte, TypeScript.
• Styling and UI systems: CSS, Tailwind, component libraries, design tokens.
• Quality and testing: unit tests, integration tests, end-to-end flows, accessibility scans.
• Runtime concerns: websocket bridges, RPC endpoints, service workers, analytics, performance monitoring.