home/categories/frontend/phananhtuan09-ai-agent-workflow-claude-skills-ux-feedback-patterns-skill-md
frontenddevelopment

ux-feedback-patterns

User feedback patterns for interactions - loading states, success/error messages, form validation, empty states. Ensures users understand system state and next steps. Use when implementing user-facing state changes and interactions: - Form submissions with validation feedback, success/error messages - Async operations needing loading indicators (API calls, data fetching) - Error handling flows with clear recovery paths and retry options - Empty state designs with helpful messaging (no data, no results) - User mentions "form", "loading", "error", "validation", "async", "API call" Keywords: loading, success, error, form, validation, async, feedback, toast, empty state Do NOT load for: - Visual design/styling (use frontend-design-fundamentals) - Responsive layout (use frontend-design-responsive) - Figma extraction (use frontend-design-figma-extraction) - Accessibility-only questions (use ux-accessibility) - Code quality checks (use quality-code-check) Focus on WHEN to show feedback, WHAT type (toast/inline/m

phananhtuan09
maintainer
phananhtuan09
์—…๋ฐ์ดํŠธ๋จ 1/19/2026
์Šคํƒ€
0
ํฌํฌ
0
quick start

Installation and usage

User feedback patterns for interactions - loading states, success/error messages, form validation, empty states. Ensures users understand system state and next steps. Use when implementing user-facing state changes and interactions: - Form submissions with validation feedback, success/error messages - Async operations needing loading indicators (API calls, data fetching) - Error handling flows with clear recovery paths and retry options - Empty state designs with helpful messaging (no data, no results) - User mentions "form", "loading", "error", "validation", "async", "API call" Keywords: loading, success, error, form, validation, async, feedback, toast, empty state Do NOT load for: - Visual design/styling (use frontend-design-fundamentals) - Responsive layout (use frontend-design-responsive) - Figma extraction (use frontend-design-figma-extraction) - Accessibility-only questions (use ux-accessibility) - Code quality checks (use quality-code-check) Focus on WHEN to show feedback, WHAT type (toast/inline/m

์„ค์น˜
$ install --globalskills.sh
์‚ฌ์šฉ๋ฒ•

์„ค์น˜ ํ›„ ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ ๋ช…๋ น์„ ์‹คํ–‰ํ•˜์—ฌ ์ด ์Šคํ‚ฌ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

skills use ux-feedback-patterns