Define component states
Define complete component states
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Define all the states needed for the [component type: e.g., 'data table row', 'form field', 'card'] component. For each state (default, hover, focused, active, disabled, loading, error, success, selected, empty), describe: visual change, user trigger, accessibility behavior, and any animation/transition needed. Identify any states that are missing from the current design.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Learn more
Check the full skill on Prompt Guide to master this technique from A to Z.
View on Prompt Guide📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Similar Prompts
Evaluate Climate Impact on Architectural Design
Analyze climate impact on your architectural projects and integrate resilience strategies from the design phase.
Write Impactful Advertising Copy
Writes persuasive advertising copy by exploring multiple creative angles using the AIDA method.
Evaluate a design for accessibility
Audit designs for accessibility
Explainer Video Script
Create engaging educational videos