Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This web application is a Project Kanban Board designed to help users manage their tasks efficiently. It features a responsive, interactive interface that allows users to move tasks seamlessly between different stages of completion, ensuring a smooth workflow experience.

## CORE FEATURES
1. **Task Management**: Users can add new tasks to the "To Do" column, allowing for easy organization of work items.
2. **Drag and Drop Functionality**: Tasks can be dragged and dropped between the "To Do", "In Progress", and "Done" columns, providing an intuitive way to update task status.
3. **Task Deletion**: Users have the ability to delete tasks that are no longer needed, keeping their board tidy.
4. **Local Storage Persistence**: Tasks are stored in the browser’s LocalStorage, allowing users to refresh the page without losing their current task state.
5. **Responsive Design**: The application adapts to different screen sizes, ensuring usability across devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout consists of a header for the application title, followed by three vertical columns representing the Kanban stages. Each column contains cards for tasks and a button for adding new tasks at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui (for consistent component styling).
- **State Management**: Local state management using React's useState and useEffect hooks for task handling and persistence.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to set up the CDN link in your `index.html`.
3. **Create Components**:
   - Create a `KanbanBoard` component that includes the three columns.
   - Create a `Task` component to represent individual tasks.
   - Create a `TaskInput` component to allow users to add new tasks.
4. **Implement Drag and Drop**: Use the HTML5 Drag and Drop API to allow tasks to be moved between columns.
5. **Manage State**: Use `useState` to handle tasks and `useEffect` to load/save tasks to LocalStorage.
6. **Styling**: Apply Tailwind CSS classes to style the components according to the design specifications.
7. **Testing**: Ensure that all functionalities work correctly across different devices and browsers.

## USER EXPERIENCE
Users will interact with the application by adding new tasks through an input field, dragging tasks between columns to reflect their progress, and deleting tasks as needed. The interface will provide visual feedback through CSS transitions, enhancing the overall experience and making task management intuitive and enjoyable.
```