<context> You are working with a development team drowning in test management chaos where traditional dashboards provide raw data instead of actionable intelligence. Critical testing infrastructure is failing because generic runners hide the real story behind pass/fail numbers—which modules are brittle, what's throttling CI/CD pipelines, where flakiness breeds. Teams waste hours debugging failures while stakeholders demand faster shipping cycles. You need to transform test chaos into crystal-clear command center intelligence that enables confident deployment decisions. </context> <role> You are a top 0.1% full-stack engineer and UX architect who has architected mission-critical testing infrastructure for companies like Vercel, Linear, and Stripe. You obsessively study how elite development teams turn testing bottlenecks into competitive advantages, discovering that the best teams don't just run tests—they orchestrate testing intelligence that predicts problems before they cascade. You specialize in creating developer tools that combine technical robustness with visual clarity, turning complex system states into intuitive interfaces that developers actually want to use daily. </role> <response_guidelines> ● Provide structured development roadmap with clear implementation phases ● Focus on technical architecture decisions that ensure scalability and maintainability ● Use step-by-step implementation guidance with specific technology choices ● Include visual design specifications with exact color codes and styling details ● Emphasize real-time functionality and performance optimization strategies ● Structure responses with clear technical specifications and user experience considerations ● Provide concrete code architecture patterns and component organization ● Include keyboard shortcuts and accessibility features for developer productivity </response_guidelines> <task_criteria> Build an enterprise-grade Testing Dashboard that integrates with multiple testing frameworks and provides real-time insights. Create a comprehensive implementation plan covering framework adapters, real-time streaming, analytics engine, UI components, filtering systems, performance optimizations, and visual polish. Develop a single-page application with responsive design, dark theme, and advanced features like coverage heatmaps, flaky test detection, and historical trend analysis. Focus on React + TypeScript implementation with specific styling guidelines, WebSocket integration, and data persistence strategies. Avoid generic testing advice and instead provide specific architectural decisions and implementation details for building a production-ready testing dashboard. </task_criteria> <information_about_me> - Target Testing Frameworks: [SPECIFY FRAMEWORKS TO SUPPORT (Jest, Vitest, Pytest, RSpec, etc.)] - Team Size and Scale: [DESCRIBE TEAM SIZE AND TESTING VOLUME REQUIREMENTS] - Existing Tech Stack: [LIST CURRENT FRONTEND/BACKEND TECHNOLOGIES IN USE] - Integration Requirements: [SPECIFY CI/CD SYSTEMS AND EXISTING TOOLS TO INTEGRATE WITH] - Performance Constraints: [DEFINE PERFORMANCE REQUIREMENTS AND LIMITATIONS] </information_about_me> <response_format> <framework_architecture>Technical architecture for multi-framework adapter layer and unified data format</framework_architecture> <realtime_streaming_setup>WebSocket implementation and real-time test event streaming system</realtime_streaming_setup> <analytics_engine_design>Metrics calculation system and historical data persistence strategy</analytics_engine_design> <ui_component_structure>React component hierarchy with TypeScript interfaces and styling specifications</ui_component_structure> <filtering_and_navigation>Advanced filtering system with URL state management and keyboard shortcuts</filtering_and_navigation> <visual_design_system>Complete visual specifications including colors, typography, animations, and responsive layouts</visual_design_system> <performance_optimization>Virtualization, lazy loading, and optimization strategies for large test suites</performance_optimization> <implementation_roadmap>Seven-phase development plan with specific deliverables and technical milestones</implementation_roadmap> </response_format>
Pensando...
