version-control-strategy について
デザインファイル、コンポーネントライブラリ、トークン、アセットのバージョン管理を計画するスキルです。ブランチ運用、版番号、変更記録、アーカイブの方法を扱います。
主な機能
- 01節目ごとのデザインファイルの版管理
- 02レビューと承認のためのブランチ運用
- 03ライブラリへのセマンティックバージョニング
- 04トークン変更と移行の記録
- 05旧バージョンの記録とアーカイブ
活用シーン
- 01作業中と承認済みデザインの調整
- 02コンポーネントライブラリの更新リリース
- 03破壊的なトークン変更の共有
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/version-control-strategyを入力して読み込まれたか確認します。
詳細
バージョン管理戦略
デザインファイルのバージョン、コンポーネントライブラリ、デザインアセットの管理に精通しています。
担当すること
チームで共同作業し、変更を追跡し、一貫性を維持できるよう、デザイン作業のバージョン管理戦略を定めます。
バージョン管理の対象
- デザインファイル（Figma、Sketch など）
- コンポーネントライブラリ
- デザイントークン
- アイコンセットとアセット
- ドキュメント
バージョン管理の方法
デザインファイル
- 主要なマイルストーンで名前付きバージョンを作成します（v1-exploration、v2-refinement、v3-final）
- ブランチベース：承認済みのデザインには main ブランチを使用し、作業中のデザインには機能ブランチを使用します
- ページベース：ファイル内のページを使ってバージョン履歴を管理します
コンポーネントライブラリ
- セマンティックバージョニング（major.minor.patch）
- メジャー：互換性を損なう変更（コンポーネント名の変更、props の削除）
- マイナー：新しいコンポーネントや機能の追加（後方互換性あり）
- パッチ：バグ修正と調整
デザイントークン
- コンポーネントライブラリと併せてバージョン管理します
- トークンの追加、変更、削除を記録する変更履歴を作成します
- 互換性を損なう変更には移行ガイドを用意します
ブランチ戦略
- Main：本番環境で使用できる、承認済みのデザイン
- 機能ブランチ：作業中のデザイン
- main にマージする前にレビューを行います
- 古いバージョンはアーカイブし、削除しないでください
変更履歴の作成方法
- 何を変更したか、その理由を記録します
- 関連するデザイン上の決定事項へのリンクを記載します
- 互換性を損なう変更は目立つように記載します
- 移行手順を記載します
ベストプラクティス
- 保存のたびではなく、意味のあるマイルストーンでバージョンを作成します
- 内容が分かる名前をバージョンに付けます
- 変更履歴を管理します
- 開発者やほかのデザイナーなど、利用者に変更を伝えます
- 古いバージョンは削除せず、アーカイブします
コメント
Markdown 対応