·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