frontend-ui-integration

To integrate frontend UI with existing backend APIs in React, wire up components to defined endpoints using strong typing and accessible components. This approach enforces routing conventions and test coverage without altering backend data models or contracts.

The best way to build a user-facing workflow using an existing design system is to implement frontend changes that rely on predefined API contracts. This ensures alignment with routing and testing conventions while rendering shared UI components.

Yes, you can use TypeScript to wire up components to existing endpoints without touching the backend. This Skill applies strictly to web UI changes, enforcing strong typing and feature flag adherence while avoiding backend or data model alterations.

To add a new user profile flow that fetches data from an API and navigates via the router, implement the UI page to call the provided endpoint and render it using shared UI components. This follows existing routing and accessibility conventions.

You should not use API-driven UI integration for web applications when the backend contracts or data models are not yet defined. This approach strictly requires existing endpoints and avoids any backend or data model alterations.