·phase-5-design-system
*

phase-5-design-system

popup-studio-ai/bkit-claude-code

Fähigkeit zum Aufbau plattformunabhängiger Designsysteme. Entwickelt konsistente Komponentenbibliotheken für alle UI-Frameworks. Proaktiv verwenden, wenn der Benutzer konsistente UI-Komponenten benötigt oder Design-Tokens erwähnt. Auslöser: Designsystem, Komponentenbibliothek, Design-Tokens, shadcn, 디자인 스템, デザインシステム, 设计系统, Diseño-System, Komponentenbibliothek, Diseño-Tokens, système de design, bibliothèque de composants, jetons de design, Design-System, Komponentenbibliothek, Design-Tokens, Designsystem, Komponentenbibliothek, Design-Token NICHT verwenden für: einmalige UI-Änderungen, Backend-Entwicklung oder einfache statische Websites.

19Installationen·3Trend·@popup-studio-ai

Installation

$npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system

SKILL.md

Build a reusable UI component library. Enable consistent design and fast development.

A design system is a collection of reusable components and clear standards that enables building consistent user experiences at scale.

| Designer-developer mismatch | Single Source of Truth | | Duplicate component development | Reusable component library | | Inconsistent UI/UX | Unified design tokens and rules | | Increased maintenance cost | Centralized change management | | Delayed new member onboarding | Documented component catalog |

Fähigkeit zum Aufbau plattformunabhängiger Designsysteme. Entwickelt konsistente Komponentenbibliotheken für alle UI-Frameworks. Proaktiv verwenden, wenn der Benutzer konsistente UI-Komponenten benötigt oder Design-Tokens erwähnt. Auslöser: Designsystem, Komponentenbibliothek, Design-Tokens, shadcn, 디자인 스템, デザインシステム, 设计系统, Diseño-System, Komponentenbibliothek, Diseño-Tokens, système de design, bibliothèque de composants, jetons de design, Design-System, Komponentenbibliothek, Design-Tokens, Designsystem, Komponentenbibliothek, Design-Token NICHT verwenden für: einmalige UI-Änderungen, Backend-Entwicklung oder einfache statische Websites. Quelle: popup-studio-ai/bkit-claude-code.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist phase-5-design-system?

Fähigkeit zum Aufbau plattformunabhängiger Designsysteme. Entwickelt konsistente Komponentenbibliotheken für alle UI-Frameworks. Proaktiv verwenden, wenn der Benutzer konsistente UI-Komponenten benötigt oder Design-Tokens erwähnt. Auslöser: Designsystem, Komponentenbibliothek, Design-Tokens, shadcn, 디자인 스템, デザインシステム, 设计系统, Diseño-System, Komponentenbibliothek, Diseño-Tokens, système de design, bibliothèque de composants, jetons de design, Design-System, Komponentenbibliothek, Design-Tokens, Designsystem, Komponentenbibliothek, Design-Token NICHT verwenden für: einmalige UI-Änderungen, Backend-Entwicklung oder einfache statische Websites. Quelle: popup-studio-ai/bkit-claude-code.

Wie installiere ich phase-5-design-system?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

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