Apply Glassmorphism style to the current UI. Include: – Backdrop blur on cards and modal windows – Transparent containers with subtle light borders – Soft light gradients for layering depth – White or neon text on blurred backgrounds –...

Apply Material Design principles to the UI. Include: – Grid-based layout system – Bold primary and secondary colors – Use of elevation (box shadows) to layer elements – Responsive animations (button press, page transitions) – Paper...

Apply Neumorphism style to all components. Include: – Light or dark monochrome background – Elements with inner and outer shadows to mimic depth – Subtle hover effects – Rounded edges and soft UI behavior – Maintain minimalism and...

Apply Claymorphism style to the current app. Include: – Soft, smooth shadows for all UI blocks – Rounded corners on cards, buttons, and inputs – Use pastel colors for backgrounds and accents – Puffy button appearance with light gradients ...

Apply Neo-Brutalist design to the UI. Include: – High contrast color scheme (black, yellow, red, etc.) – Thick borders on containers and buttons – Minimal use of gradients or effects – Raw fonts, large text, harsh drop shadows –...

Add an “Edit” button next to each task. Include: – Inline editing of task text – Save on blur or Enter – Revalidate for empty/duplicate names

Freeze all task-related components. Freeze: – TaskList.tsx – AddTaskInput.tsx – State logic for task actions

Create an app with one core feature: a task list with the ability to add, mark complete, and delete tasks. Include: – No database, store data in memory – Use Tailwind for styling – Add clear structure: input, list, checkboxes, delete buttons ...

Allow users to press Enter to add a task. Include: – Keyboard support for the input field – Submit on Enter – Prevent submission if invalid

Rebuild this app with the original task-list layout. Include: – Input field – Task list with checkbox and delete – Tailwind styling – No backend, in-memory only

Add 3 buttons above the task list to filter tasks by status. Include: – “All”, “Active”, and “Completed” filters – Style active button – Filter tasks in-memory only

Add dark mode support to the app. Include: – Tailwind `dark:` classes – Toggle dark/light theme – Store theme in localStorage

Add validation to the task input field. Include: – Prevent empty input – Prevent duplicate task names – Show inline error message below the field

Add dark mode support to the dashboard. Include: – Toggle switch in the top bar – Tailwind dark mode classes – Store preference in localStorage

Make the sidebar collapsible. Include: – Collapse/expand button – Use icons when collapsed – Keep responsive behavior

Add these links to the sidebar: – Dashboard – Analytics – Settings – Users Include: – Icon for each – Highlight active item

Add a chart component placeholder to the dashboard. Include: – Card with title “Sales Overview” – Placeholder area for a future chart – Light gray background with rounded corners

Add 3 summary cards at the top of the dashboard. Include: – Icons for each card – Labels like "Revenue", "Users", "Sessions" – Use Tailwind grid for layout

Rebuild the app using the dashboard layout as a base. Include: – Sidebar, top bar, and main card grid – No backend or auth for now – Tailwind UI only

From now on, do not modify the layout or sidebar files. Freeze: – Sidebar component – Layout.tsx or layout wrapper – Navigation logic

Create a dashboard UI with: – Sidebar navigation with icons and active state – Top bar with user avatar and page title – Main area with 3 placeholder widgets/cards – Mobile-responsive layout – Use Tailwind for styling

Show a loading spinner or placeholder while user authentication is being verified. Include: – Smooth spinner or skeleton component – Centered on screen – Replace with content once loaded

Use a Google Font across the app for better typography. Include: – Import font in root layout – Apply it to headings and body text – Use fallback in case of loading failure

Do not modify the layout file from this point on. Freeze: – Layout.tsx or main layout component – Any global style configuration – Navigation structure

Style the entire app using Tailwind CSS. Include: – Padding and spacing between sections – Use a neutral color palette – Add soft drop shadows and rounded corners – Ensure layout is responsive

Build a minimal app that includes: – User authentication (email/password) – Clean layout with a nav bar and main content area – Placeholder home screen after login – No database, no third-party integrations – Use Tailwind for styling

After login, redirect users to a home page. Include: – Heading "Welcome" with user’s name – Simple card-based layout with placeholders – Logout button in top-right

Make the entire layout mobile-friendly. Include: – Collapse nav into hamburger menu – Adjust spacing and font sizes – Test both vertical and horizontal alignment

Rebuild the app from scratch. Include: – Email/password login – Clean layout with nav and main content – No database or external APIs – Tailwind-based styling