# Screenshot Driven Development (SDD)
New paradigm that modern AI-enabled IDEs such as [[Cursor.com]] enable.
Screenshot Driven Development is an approach where screenshot are used as a means to provide relevant context about specific issues with a codebase. It's especially powerful for UI work, to iterate on design ideas, or to fix CSS issues.
Here's an example of before/after
![[2024-09-26 - sdd - before.png]]
![[2024-09-26 - sdd - after.png]]
In that example, I took a screenshot of the visual issue (not enough margin/padding around the content), asked the LLM to fix it... and it did.
I apply this approach regularly to tweak the visual aspect of UI components, to add new features, new buttons, etc.