I’ve been trying out Cursor for a few weeks now and while it’s pretty cool overall, I’m having major issues when I ask it to help with styling and layout stuff. It seems like it just can’t handle visual design tasks very well. I know AI tools generally have trouble with frontend work, but I’m wondering if there are specific ways to write prompts that might get better results. Has anyone figured out tricks to make it more useful for CSS and UI components? Maybe certain keywords or approaches that work better? I’m getting frustrated because it handles backend logic fine but falls apart when I need help with making things look good.
i feel ya Sophia, breaking things down helps! like instead of asking for a general layout, try asking for each piece. just say “i need a button with green background and white text”. it works way better when you’re real specific, trust me!
A key strategy I found effective is to include visual references in your prompts. Instead of providing a vague request like “design a card layout,” specify something like “create a card component inspired by Material Design, featuring an 8px border radius and a subtle shadow.” Additionally, breaking down prompts into layers can enhance effectiveness. Start with the overall container, then specify details for individual elements, and finally address responsiveness in subsequent requests to avoid overwhelming the AI. Clearly stating CSS properties, such as “align using flexbox” or “create layout with CSS Grid,” can also lead to more structured and predictable results.
hmm thats intresting - what kind of ui stuff are you trying to build exactly? like are we talking basic layouts or more complex animations and stuff? i’ve noticed cursor does better when i’m super specific about what i want visually instead of just saying “make it look good” ya know?