phase-6-ui-integration
✓実際のUIの実装やAPIとの連携スキル。 フロントエンドとバックエンドの統合、状態管理、API クライアント アーキテクチャについて説明します。 ユーザーがフロントエンドとバックエンド API を接続する必要がある場合は、積極的に使用します。 トリガー: UI実装、API統合、状態管理、UI管理、API連携、状態管理、 UIの実装、APIの統合、初期化、 実装 UI、統合 API、開発計画、 UI 実装、API 統合、開発環境、 UI の実装、API の統合、ステータスの取得 モックアップの作成、バックエンドのみの開発、またはデザイン システムのセットアップには使用しないでください。
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 統合、開発環境、 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 統合、開発環境、 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/popup-studio-ai/bkit-claude-code
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01