AI Prompts for Diagnose the Error Resolution Loop

Please provide the exact output generated in the last run for the component definition of 'MyComponent'. Compare this output to the required structure outlined in your original instruction. Highlight any discrepancies you find and explain how these differences impact the functionality of 'MyComponent'.

Please analyze the following build error message from the build tab: [ERROR MESSAGE]. Identify the root cause of the failure and provide a detailed explanation of what went wrong. Additionally, suggest potential solutions or steps I can take to resolve this issue and prevent it from happening in the future.

Please provide your interpretation of my original instruction regarding the 'MYCOMPONENT' design. Include a summary of the key requirements, any assumptions you are making, and any potential areas of confusion you might have. This will help us align on the expectations and ensure we are on the same page before moving forward.

Compare the expected behavior of 'MyComponent' based on my original instruction with the actual behavior that was generated. Please outline the expected props and structure in detail, and then provide a side-by-side comparison with what was actually output. Highlight any discrepancies and explain how they differ from the original expectations. Format your response in a clear table with columns for 'Expected Behavior' and 'Actual Behavior'.

Identify the specific design constraint that was violated in your last output. Please quote the exact clause from the original instruction that was not adhered to in your generated code. Additionally, provide a brief explanation of how this violation impacts the overall functionality and suggest a potential fix to align with the original design constraint.

Please revert the props signature of the function located at 'src/components/MyComponent.jsx:10' back to its original form. The original signature is 'function MyComponent({ title, content })', and the current signature is 'function MyComponent()'. Before applying the change, provide me with a diff that highlights the modification made to the function signature, so I can review the differences clearly.

Rewrite the component 'MyComponent' to ensure it strictly adheres to the following design constraints: it must accept two props, 'TITLE' and 'CONTENT', and render them appropriately within the component. Please provide the updated code along with a brief explanation of how it meets the specified constraints, including any relevant considerations for prop types and default values.

Please review the props being passed to 'MyComponent' in 'src/pages/index.jsx'. Specifically, check that the 'title' and 'content' props are correctly assigned from the parent component. Provide a detailed explanation of any issues found and suggest the necessary changes to ensure these props are passed correctly.

Please review the following JSX code for 'MyComponent': [JSX CODE SNIPPET]. Ensure that it adheres to the required structure by returning a single parent div that contains an h1 element for the title and a p element for the content. Provide the corrected code format and explain any changes made to achieve compliance with the structure.

Please verify the import statements in the file 'src/components/MyComponent.jsx'. Confirm that 'React' and any other necessary libraries are correctly imported. If any libraries are missing, please list them as UNVERIFIED and provide a brief explanation of why each is necessary for the component to function properly.

Please run a test to render 'MyComponent' in isolation. Ensure that it correctly displays the 'TITLE' and 'CONTENT' props without any errors in the console. After the test, provide a summary of the results, including any discrepancies found and suggestions for fixing them if necessary.

Display the diff of the changes made to the file 'src/components/MyComponent.jsx'. Highlight the lines that were either reverted or modified to resolve the issue. Include a brief explanation of each change, specifying why it was necessary for the fix. Format the output to clearly distinguish between additions, deletions, and modifications.

Replay the original scenario that caused the error with 'MyComponent'. Verify that it now renders correctly without any issues. Additionally, check the console output to ensure there are no error messages. Provide a summary of the results, including any discrepancies or remaining issues encountered during the replay.

Please verify the edge cases for 'MyComponent' to ensure it handles regressions effectively. Specifically, check scenarios where the 'title' or 'content' props are empty. Provide a detailed report on how the component behaves in these situations, including any errors encountered, and suggest improvements to enhance its robustness.

Please confirm the output state of 'MyComponent' after implementing the recent changes. Specifically, check that the output matches the expected structure outlined in the original design documentation. Provide a detailed comparison of the actual output versus the expected output, highlighting any discrepancies and suggesting necessary adjustments if the outputs do not align.

Please create a reusable prompt template for validating component signatures. The template should instruct the AI to check that the props match the expected structure, specifically: { TITLE: STRING, CONTENT: STRING }. If the props do not match this structure, the AI should generate a message to stop the process and alert the user about the mismatch.

Create a detailed component specification snippet for 'MyComponent'. The snippet should include the following elements: the component name, the properties it accepts (including types for each property), and the structure of the component in HTML format. Format your response as follows: 'Component: [COMPONENT NAME]; Props: { [PROP_NAME_1]: [TYPE_1], [PROP_NAME_2]: [TYPE_2] }; Structure: [HTML STRUCTURE]'. For 'MyComponent', the properties should be 'title' of type string and 'content' of type string.

Please create a style constraint enforcement phrase for the component named [MYCOMPONENT]. The phrase should clearly state: 'Ensure that all components adhere to the specified design constraints, including prop types and structure. Any violations will result in a halt of generation.' Additionally, provide examples of potential violations and how they can be corrected to maintain compliance with the design constraints.

Please create a detailed configuration note for shadcn/ui. The note should include the following points: first, emphasize the importance of verifying that all design constraints are defined in the configuration before generating components. Next, outline the steps to take if any constraints are missing, including how to prompt the user to add those missing elements. Format the note in a clear and structured manner for easy reference.

Please create a context-reload prompt for new generations that follows this structure: 'Before starting a new generation, confirm that the previous errors have been resolved and that all design constraints are in place. If not, halt the process.' Ensure the prompt is clear and concise, and provide examples of how it can be applied in different scenarios.