serendie

Serendie Design System（@serendie/ui, @serendie/symbols, @serendie/design-token）の概要・セットアップ手順・デザイントークンの使い方を提供し、詳細情報を Serendie MCP から得られるように案内する。Serendieを使った実装、コンポーネントやアイコンの使い方、デザイントークンの選び方、PandaCSS連携、テーマ切り替え、SerendieProviderの設定など、Serendieに少しでも関連する質問でトリガーすること。@serendie/ui のインポートがコード内に存在する場合も必ずトリガーすること。

Figma デザインとコンポーネント実装のトークン差分を検証・同期する。コンポーネントのトークン更新、Figma との整合性確認時に使用。

Serendie Web リポジトリに、新しいコンポーネントのドキュメントページ（MDX・サンプルコード・i18n 翻訳）を追加するワークフロー。 「コンポーネントをドキュメント化したい」「src/content/components 配下にMDX を作りたい」と言われたとき、 またはSerendie UIの特定コンポーネント名を挙げてドキュメント整備を依頼されたときに使う。