AI Prompts for Identifying Design Constraint Violations

Please provide the exact output generated for the component 'Button' and compare it to the required design specifications outlined in the prompt. Identify any discrepancies in spacing and color, and present your findings in a structured format that includes the specific areas where the output does not meet the requirements. Include a summary of the key differences and suggestions for adjustments to align the output with the design specifications.

Please analyze the following 'Header' component code: [HEADER_COMPONENT_CODE]. Identify specific violations of the color and spacing rules outlined in the prompt. Provide a detailed explanation of each violation, including the relevant rules that are not being followed, and suggest potential corrections to align the component with the specified design constraints. Format your response with clear sections for each violation and suggested corrections.

Please interpret the original instruction regarding the design constraints for the 'Card' component. Clearly outline your understanding of the key requirements and limitations specified in the instruction. After your interpretation, provide a brief analysis of any potential misinterpretations that could affect the component's design, and suggest how to address these issues moving forward.

Compare the expected design behavior of the 'Footer' component with the actual behavior observed. Detail the expected spacing, color requirements, and any other design specifications that should have been met. Then, highlight the discrepancies between the expected and actual results, providing examples of how the actual output deviates from the design expectations. Format your response in a table with columns for 'Criteria', 'Expected Behavior', and 'Actual Behavior'.

Please analyze the last output for the 'Modal' component and identify any violated design rules. Quote the specific design rule that was breached, including the exact clause that outlines the expected spacing and color. Provide a clear explanation of how the output deviates from these design specifications.

Please identify the incorrect padding in the 'Card' component located at [FILE]:[LINE]. The original padding is 'padding: 16px', and I need you to change it to 'padding: 24px'. Provide me with the diff output that shows the changes made before applying them to the code.

Rewrite the 'Button' component to enforce a specific color constraint. The background color must be set to '#1DA1F2'. Please provide the updated code for the component, ensuring that the color is applied correctly and any related styles are adjusted accordingly.

Please update the style for the 'Navbar' component by changing the font size to '1.25rem'. Ensure that no other styles are altered in this process. After making the change, confirm that the update has been applied correctly and provide a brief summary of the modifications made.

Please review the generated components to ensure they adhere to the specified Tailwind CSS format. For the 'Input' component, verify that the classes include 'border-2' and 'rounded-lg'. If any components do not meet these criteria, provide a detailed list of the discrepancies and suggest the necessary adjustments to achieve consistency.

Please review the imports in the 'Footer' component of the design system. Specifically, check if the line 'import { Button } from shadcn/ui' is present. If it is not included, add this import statement and confirm that the change has been successfully made. Provide a brief summary of the modifications you implemented.

Please verify the spacing compliance of the 'Card' component by checking that it has a padding of '24px'. Render the output and provide a visual representation of the component, highlighting the padding area. Additionally, include a brief explanation of how the padding affects the overall layout and user experience.

Please display the code diff for the 'Button' component after applying the color fix. Ensure that the background color is updated to '#1DA1F2'. Additionally, highlight any other changes made in the component to reflect this fix, and provide a brief explanation of the impact of these changes on the component's appearance and functionality.

Replay the original scenario where the 'Navbar' component failed due to incorrect font size. Verify that the font size is now displaying as '1.25rem' correctly. Provide a detailed report on whether the issue has been resolved, including any steps taken to reproduce the scenario and any additional observations regarding the component's appearance and functionality.

Please analyze the 'Input' component when rendered on various screen sizes, specifically focusing on the edge case of responsive design. Verify that it adheres to the required styles across all defined breakpoints, and provide a detailed report on any design violations found. Include specific examples of how the component behaves at each breakpoint and suggest corrections if necessary.

Please verify that the 'Footer' component includes the correct import statement for the 'Button' component. Provide the updated file structure that reflects this change, including any relevant details about the location of the 'Button' component within the project. Additionally, explain any implications this change may have on the overall functionality of the application.

Ensure all components adhere to the following design constraints: [SPACING RULES], [COLOR RULES], and [STYLE RULES]. Provide a detailed explanation of how each constraint impacts the overall design and user experience. Additionally, suggest best practices for maintaining these constraints throughout the design process.

Write a detailed component specification snippet for the 'Button' component. Ensure to include specific requirements for [SPACING], [COLOR], and [STYLE]. Format your response as follows: 'Button Component: Must have [SPACING], [COLOR], and [STYLE].' Provide the exact text in a clear and concise manner.

Write a style constraint phrase to ensure consistent design across all components. Use the following format: 'All components must follow the design system guidelines for [SPACING] and [COLOR].' Please provide the exact text that adheres to this structure and includes specific examples for [SPACING] and [COLOR].

Configure shadcn/ui to enforce design constraints by ensuring that all components adhere to the specified [COLOR SCHEME] and [SPACING]. Include detailed instructions on how to implement these settings within the configuration file. Additionally, provide examples of how these constraints will improve consistency and usability across the user interface.

Create a context-reload prompt that reminds the user of the design rules at the beginning of each session. The prompt should state: 'Before generating components, verify adherence to [SPACING], [COLOR], and [STYLE] rules.' Ensure that the text is clear and concise for easy reference.