AI Prompts for Resolving Non-Functional UI Components

Please help me identify the source of the error in my UI component that fails at runtime despite appearing correct in the preview. Provide a detailed analysis of the runtime logs, specifically highlighting any errors or warnings that are associated with this component. Additionally, summarize the potential causes of these issues and suggest steps I can take to resolve them. Format your response in a clear and organized manner, including any relevant code snippets or examples that could assist in troubleshooting.

Explain the reasons why the UI component functions correctly in the preview environment but encounters issues during runtime. Identify and list any differences in the environment settings, configurations, or dependencies that may contribute to this discrepancy. Additionally, provide insights into how these differences could affect the component's behavior and suggest potential solutions to address the runtime failures. Format your response in a structured manner, including headings for each identified difference and a summary of recommended actions.

Please provide a comprehensive list of all dependencies for the component that is failing at runtime. For each dependency, indicate whether it is present and compatible with the current version being used. Additionally, highlight any missing dependencies or incompatible versions that could potentially cause the runtime failure. Format the output in a clear table with columns for the dependency name, status (present/absent), version used, and any notes on compatibility issues.

Please analyze the following code for the UI component that is currently failing at runtime: [INSERT CODE HERE]. Identify and highlight any potential errors, problematic patterns, or areas of concern that could lead to runtime failures. Additionally, provide suggestions for how to resolve these issues and improve the overall stability of the component. Format your response in a clear, structured manner, detailing each identified issue and the recommended solution.

Please review the build process logs for the UI component. Identify any errors or warnings that appear during the build and explain how they could potentially lead to runtime issues. Provide a summary of the most critical findings and suggest steps to resolve these issues. Additionally, include any recommendations for improving the build process to prevent similar problems in the future.

Please help me correct a dependency issue that is causing a failure in my project. Identify the specific dependency that is problematic and provide the compatible version that should be used. After updating the dependency, outline the steps I need to take to rebuild the component successfully. Additionally, include any potential pitfalls I should be aware of during this process.

Please review the following code snippet for errors: [INSERT CODE SNIPPET]. Identify any issues present in the code and correct them. After making the necessary changes, provide a detailed explanation of each correction, including the reason for the error and how your fix resolves the issue. Ensure that the explanation is clear enough for someone with a basic understanding of coding to follow.

Please help me adjust the environment settings to ensure they match the preview for my component. The current runtime environment is not aligned with the preview, which is causing discrepancies. Provide a step-by-step guide on how to identify the differences between the two environments, what specific settings need to be changed, and how to rebuild the component after making these adjustments. Additionally, include any potential issues that might arise during this process and how to troubleshoot them effectively.

Please identify and resolve the build warnings that were encountered during the component build process. Provide a detailed explanation of each warning, including its potential impact on runtime functionality. After addressing the warnings, rebuild the component and confirm that it functions correctly. Additionally, summarize any changes made and suggest best practices to avoid similar warnings in the future.

Reprocess the UI component by applying the corrected code and updating any necessary dependencies. Ensure that all previous errors are thoroughly addressed and do not reappear in the new version. Additionally, provide a summary of the changes made, including any improvements or optimizations implemented in the code. Format the output as a detailed report that highlights the key modifications and their expected impact on the component's functionality.

Please execute all relevant tests for the UI component named [COMPONENT NAME]. Provide a detailed report of the results, including the number of tests run, the number of tests that passed, and any errors encountered. If any tests fail, include specific information about the failures and potential reasons for those failures. Confirm whether all tests pass without errors and summarize the overall health of the component based on the test results.

Please recreate the scenario that caused the original runtime failure of the component. Describe the specific conditions and inputs that led to the failure, and provide a detailed explanation of the changes made to resolve the issue. Confirm that the component now functions correctly by demonstrating the before and after results, including any relevant metrics or outputs. Present this information in a clear format, highlighting the improvements and ensuring that the component meets the required specifications.

Please validate the consistency of the runtime environment with the preview for the component. Check that the component operates correctly in both environments and identify any discrepancies between them. Provide a detailed report on any issues found, including specific examples of how the component behaves differently in each environment, and suggest potential solutions to address these inconsistencies.

Please review the runtime logs for the application after the recent fix. Identify any new errors or warnings that may have appeared since the last review. Confirm that no new issues have been introduced and provide a summary of your findings, including the nature of any errors or warnings detected, their potential impact, and any recommendations for further action if necessary.

Please verify the compatibility of all dependencies for the component [COMPONENT NAME]. Provide a detailed report that includes the current version of each dependency, any updates that are available, and whether the component functions correctly with these updated dependencies. If there are any compatibility issues, outline the specific problems encountered and suggest potential solutions or workarounds. Additionally, include any testing results that confirm the component's functionality with the updated dependencies.

Create a comprehensive checklist for verifying dependency versions and compatibility prior to deploying any UI component. The checklist should include steps such as: confirming the version of each dependency against the project's requirements, checking for any known compatibility issues between dependencies, validating that all peer dependencies are satisfied, and ensuring that the latest stable versions are used where possible. Additionally, include a section for documenting any discrepancies found and actions taken to resolve them. Format the checklist in a clear, bulleted list for easy reference.

Please add a detailed comment above the fixed code that explains the specific issue that was encountered and the solution that was implemented to resolve it. The comment should also include a clear warning for future developers or AI assistants, highlighting the mistake to avoid in the future. Ensure that the explanation is concise yet informative, providing enough context for someone unfamiliar with the code to understand the problem and the rationale behind the solution. Aim for a comment length of 3 to 5 sentences.

Draft comprehensive guidelines for maintaining consistent environments between preview and runtime in software development. Include key considerations such as configuration management, dependency management, and environment variable handling. Ensure the guidelines cover best practices for testing and deployment processes, and provide examples of common pitfalls to avoid. Format the output as a section suitable for project documentation, including headings and bullet points for clarity. The final text should be detailed enough to serve as a reference for developers.

Please draft a new rule for CLAUDE.md aimed at preventing similar runtime errors based on the recent issue encountered. The rule should include specific guidelines or best practices that developers should follow to avoid these errors in the future. Additionally, provide the exact text that should be added to the document, ensuring it is clear and concise. Include any relevant examples or scenarios that illustrate the importance of this rule.

Help me create a comprehensive checklist for reviewing build process logs for errors and warnings before deploying any component. The checklist should include specific items to verify, such as checking for critical errors, identifying any warnings that could affect functionality, ensuring all dependencies are correctly resolved, and confirming that all tests have passed successfully. Additionally, include steps for documenting any issues found and actions taken to resolve them. Format the checklist in a clear, bullet-point style for easy reference during the review process.