Skills
.Work. You
Rest

phase-6-ui-integration

Community

Connect UI with backend APIs end-to-end.

Software Engineering#typescript#ui#architecture#frontend#react#state-management#api-integration
AuthorLowyShin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Phase 6 focuses on implementing actual UI components and wiring them to backend APIs, including state management and a clean API client architecture.

Core Features & Use Cases

  • Page Implementation: Develop each screen with design-system components and ensure visual consistency.
  • State Management: Handle client-side state and API-driven UI updates.
  • API Integration: Connect frontend to backend services using a centralized API client and domain services.
  • Use Case: Build a dashboard that displays real-time data from backend APIs with proper error handling and loading states.

Quick Start

Create a new UI page and connect it to your backend via the centralized API client.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: phase-6-ui-integration
Download link: https://github.com/LowyShin/giip-dev-agent/archive/main.zip#phase-6-ui-integration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.