AI Prompts for Ensuring Design Constraints Compliance

Please review the design constraints outlined in the following content: [PASTE CONTENT]. Identify and list all the constraints that are currently being ignored in the design process. For each constraint, provide a brief explanation of how it is being overlooked and the potential impact of ignoring it. Additionally, suggest ways to address these ignored constraints to align with the specified guidelines.

Please analyze the generated app's design and identify any style discrepancies in relation to the specified spacing and color rules. Compare the output against the design guidelines provided: [PASTE GUIDELINES]. For each discrepancy, detail the specific areas where the output deviates from the guidelines, including the exact spacing measurements and color codes that are incorrect. Additionally, suggest possible adjustments to align the app's design with the specified rules.

Review the component styles in the app and compare them against the provided style rules: [PASTE RULES]. Identify which specific rules are not being applied and explain how the current styles deviate from the intended design. Provide suggestions for how to correct these discrepancies to ensure consistency with the established style guidelines. Format your response in a clear list, detailing each rule that is not applied and the corresponding component affected.

Please review the recent changes made to the design and provide a detailed analysis of how these changes deviate from the established design constraints. Include specific examples of the changes, the original design constraints that were impacted, and the potential implications of these deviations on the overall project. Additionally, suggest possible adjustments or solutions to align the design back with the original constraints. Format your response in a structured manner with clear headings for each section.

Please review the design constraints outlined in the task description and confirm your understanding of each one. Explain how you will incorporate these constraints into your design process for [PROJECT NAME]. Additionally, provide examples of how these constraints might influence your design decisions and any potential challenges you foresee in adhering to them. Your response should be detailed and structured, ideally covering at least three key constraints and their implications.

Please review the current code for the layout of [SPECIFIC COMPONENT OR PAGE] and identify any lines that do not adhere to the design guidelines for spacing. Provide a detailed explanation of the spacing requirements as per the design specifications, and then suggest the necessary adjustments to the code to ensure proper alignment and spacing. Include examples of the corrected code snippets and explain how these changes improve the overall design consistency.

Identify the color mismatches in the app's user interface that do not align with the specified color palette. Provide a detailed list of the incorrect color assignments along with their current values and the correct values they should be updated to. Additionally, explain the potential impact of these mismatches on user experience and suggest best practices for maintaining color consistency throughout the app. Format your response in a clear table for easy reference.

Please review the component styles in the project and identify any that do not align with the established design guidelines. For each component that is inconsistent, provide a detailed description of the discrepancies and suggest specific updates to ensure they match the guidelines. Include examples of the correct styling for each component and explain how these changes will enhance the overall design consistency. Format your response in a clear, organized manner that allows for easy implementation of the recommended updates.

Please reapply the changes that were previously approved for the project. Ensure that these changes align with the established design constraints and guidelines. Provide a detailed summary of the changes being reapplied, highlighting how each one meets the design requirements. Additionally, include any potential impacts these changes may have on the overall project and suggest any necessary adjustments to maintain compliance with the design standards.

Please help me resolve style loop errors in my project. I am experiencing repeated issues with the styling that do not seem to be correcting themselves. Provide a detailed step-by-step guide on how to identify the specific style errors, and then outline the correct styles I should apply according to the established guidelines. Include any common pitfalls to avoid and tips for ensuring that the styles are consistently applied throughout the project.

Please display the updated app design with the corrected spacing adjustments. Compare this version to the original design guidelines and provide a detailed analysis of how the updated design complies with those guidelines. Include specific examples of changes made, any areas where compliance was achieved, and any remaining discrepancies that need to be addressed. Additionally, summarize the overall impact of these spacing corrections on the user experience and visual appeal of the app.

Please display the app with the updated color scheme applied. I would like to see a side-by-side comparison with the specified color palette, which includes [COLOR 1], [COLOR 2], [COLOR 3], and [COLOR 4]. Ensure that the comparison highlights any differences in shades and overall appearance. Additionally, provide a brief analysis of how the new colors align with the app's branding and user experience goals.

Please provide a detailed report on the components that have been updated in the project. For each component, list the name and show the before and after styles, highlighting the specific changes made. Additionally, confirm whether the updated styles now align with the established design guidelines. Include any relevant notes on discrepancies or adjustments that were necessary to achieve consistency.

Reproduce the scenario that previously caused the design constraint issue in the application. Provide a detailed account of the steps taken to replicate the issue, including any specific inputs or conditions that led to the problem. After reproducing the scenario, confirm whether the problem still occurs and evaluate if the application now adheres to the established design guidelines. Summarize your findings, noting any changes made and whether the issue has been resolved.

Please conduct a comprehensive design compliance test for the app. Evaluate all elements against the specified design constraints and provide a detailed report of the test results. Confirm whether any violations exist, and if so, list them with specific references to the design guidelines that were not met. Additionally, include recommendations for how to address any identified issues to ensure full compliance.

Create a comprehensive checklist of design rules that should be reviewed at the beginning of each design session. The checklist must include key principles such as color usage, typography guidelines, spacing and layout standards, accessibility considerations, and any specific design constraints relevant to the project. Each item should be clearly defined and actionable, allowing designers to ensure compliance and maintain consistency throughout their work. Format the checklist in a way that is easy to follow, with sections for each design category and space for notes or comments.

Please insert detailed comments in the codebase above critical functions to highlight specific design constraints that must not be violated. Each comment should clearly explain the purpose of the function, the design constraints associated with it, and the potential consequences of violating these constraints. Use clear and concise language to ensure that future developers can easily understand the importance of adhering to these guidelines. Format the comments in a consistent style, and ensure they are easily distinguishable from the rest of the code.

Please draft a new rule for the CLAUDE.md file aimed at preventing the recent design constraint issue from recurring. The rule should clearly outline the specific design constraints that were problematic, provide guidelines on how to adhere to these constraints in future projects, and suggest best practices for ensuring compliance. Include examples of what constitutes a violation of this rule and the potential impacts on the project if these constraints are not followed. Format the rule in a clear, numbered list for easy reference.

Generate a session opener that emphasizes the key design constraints to consider before embarking on any new task. Include a brief overview of the most important constraints, such as usability, accessibility, and brand guidelines. The opener should encourage a mindset of creativity within these boundaries and set a positive tone for the session. Aim for a length of 3 to 5 sentences, ensuring it is engaging and thought-provoking to inspire participants.

Create a comprehensive project convention for managing design constraints that can be applied to future projects. The guideline should include key principles for identifying and addressing design constraints, a process for evaluating their impact on project outcomes, and strategies for ensuring compliance among team members. Additionally, outline best practices for documenting design decisions and communicating them effectively to stakeholders. Format this guideline as a clear, structured document that can be easily referenced in future projects.