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 |

プラットフォームに依存しない設計システムを構築するスキル。 すべての UI フレームワーク向けに一貫したコンポーネント ライブラリを開発します。 ユーザーが一貫した UI コンポーネントを必要とする場合、またはデザイン トークンについて言及する場合は、積極的に使用してください。 トリガー: デザイン システム、コンポーネント ライブラリ、デザイン トークン、shadcn、디자인 시스템、デザインシステム、设计系统、 ディセーニョのシステム、コンポーネントの図書館、ディセーニョのトークン、 デザインシステム、作曲図書館、デザインデザイン、 デザインシステム、コンポーネント図書館、デザイントークン、 システマ ディ デザイン、ライブラリ ディ コンポーネント、トークン ディ デザイン 1 回限りの UI 変更、バックエンド開発、または単純な静的サイトには使用しないでください。 ソース: popup-studio-ai/bkit-claude-code。

原文を見る