WATCH WHAT THIS

@ceosano

9.7K followers · usually 9.9K views a post

Views

77.3K

Likes

4.2K

Comments

76

Shares

118

Selling · SaaS › Developer Tool

Cursorseen in 62 videos →

Why it worked

The video leverages the 'wow' factor of AI-powered code generation, showcasing a dramatic before-and-after transformation with a single prompt. This visual demonstration of efficiency and capability is highly engaging for developers and designers.

Summary

The video demonstrates how a single prompt to Cursor AI, a coding assistant, can redesign a website's front page. It shows the 'before' state of a website and then the 'after' state, implying the AI generated the improved design based on the prompt and a screenshot.

Structure

1Introduce the prompt's impact on a front page
2Show the prompt given to Cursor AI
3Explain the prompt's goal
4Show the 'before' state of the website
5Show the 'after' state of the website

Product placement

Cursor AI is used to generate code for redesigning a website's front page. The prompt and the resulting code changes are shown on screen.

On-screen text

WATCH WHAT THIS ONE PROMPT DID TO MY FRONT PAGE SO THE PROMPT A PROFESSIONAL UX DESIGNER FOR SAAS APPLICATIONS CAN YOU UPDATE THIS FRONT PAGE SECTION AND THEN I PASSED IN A SCREENSHOT SO THIS IS THE BEFORE AND THIS IS THE AFTER

Original caption

One of my favourite prompts #webdevelopment #cursorai #promptengineering

More from @ceosano

Their other posts in the index, biggest breakout first.

Transcript

WATCH WHAT THIS ONE PROMPT DID TO MY FRONT PAGE So the prompt is: you are a professional UX designer for saas applications. Can you update this front page section? I'll help you redesign the front page section to be more modern and SaaS-like, with better visual hierarchy and user engagement. Let's update the page.jsx: // page.jsx // No changes imports // existing imports export default function Home({ searchParams }) { // existing state and data logic return ( <div style={{ padding: 0, margin: 0, overflow: 'hidden' }}> <Page /> </div> ); } // Completed (8 files changed) // page.jsx // Header.jsx // Layout.jsx // ThemeRegistry.jsx And then I passed in a screenshot. So this is the before and this is the after.