frontend-patterns

Framework-agnostic UI patterns improve component composition by outlining principles for state management, data fetching, and rendering. This Skill provides reference architectures applicable to React, Vue, Svelte, and Flutter for maintainable interfaces.

Accessible form handling requires specific UI patterns for semantic inputs, error validation, and keyboard navigation. This Skill outlines principles and anti-patterns for building forms that meet accessibility standards across any frontend framework.

Yes, these frontend UI patterns are framework-agnostic and apply directly to Rails views, Flutter, React, Vue, and Svelte. They focus on universal principles for component composition, state management, and accessibility across diverse environments.

The best way to manage state and data fetching is through framework-agnostic patterns that prevent common anti-patterns. This Skill outlines structural principles for maintainable data fetching and state management logic across React, Vue, and Svelte applications.

Frontend performance often degrades due to anti-patterns in component composition, state management, or animation rendering. This Skill identifies common UI pitfalls and provides performance optimization patterns for building robust, scalable interfaces.

You should avoid UI anti-patterns when building features requiring strict accessibility, complex state management, or heavy animations. This Skill details specific anti-patterns to prevent maintainability and performance issues across any frontend framework.