·phase-6-ui-integration
*

phase-6-ui-integration

popup-studio-ai/bkit-claude-code

實現實際 UI 和與 API 集成的技能。 涵蓋前後端集成、狀態管理和 API 客戶端架構。 當用戶需要將前端與後端 API 連接時主動使用。 觸發器:UI實現、API集成、狀態管理、UI 구현、API連攜、狀態管理、 實施 UI、集成 API、管理、 實施 UI、集成 API、管理、 UI 實現、API 集成、Zustandsverwaltung、 實施 UI、集成 API、管理 請勿用於:模型創建、僅後端開發或設計系統設置。

12安裝·1熱度·@popup-studio-ai

安裝

$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) |

實現實際 UI 和與 API 集成的技能。 涵蓋前後端集成、狀態管理和 API 客戶端架構。 當用戶需要將前端與後端 API 連接時主動使用。 觸發器:UI實現、API集成、狀態管理、UI 구현、API連攜、狀態管理、 實施 UI、集成 API、管理、 實施 UI、集成 API、管理、 UI 實現、API 集成、Zustandsverwaltung、 實施 UI、集成 API、管理 請勿用於:模型創建、僅後端開發或設計系統設置。 來源:popup-studio-ai/bkit-claude-code。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-6-ui-integration
分類
*創意媒體
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 phase-6-ui-integration?

實現實際 UI 和與 API 集成的技能。 涵蓋前後端集成、狀態管理和 API 客戶端架構。 當用戶需要將前端與後端 API 連接時主動使用。 觸發器:UI實現、API集成、狀態管理、UI 구현、API連攜、狀態管理、 實施 UI、集成 API、管理、 實施 UI、集成 API、管理、 UI 實現、API 集成、Zustandsverwaltung、 實施 UI、集成 API、管理 請勿用於:模型創建、僅後端開發或設計系統設置。 來源:popup-studio-ai/bkit-claude-code。

如何安裝 phase-6-ui-integration?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-6-ui-integration 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

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