ppt-trans Design System

翻訳xPPT編集SaaS専用のデザインシステム。MD3（Material Design 3）トークンを内部基盤として含む。 このプロジェクトのUI実装はすべてこのスキルがカバーする（別途 material-design スキルを使う必要はない）。

When to Use This Skill

• 新規UIコンポーネントを作成する時（デフォルト）
• ダークモードのデザインを実装する時
• ミニマルで洗練されたインターフェースを作成する時
• 翻訳UI（Diff表示、信頼度バッジ、バッチ承認等）を実装する時
• 既存コンポーネントのスタイルを統一する時

読む順番（上位が優先）

1. docs/design/product-ux-principles.md — 設計原則・UXパターン（WHY）
2. .claude/rules/ui-design.md — カラー・余白・タイポ・意味トークン（WHAT）
3. .claude/rules/components.md — shadcn/Radix の実装構造（HOW）
4. references/md3-patterns.md — MD3の実装パターン参照（State Layers、Elevation等）