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 対応