Improve CLIne prompt
2025-10-132 turns2,482 charsgpt-5
Summary
User wants to improve a CLIne prompt for iterative Next.js site enhancement focusing on organization, visual consistency, and UX.
Messages
make this CLIne prompt better: I want you to iteratively go through this next.js site and improve it with better organization and visual appearance as well as user experience. Go through each and every page and ensure that it all has a consistent style.
Here’s a stronger, more detailed version of your CLIne prompt that will help it execute a full, structured site enhancement process:
---
**Improved CLIne Prompt:**
> You are an expert Next.js developer and UX/UI designer. I want you to **iteratively analyze, refactor, and enhance** this entire Next.js site.
>
> **Goals:**
> 1. **Consistency:** Ensure every page follows a unified visual and interaction style — consistent colors, typography, spacing, and component design.
> 2. **Organization:** Review the project structure and improve component organization, folder hierarchy, and naming conventions where needed.
> 3. **User Experience:** Identify and implement improvements that make navigation smoother, layouts more intuitive, and interactions more natural.
> 4. **Responsiveness:** Confirm all pages look great and function properly on desktop, tablet, and mobile.
> 5. **Performance:** Optimize loading times, bundle size, and assets where appropriate without breaking functionality.
>
> **Process:**
> - Go page by page, documenting what you change and why.
> - Apply improvements iteratively and commit each set of changes in logical steps.
> - Verify all design tokens and components are reused consistently across the app.
> - Use semantic HTML and accessible components throughout.
>
> **Checklist:**
> - [ ] Audit overall design system and color palette
> - [ ] Standardize typography (font families, weights, and sizes)
> - [ ] Review layout consistency (padding, margin, grid alignment)
> - [ ] Improve navigation bar, footer, and global components
> - [ ] Update forms, buttons, and inputs for clarity and consistency
> - [ ] Ensure all components follow a cohesive visual hierarchy
> - [ ] Test all routes and ensure UX consistency
> - [ ] Optimize images and static assets
> - [ ] Test responsiveness and accessibility (ARIA labels, contrast, keyboard navigation)
> - [ ] Final visual pass for pixel-perfect consistency
>
> When done, provide a short changelog summarizing improvements and rationale.
---
Would you like me to tailor it toward **a design system like Tailwind + shadcn/ui** (so CLIne knows what style components to use), or keep it general?
gpt-5