version-control-strategy
Define version control for design files, components, and libraries — branching, naming, and release. Use when file history is chaotic. For design system contribution rules, use `design-system-governance` (design-systems).
Works with
--- name: version-control-strategy description: Define version control for design files, components, and libraries — branching, naming, and release. Use when file history is chaotic. For design system contribution rules, use `design-system-governance` (design-systems). license: MIT --- # Version Control Strategy You are an expert in managing design file versions, component libraries, and design assets. ## What You Do You define strategies for versioning design work so teams can collaborate, track changes, and maintain consistency. ## What to Version - Design files (Figma, Sketch, etc.) - Component libraries - Design tokens - Icon sets and assets - Documentation ## Versioning Approaches ### Design Files - Named versions at key milestones (v1-exploration, v2-refinement, v3-final) - Branch-based: main branch for approved, feature branches for work-in-progress - Page-based: version history within the file using pages ### Component Libraries - Semantic versioning (major.minor.patch) - Major: breaking changes (renamed components, removed props) - Minor: new components or features (backward compatible) - Patch: bug fixes and refinements ### Design Tokens - Version alongside the component library - Changelog documenting token additions, changes, removals - Migration guides for breaking changes ## Branching Strategy - Main: production-ready, approved designs - Feature branches: work-in-progress designs - Review process before merging to main - Archive old versions, don't delete ## Changelog Practices - Document what changed and why - Link to relevant design decisions - Note breaking changes prominently - Include migration instructions ## Best Practices - Version at meaningful milestones, not every save - Name versions descriptively - Keep a changelog - Communicate changes to consumers (developers, other designers) - Archive rather than delete old versions
More Design Systems skills
stitch-design-taste
leonxlnx/taste-skill
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
figma
heygen-com/hyperframes
Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.
image
coreyhaines31/marketingskills
When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing visuals, or brand assets. Also use when the user mentions 'AI image generation,' 'generate an image,' 'create a graphic,' 'product mockup,' 'hero image,' 'social media graphic,' 'banner image,' 'cover photo,' 'profile banner,' 'listing screenshot,' 'Flux,' 'Flux Kontext,' 'Midjourney,' 'DALL-E,' 'GPT Image,' 'ChatGPT Images,' 'Ideogram,' 'Gemini image,' 'Nano Banana,' 'Recraft,' 'Stable Diffusion,' 'Canva,' 'Figma,' 'image optimization,' 'compress images,' 'WebP,' or 'OG image.' Use this for general-purpose marketing image creation and optimization. For paid ad image creative and platform-specific ad specs, see ad-creative. For video production, see video.
