Loading...
アイコン

Mark Kashef

チャンネル登録者数 3.21万人

3281 回視聴 ・ 134いいね ・ 2025/05/21

🚀 Gumroad Link to Assets in the Video: bit.ly/4drYu41
🤖 Join the Early AI-dopters Community ➡ bit.ly/3ZMWJIb
📅 Book a Meeting with Our Team: bit.ly/3Ml5AKW
🌐 Visit Our Website: bit.ly/4cD9jhG

Struggling to turn fuzzy ideas into crystal-clear prompts in Lovable, Bolt, or Replit? In this 18-minute deep dive, I unveil Promptify—a lightweight Chrome extension that sits right in your browser and instantly transforms “caveman” instructions into production-ready prompts. You’ll see how a single pencil-icon button lets you drop in an OpenAI API key, choose GPT-4.1 Mini, Nano, or any model you like, and generate either streamlined or markdown-formatted prompts on demand.
Beyond the live demos, I take you behind the curtain to show exactly how I vibe-coded the extension in Windinsurf: architecting the manifest, background, and content scripts; wiring up persistence for your API key; and fine-tuning UI placement across three very different web apps. Whether you want a smoother prompt-engineering workflow today or you’re curious how to build and iterate your own extensions fast, this tutorial has you covered—complete with a hackathon invite so you can level up alongside other early AI-dopters.

⏳ TIMESTAMPS:
00:00 – Intro: Why Promptify solves messy prompting
00:36 – Extension tour: the ubiquitous pencil icon
01:00 – API key input & model selection
01:30 – “First prompt” foundation toggle explained
02:15 – Markdown output option demo
03:00 – Live Lovable demo: crafting the initial prompt
03:48 – Cross-platform proof: Bolt & Replit compatibility
04:30 – Bolt makeover: fixing “too much blue” mid-chat
05:24 – Replit demo: technical prompt generation
06:22 – Miro blueprint: high-level architecture
07:00 – Why Windinsurf beats one-shot zip workflows
08:30 – Switching LLMs mid-build for better results
09:00 – Auto-inserting prompts: textbox quirks & fixes
10:16 – Manifest vs. background vs. content scripts
11:16 – Persistence & UI-safe pop-up design
13:30 – Iterative UI polishing & bug squashing
14:24 – Styling pass: gradients, success states, icons
15:00 – Folder walkthrough: icon set, templates, JSON
16:00 – Fresh build demo with Claude 3.7 Sonnet
17:05 – Loading the unpacked extension in Chrome
17:55 – Recap: key takeaways & quality-of-life wins
18:20 – Community hackathon invitation & sign-off


#PromptEngineering #ChromeExtension #VibeCoding #OpenAI #Windinsurf #Lovable #BoltAI #Replit #GPT41 #DeveloperTools #NoCode #AIWorkflow #Productivity

コメント

コメントを取得中...

コントロール
設定

使用したサーバー: watawata8