Responsive Auth Form — mcpskills.net

Create a responsive authentication form component with three states: login, signup, and forgot password. Use shadcn/ui components (Input, Button, Card, Label). Include form validation, loading states, and error handling. The form should be centered on the page with a clean, modern design. Use Tailwind CSS for styling. Include a toggle between login and signup states.

创建一个响应式认证表单组件，包含三个状态：登录、注册和忘记密码。使用 shadcn/ui 组件（Input、Button、Card、Label）。包含表单验证、加载状态和错误处理。表单应在页面居中显示，采用简洁现代的设计。使用 Tailwind CSS 进行样式设计。包含登录和注册状态之间的切换。

## Overview A complete authentication form solution that handles login, signup, and password reset flows. Built with accessibility in mind and fully responsive across all screen sizes. ## Features - Three form states: Login, Signup, Forgot Password - Form validation with error messages - Loading states during submission - Responsive design for mobile and desktop - Dark mode support - Accessible form labels and ARIA attributes ## Usage Copy the prompt into v0, Cursor, or any AI coding tool to generate the component. The generated code will use shadcn/ui primitives and Tailwind CSS. ## Customization You can modify the prompt to: - Add social login buttons (Google, GitHub) - Include remember me checkbox - Add terms of service links - Change the color scheme