← Back to articles
ChatGPT Tips, Software Engineering • Jun 10, 2026
ChatGPT Tip: Use ChatGPT For Frontend States
UI prompts should include loading, empty, error, success, and mobile states.
UI prompts should include loading, empty, error, success, and mobile states.
Best way to use it:
• Describe component.
• List states.
• Ask for accessibility notes.
Copy-ready prompt:
Design a frontend component for [feature]. Include desktop/mobile layout, loading, empty, error, success states, accessibility, and data needed.
Quality check:
• All states are present.
• Mobile layout works.
• Accessibility is considered.
DropTicks note:
Use ChatGPT like a workstation, not a magic answer box. Give it the role, goal, input material, constraints, expected output format, and review criteria. The stronger your workflow, the better the result.
Related source links:
• https://help.openai.com/en/collections/3742473-chatgpt
• https://help.openai.com/en/articles/6825453-chatgpt-release-notes
• https://openai.com/index/introducing-chatgpt-search/
• https://openai.com/index/introducing-deep-research/
• https://openai.com/index/introducing-canvas/
Community
Signals and discussion
0 likes
0 comments
No comments yet. Be the first to add a useful note.