1. Receive user's UI design requirements and preferences.
2. Determine the overall style (e.g., Linear, Stripe, Vercel) and color scheme (light or dark mode).
3. Generate the HTML structure with Tailwind CSS classes.
4. Incorporate lucide icons and custom components as needed.
5. Add subtle dividers, outlines, and hover interactions.
6. Ensure responsiveness and accessibility.
7. Output the complete HTML code.
8. Review the generated code for accuracy and adherence to requirements.
SynapticSkills