·phase-6-ui-integration
*

phase-6-ui-integration

popup-studio-ai/bkit-claude-code

Compétence pour implémenter une interface utilisateur réelle et intégrer des API. Couvre l'intégration frontend-backend, la gestion de l'état et l'architecture client API. Utilisez-le de manière proactive lorsque l'utilisateur doit connecter le frontend aux API backend. Déclencheurs : implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état, UI 구현, API連携, 状态管理, implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état, implémentation UI, intégration API, gestion d'état, Implémentation de l'interface utilisateur, intégration de l'API, assistance technique, implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état Ne PAS utiliser pour : la création de maquettes, le développement backend uniquement ou la configuration du système de conception.

12Installations·1Tendance·@popup-studio-ai

Installation

$npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-6-ui-integration

SKILL.md

Implement actual screens using design system components and integrate with APIs.

| Starter | Static UI only (no API integration) | | Dynamic | Full integration | | Enterprise | Full integration + optimization |

| Problem (Scattered API Calls) | Solution (Centralized Client) |

Compétence pour implémenter une interface utilisateur réelle et intégrer des API. Couvre l'intégration frontend-backend, la gestion de l'état et l'architecture client API. Utilisez-le de manière proactive lorsque l'utilisateur doit connecter le frontend aux API backend. Déclencheurs : implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état, UI 구현, API連携, 状态管理, implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état, implémentation UI, intégration API, gestion d'état, Implémentation de l'interface utilisateur, intégration de l'API, assistance technique, implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état Ne PAS utiliser pour : la création de maquettes, le développement backend uniquement ou la configuration du système de conception. Source : popup-studio-ai/bkit-claude-code.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-6-ui-integration
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que phase-6-ui-integration ?

Compétence pour implémenter une interface utilisateur réelle et intégrer des API. Couvre l'intégration frontend-backend, la gestion de l'état et l'architecture client API. Utilisez-le de manière proactive lorsque l'utilisateur doit connecter le frontend aux API backend. Déclencheurs : implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état, UI 구현, API連携, 状态管理, implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état, implémentation UI, intégration API, gestion d'état, Implémentation de l'interface utilisateur, intégration de l'API, assistance technique, implémentation de l'interface utilisateur, intégration de l'API, gestion de l'état Ne PAS utiliser pour : la création de maquettes, le développement backend uniquement ou la configuration du système de conception. Source : popup-studio-ai/bkit-claude-code.

Comment installer phase-6-ui-integration ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-6-ui-integration Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/popup-studio-ai/bkit-claude-code