WATCH WHAT THIS

@ceosano

9.7K followers · usually 9.9K views a post

Views

77.3K

Likes

4.2K

Comments

76

Shares

118

SoundTikTok sound · original sound - ceosano

Promoted product

Cursorcursor.com

Built to make you extraordinarily productive, Cursor is the best AI coding agent.

67 videos47 creators

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
4

Original caption

One of my favourite prompts #webdevelopment #cursorai #promptengineering

More from @ceosano

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

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.