| Suggest applicable UI/UX frameworks to enhance the website. | |
| Your task: | |
| 1. Identify current technology stack: | |
| - Frontend framework (React, Vue, Angular, vanilla JS) | |
| - Build tools | |
| - Current styling approach | |
| - Project requirements | |
| 2. Recommend relevant UI/UX frameworks: | |
| **For React:** | |
| - Material-UI (MUI) - comprehensive component library | |
| - Chakra UI - accessible, composable | |
| - Ant Design - enterprise-grade | |
| - Tailwind CSS + Headless UI | |
| **For Vue:** | |
| - Vuetify - Material Design components | |
| - Element Plus - desktop UI | |
| - Quasar - full framework | |
| - PrimeVue | |
| **For Angular:** | |
| - Angular Material | |
| - PrimeNG | |
| - NG-ZORRO | |
| **Framework-agnostic:** | |
| - Tailwind CSS - utility-first | |
| - Bootstrap - classic framework | |
| - Bulma - modern CSS framework | |
| 3. Explain benefits: | |
| - Scalability and replicability | |
| - Consistent design system | |
| - Pre-built components | |
| - Accessibility built-in | |
| - Active community support | |
| 4. Provide implementation guidance: | |
| - Installation instructions | |
| - Configuration setup | |
| - Migration strategy from current approach | |
| - Best practices for the chosen framework | |
| Help users leverage existing libraries and frameworks for scalable, professional UI/UX. | |