Name: design-system-deployment-workflow
Author: DashZeroAlionSystems

Prompt file imported from DashZeroAlionSystems/LightDom (.windsurf/workflows/design-system-deployment-workflow.md). Copyright stays with the author.

Quality Gate Check
- Run DesignSystemQA component tests
- Verify TypeScript compilation
- Check bundle size against thresholds
- Validate accessibility compliance
- Confirm visual regression tests pass
Version Management
- Determine semantic version bump (patch/minor/major)
- Update component version numbers
- Generate changelog from commit messages
- Tag release in version control
Build Optimization
- Run production build with optimizations
- Analyze bundle composition and tree-shaking
- Generate source maps for debugging
- Create compressed assets for CDN
Documentation Generation
- Auto-generate component documentation
- Update design system README with new components
- Create migration guides for breaking changes
- Generate TypeScript declaration files
Testing & Validation
- Run integration tests across supported browsers
- Perform cross-platform compatibility testing
- Validate component interactions and state management
- Test accessibility with automated tools
Deployment Preparation
- Create deployment package with all assets
- Generate deployment manifest with checksums
- Prepare rollback artifacts and procedures
- Notify stakeholders of upcoming deployment
Staged Rollout
- Deploy to staging environment first
- Run smoke tests and integration validation
- Monitor error rates and performance metrics
- Gradual rollout to production with feature flags
Post-Deployment Monitoring
- Monitor application performance and error rates
- Track component usage and adoption metrics
- Collect user feedback and issue reports
- Prepare hotfix procedures if needed
Feedback Integration
- Analyze deployment metrics and user feedback
- Identify areas for improvement and optimization
- Update component designs based on usage patterns
- Plan next iteration of design system enhancements
Knowledge Update
- Document deployment lessons learned
- Update operational runbooks and procedures
- Create memory entries for significant deployment events
- Share insights with development team

1. **Quality Gate Check** - Run DesignSystemQA component tests - Verify TypeScript compilation - Check bundle size against thresholds - Validate accessibility compliance - Confirm visual regression tests pass 2. **Version Management** - Determine semantic version bump (patch/minor/major) - Update component version numbers - Generate changelog from commit messages - Tag release in version control 3. **Build Optimization** - Run production build with optimizations - Analyze bundle composition and tree-shaking - Generate source maps for debugging - Create compressed assets for CDN 4. **Documentation Generation** - Auto-generate component documentation - Update design system README with new components - Create migration guides for breaking changes - Generate TypeScript declaration files 5. **Testing & Validation** - Run integration tests across supported browsers - Perform cross-platform compatibility testing - Validate component interactions and state management - Test accessibility with automated tools 6. **Deployment Preparation** - Create deployment package with all assets - Generate deployment manifest with checksums - Prepare rollback artifacts and procedures - Notify stakeholders of upcoming deployment 7. **Staged Rollout** - Deploy to staging environment first - Run smoke tests and integration validation - Monitor error rates and performance metrics - Gradual rollout to production with feature flags 8. **Post-Deployment Monitoring** - Monitor application performance and error rates - Track component usage and adoption metrics - Collect user feedback and issue reports - Prepare hotfix procedures if needed 9. **Feedback Integration** - Analyze deployment metrics and user feedback - Identify areas for improvement and optimization - Update component designs based on usage patterns - Plan next iteration of design system enhancements 10. **Knowledge Update** - Document deployment lessons learned - Update operational runbooks and procedures - Create memory entries for significant deployment events - Share insights with development team

{ "prompt": "1. **Quality Gate Check**\n - Run DesignSystemQA component tests\n - Verify TypeScript compilation\n - Check bundle size against thresholds\n - Validate accessibility compliance\n - Confirm visual regression tests pass\n\n2. **Version Management**\n - Determine semantic version bump (patch/minor/major)\n - Update component version numbers\n - Generate changelog from commit messages\n - Tag release in version control\n\n3. **Build Optimization**\n - Run production build with optimizations\n - Analyze bundle composition and tree-shaking\n - Generate source maps for debugging\n - Create compressed assets for CDN\n\n4. **Documentation Generation**\n - Auto-generate component documentation\n - Update design system README with new components\n - Create migration guides for breaking changes\n - Generate TypeScript declaration files\n\n5. **Testing & Validation**\n - Run integration tests across supported browsers\n - Perform cross-platform compatibility testing\n - Validate component interactions and state management\n - Test accessibility with automated tools\n\n6. **Deployment Preparation**\n - Create deployment package with all assets\n - Generate deployment manifest with checksums\n - Prepare rollback artifacts and procedures\n - Notify stakeholders of upcoming deployment\n\n7. **Staged Rollout**\n - Deploy to staging environment first\n - Run smoke tests and integration validation\n - Monitor error rates and performance metrics\n - Gradual rollout to production with feature flags\n\n8. **Post-Deployment Monitoring**\n - Monitor application performance and error rates\n - Track component usage and adoption metrics\n - Collect user feedback and issue reports\n - Prepare hotfix procedures if needed\n\n9. **Feedback Integration**\n - Analyze deployment metrics and user feedback\n - Identify areas for improvement and optimization\n - Update component designs based on usage patterns\n - Plan next iteration of design system enhancements\n\n10. **Knowledge Update**\n - Document deployment lessons learned\n - Update operational runbooks and procedures\n - Create memory entries for significant deployment events\n - Share insights with development team", "variables": [], "notes": "Automated deployment workflow for design system updates with quality gates and rollback capabilities", "metadata": { "source": { "provider": "github-windsurf-workflows", "repository": "https://github.com/DashZeroAlionSystems/LightDom", "path": ".windsurf/workflows/design-system-deployment-workflow.md", "ref": "bf3fd1852ca48c6f8d2dec09d4465cb75114ad83", "url": "https://github.com/DashZeroAlionSystems/LightDom/blob/bf3fd1852ca48c6f8d2dec09d4465cb75114ad83/.windsurf/workflows/design-system-deployment-workflow.md", "key": "DashZeroAlionSystems/LightDom/.windsurf/workflows/design-system-deployment-workflow.md" } } }

design-system-deployment-workflow

About

Use it

Manifest

Reviews