正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

We shipped it. The Drag & Drop Landing Page Builder for Shadcn Studio is here. 🧭 Search blocks (Hero, Features, Pricing, FAQ, etc.) 🧱 Drag & drop onto an empty canvas ↕️ Reorder sections instantly 🖌️ Switch themes in one click 📁 Preview, Export, Save, and Share 🔁 Shuffle... show more

Ajay Patel

1,482 subscribers

17,442 次观看 • 3 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.

Alex Barashkov

32,263 次观看 • 4 个月前

Introducing primeui. Build sites fast. Fear no code. Available today • 200+ handcrafted marketing UI components and templates • Sitemap planner • Prototype + experiment on an infinite canvas • Clean export to Next.js, Tailwind + shadcn/ui compatible • Not just landing pages: build Blog, Docs, Pricing, and more Coming soon • MCP • Skills • AI Designer We started Prime UI because we believe site builders that do not output real code end up slowing you down. So instead of building another “app builder,” we focused on marketing sites, the work we know best after 10+ years of designing and building high-end websites at Pixel Point. Human expertise combined with AI scalability is what we believe in. Prime UI isn’t here (yet) to fully replace your stack, but it is already capable of saving you hundreds of hours in prototyping and the early phases of your next site project. What’s next: MCP: continuously add new pages to your site from Prime UI, aligned with your project setup and style. Skills: an AI-agent-friendly concentrate of our years of website design and development expertise. It is time to ditch old habits. Fear no code and build sites fast, ready for the AI era.

Introducing primeui. Build sites fast. Fear no code. Available today • 200+ handcrafted marketing UI components and templates • Sitemap planner • Prototype + experiment on an infinite canvas • Clean export to Next.js, Tailwind + shadcn/ui compatible • Not just landing pages: build Blog, Docs, Pricing, and more Coming soon • MCP • Skills • AI Designer We started Prime UI because we believe site builders that do not output real code end up slowing you down. So instead of building another “app builder,” we focused on marketing sites, the work we know best after 10+ years of designing and building high-end websites at Pixel Point. Human expertise combined with AI scalability is what we believe in. Prime UI isn’t here (yet) to fully replace your stack, but it is already capable of saving you hundreds of hours in prototyping and the early phases of your next site project. What’s next: MCP: continuously add new pages to your site from Prime UI, aligned with your project setup and style. Skills: an AI-agent-friendly concentrate of our years of website design and development expertise. It is time to ditch old habits. Fear no code and build sites fast, ready for the AI era.

Alex Barashkov

71,671 次观看 • 5 个月前

I just built a full SaaS landing page with pricing, hero, features, CTA, and clean layout all in one go. All I did was describe it in plain English. No code. No setup. Just vibes. Replit ⠕ lets you build a fully responsive landing page with natural language and everything is built-in: - Database - Auth - Hosting - Connectors for Notion, Slack, GDrive & more You can even import Figma designs and bring them to life with a visual editor. It’s called vibe coding and it’s changing the game for founders, creators, and operators. Use my link to get $10 in Replit Core credits when you sign up:

I just built a full SaaS landing page with pricing, hero, features, CTA, and clean layout all in one go. All I did was describe it in plain English. No code. No setup. Just vibes. Replit ⠕ lets you build a fully responsive landing page with natural language and everything is built-in: - Database - Auth - Hosting - Connectors for Notion, Slack, GDrive & more You can even import Figma designs and bring them to life with a visual editor. It’s called vibe coding and it’s changing the game for founders, creators, and operators. Use my link to get $10 in Replit Core credits when you sign up:

Arsalan

27,842 次观看 • 8 个月前

Most product screenshots are boring. Flat. Static. Forgettable. Screenshot Studio is officially live and it changes that. Formerly @stageeart. Completely rebuilt from the ground up. What started as a simple screenshot editor is now a browser-based studio for screenshots, animated visuals, and export-ready videos. No signup. No watermarks. No artificial limits. New in 2.0: - A faster core and rebuilt UI. - A real timeline editor with tracks + playhead. - 20+ animation presets with keyframes and easing. - MP4, WebM, GIF export. - Hardware-accelerated encoding with WebCodecs (FFmpeg fallback). - High-res exports up to 5x. - Unlimited undo/redo. Drag. Drop. Animate. Export. All in the browser. Proud to share it’s been selected for the Vercel OSS Program. Huge thanks to the Vercel team and Guillermo Rauch for supporting the project. If you’re shipping products and still posting static screenshots, you’re leaving attention on the table. Stage is gone. Screenshot Studio is here. try now link in the comments.

Most product screenshots are boring. Flat. Static. Forgettable. Screenshot Studio is officially live and it changes that. Formerly @stageeart. Completely rebuilt from the ground up. What started as a simple screenshot editor is now a browser-based studio for screenshots, animated visuals, and export-ready videos. No signup. No watermarks. No artificial limits. New in 2.0: - A faster core and rebuilt UI. - A real timeline editor with tracks + playhead. - 20+ animation presets with keyframes and easing. - MP4, WebM, GIF export. - Hardware-accelerated encoding with WebCodecs (FFmpeg fallback). - High-res exports up to 5x. - Unlimited undo/redo. Drag. Drop. Animate. Export. All in the browser. Proud to share it’s been selected for the Vercel OSS Program. Huge thanks to the Vercel team and Guillermo Rauch for supporting the project. If you’re shipping products and still posting static screenshots, you’re leaving attention on the table. Stage is gone. Screenshot Studio is here. try now link in the comments.

Kartik

32,948 次观看 • 4 个月前

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: * Creates the full project; folders, structure, ready to go * Generates custom images; no stock, no uploads * Builds the site; layout, sections, pricing * Adds features; gallery, booking form, interactions * Writes styling; responsive, clean, animated * Handles logic; menus, forms, smooth UX * Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: * Creates the full project; folders, structure, ready to go * Generates custom images; no stock, no uploads * Builds the site; layout, sections, pricing * Adds features; gallery, booking form, interactions * Writes styling; responsive, clean, animated * Handles logic; menus, forms, smooth UX * Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI

Mario Nawfal

296,837 次观看 • 1 个月前

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: • Creates the full project; folders, structure, ready to go • Generates custom images; no stock, no uploads • Builds the site; layout, sections, pricing • Adds features; gallery, booking form, interactions • Writes styling; responsive, clean, animated • Handles logic; menus, forms, smooth UX • Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: • Creates the full project; folders, structure, ready to go • Generates custom images; no stock, no uploads • Builds the site; layout, sections, pricing • Adds features; gallery, booking form, interactions • Writes styling; responsive, clean, animated • Handles logic; menus, forms, smooth UX • Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI

Mario Nawfal

116,613 次观看 • 1 个月前

Just tried the beta. This might be the easiest way to build an onchain website I've ever seen. No dev skills, no code. Just drag, drop, and go live. I made a landing page for $COOK in minutes, added a buy button, images, and wallet connect with zero friction. Big kudos to the Kerem Gurel 🛡️ and team behind this. Tools like Onchainsite + OnchainKit + Coinbase Developer Platform🛡️ are what make Base different. They’re making it easy for anyone in the world to build. This is why Base wins. It’s freeing creativity at scale. LFB!

Just tried the beta. This might be the easiest way to build an onchain website I've ever seen. No dev skills, no code. Just drag, drop, and go live. I made a landing page for $COOK in minutes, added a buy button, images, and wallet connect with zero friction. Big kudos to the Kerem Gurel 🛡️ and team behind this. Tools like Onchainsite + OnchainKit + Coinbase Developer Platform🛡️ are what make Base different. They’re making it easy for anyone in the world to build. This is why Base wins. It’s freeing creativity at scale. LFB!

poet.base.eth

13,067 次观看 • 1 年前

Claude Code + computer use is f*cking cracked 🤯 Build a landing page → Claude opens Chrome, looks at it, spots every issue, and fixes it — without you describing a single thing. All inside Claude Code. Perfect for DTC brands and agencies who are still vibe-coding landing pages and advertorials in Claude Code, then manually opening them in Chrome, spotting 15 things wrong, and describing every visual issue back to Claude one at a time. If you're building pages in Claude Code and your workflow looks like this — build the page, open it in Chrome, spot broken spacing, go back to Claude, type "the CTA button is too low and the hero image is cut off," wait for the fix, open Chrome again, find 3 new issues, describe those too ... Claude Code + computer use eliminates the entire loop: → Claude writes the full landing page or advertorial → Opens Chrome and navigates to it → Spots layout issues, broken spacing, off-brand colors, missing elements → Fixes everything and re-checks until the page looks right → Tests your Shopify product pages by clicking through like a real customer → Walks through your checkout flow and flags friction before customers hit it → You only see the finished, visually verified result No describing what you see on screen. No "the CTA button needs more contrast" back-and-forth. No being the eyeballs for an AI that can't see. What you get: → Landing pages and advertorials Claude builds AND visually QAs before you ever look at them → Product pages Claude clicks through — testing layout, images, and CTAs like a real user → HTML dashboards Claude opens and verifies the charts actually render → Checkout flows Claude walks through step by step to catch friction → All of it happening in one session — build, test, fix, done One prompt. Claude builds it, checks it, and fixes it. You just review the finished page. I put together a full playbook with the exact setup, the prompts, and 5 DTC workflows that use Claude Code + computer use. Want it for free? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)

Mike Futia

19,079 次观看 • 3 个月前

screenshot studio just shipped four tools that replace your entire design workflow tweet screenshots paste a tweet URL. light or dark theme. auto-renders the avatar, metrics, media, verified badge. hit add. done your tweet lives 48 hours on the timeline. the screenshot lives forever in every feed on every platform code snippets 20 languages. 20 themes. 10 monospace fonts. line numbers. macOS window bar. font size. border radius. all adjustable paste your code. it syntax-highlights instantly. export a clean image that people actually stop scrolling to read a wall of monospace text gets skipped. a styled snippet gets shared overlay layers upload your own images or pick from built-in 3D assets. drag, resize, rotate directly on canvas. control opacity, blur, flip. send layers in front or behind your main image every layer is independent. reorder, hide, delete. full depth control a flat screenshot tells half the story. layers tell the rest annotation tools arrows. curved arrows. lines. rectangles. circles. blur regions 12 colors. adjustable stroke width. click and drag to draw. select to edit. blur anything you need to hide the difference between showing your screen and teaching from your screen is one arrow free. browser-based. no signup. no watermark

Kartik

12,080 次观看 • 4 个月前

Huge UI design boost by adding this to my AI workflow 1. Explore variations with Variant. The secret is to use "shuffle layout" and "see other views". This keeps the essence of a design that I like, but gives interesting layout variations. I also change colors and explore narrow by specifying one or two things in prompt, like font name, UI style or light/dark mode. 2. Copy HTML and prompt with Gemini 3 in site builder. Fix minute details like fonts, icons, assets, intro/scroll animations, adaptive layout and make the whole thing functional. Include image references, button styles, code snippets and other components to keep things creative. Often, I see sites that have one cool thing, but the rest is super generic. That's because AI is especially good at being generic without continuously feeding specs. 3. Turn into a landing page by prompt adding new components/sections and connect/adapt new pages. This is the part where most people stop, but it's actually the easiest since AI is so good at reading existing code. "Adapt this {page code} for a {features, blog, pricing, login} page." Finally, set up SEO and custom domain name. Boom, you just shipped a pro-level site that doesn't look generic.

Huge UI design boost by adding this to my AI workflow 1. Explore variations with Variant. The secret is to use "shuffle layout" and "see other views". This keeps the essence of a design that I like, but gives interesting layout variations. I also change colors and explore narrow by specifying one or two things in prompt, like font name, UI style or light/dark mode. 2. Copy HTML and prompt with Gemini 3 in site builder. Fix minute details like fonts, icons, assets, intro/scroll animations, adaptive layout and make the whole thing functional. Include image references, button styles, code snippets and other components to keep things creative. Often, I see sites that have one cool thing, but the rest is super generic. That's because AI is especially good at being generic without continuously feeding specs. 3. Turn into a landing page by prompt adding new components/sections and connect/adapt new pages. This is the part where most people stop, but it's actually the easiest since AI is so good at reading existing code. "Adapt this {page code} for a {features, blog, pricing, login} page." Finally, set up SEO and custom domain name. Boom, you just shipped a pro-level site that doesn't look generic.

Meng To

65,379 次观看 • 5 个月前

how to use claude code + 3 MCPs + 2 AI tools to go from cold idea to live A/B test in 1 session (full workflow): 1. connect ideabrowser as an MCP. pull your project context like ICP, positioning, offer, growth strategy directly into the terminal. 2. use ideabrowser skills to generate a lead magnet concept tailored to your niche. it builds the strategy doc and saves it as a file. 3. open paper (connected to claude code). design your landing page visually and iterate on hero, sections, components. design and code stay in sync. dont necessarily need figma here. 4. deploy the landing page. wire up humblytics for analytics like traffic, scroll depth, heat maps, funnel tracking, full attribution. 5. run a no-code A/B experiment directly from claude code. it dynamically swaps your headline on the live site. 6. store the results back into Idea Browser (pro plan) so your agent compounds context over time. every future decision is informed by past data. 7. everyone can build landing pages now. the gap is knowing what to test, how to get customers, and how to optimize. this stack/workflowcloses that gap. amirmxt showed me this live and i can't stop thinking about the arbitrage. 99.999% of people don't know this stack exists. it's like when 5 cent facebook ads were around, arbritrage is all over again. episode is finally live on The Startup Ideas Podcast (SIP) 🧃 (full demo there) this one is different. send it to a friend who likes ideas and automating businesses. 100% free to watch this and get your creative juices flowing (let me know what you want me to cover next) watch

how to use claude code + 3 MCPs + 2 AI tools to go from cold idea to live A/B test in 1 session (full workflow): 1. connect ideabrowser as an MCP. pull your project context like ICP, positioning, offer, growth strategy directly into the terminal. 2. use ideabrowser skills to generate a lead magnet concept tailored to your niche. it builds the strategy doc and saves it as a file. 3. open paper (connected to claude code). design your landing page visually and iterate on hero, sections, components. design and code stay in sync. dont necessarily need figma here. 4. deploy the landing page. wire up humblytics for analytics like traffic, scroll depth, heat maps, funnel tracking, full attribution. 5. run a no-code A/B experiment directly from claude code. it dynamically swaps your headline on the live site. 6. store the results back into Idea Browser (pro plan) so your agent compounds context over time. every future decision is informed by past data. 7. everyone can build landing pages now. the gap is knowing what to test, how to get customers, and how to optimize. this stack/workflowcloses that gap. amirmxt showed me this live and i can't stop thinking about the arbitrage. 99.999% of people don't know this stack exists. it's like when 5 cent facebook ads were around, arbritrage is all over again. episode is finally live on The Startup Ideas Podcast (SIP) 🧃 (full demo there) this one is different. send it to a friend who likes ideas and automating businesses. 100% free to watch this and get your creative juices flowing (let me know what you want me to cover next) watch

GREG ISENBERG

57,852 次观看 • 3 个月前

CapCut Design Studio changed the way I think about creating with AI. For a long time, creating with AI felt less like creating and more like managing files—generate, export, switch tools, edit, re-upload, repeat. The ideas were flowing, but the workflow kept getting in the way. What's changing now isn't just image quality, it's the creative process itself. This video shows how I used CapCut Design Studio to build an autumn fashion poster from scratch. I started on the infinite canvas to explore styles, then used the pencil to easily remove unwanted elements and even swap out outfits to find the perfect look for my model. Also, I used the text editing feature to instantly translate my poster into multiple languages without losing the original aesthetic. If I ever need more options, the 'One More' feature automatically creates multiple creative variations with one click. Instead of switching between multiple tools, I was able to keep the entire creative process connected in one place. AI design is moving from "generate and download" to "create, refine, and scale"—and that's the shift I'm most excited about. What's the biggest bottleneck in your current design workflow? #capcutdesignstudio #capcut

CapCut Design Studio changed the way I think about creating with AI. For a long time, creating with AI felt less like creating and more like managing files—generate, export, switch tools, edit, re-upload, repeat. The ideas were flowing, but the workflow kept getting in the way. What's changing now isn't just image quality, it's the creative process itself. This video shows how I used CapCut Design Studio to build an autumn fashion poster from scratch. I started on the infinite canvas to explore styles, then used the pencil to easily remove unwanted elements and even swap out outfits to find the perfect look for my model. Also, I used the text editing feature to instantly translate my poster into multiple languages without losing the original aesthetic. If I ever need more options, the 'One More' feature automatically creates multiple creative variations with one click. Instead of switching between multiple tools, I was able to keep the entire creative process connected in one place. AI design is moving from "generate and download" to "create, refine, and scale"—and that's the shift I'm most excited about. What's the biggest bottleneck in your current design workflow? #capcutdesignstudio #capcut

Farlane

41,971 次观看 • 20 天前

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

joshpuckett

82,065 次观看 • 6 个月前

Everyone is sleeping on MiniMax Agent. It's like Clawdbot + Claude Cowork + Agent Skills combined. But more polished. I tested it by feeding an AI paper and asking it to create a presentation. I expected something basic. The output was actually usable. Good structure, relevant visuals, clean export. Watch the demo below. But presentations are just the start. Here's what else you can do with it: - Deep research via search, browser use, and MCPs - Build Full-stack apps with auth, DB, and Stripe - Connect to GitHub, Figma, Slack out of the box - Custom MCPs for your specific workflows - Multimodal, supports videos, audio, and images Just describe what you need, and it gets it done for you. One feature I really liked is the ability to roll back and re-run from any step using checkpoint restore if you make a wrong turn. Link to download the desktop app in the next tweet.

Everyone is sleeping on MiniMax Agent. It's like Clawdbot + Claude Cowork + Agent Skills combined. But more polished. I tested it by feeding an AI paper and asking it to create a presentation. I expected something basic. The output was actually usable. Good structure, relevant visuals, clean export. Watch the demo below. But presentations are just the start. Here's what else you can do with it: - Deep research via search, browser use, and MCPs - Build Full-stack apps with auth, DB, and Stripe - Connect to GitHub, Figma, Slack out of the box - Custom MCPs for your specific workflows - Multimodal, supports videos, audio, and images Just describe what you need, and it gets it done for you. One feature I really liked is the ability to roll back and re-run from any step using checkpoint restore if you make a wrong turn. Link to download the desktop app in the next tweet.

Akshay 🚀

23,124 次观看 • 5 个月前

Here is how Marc could improve the landing page: First, even tho the initial audience was Indie Makers, it's not the one that brings the most $$ (as per Marc). So, we need to make it super clear who is the landing page for. The "problem" is that there are multiple audiences, and we can't niche down the main landing page yet. It means the main landing will be more generalist to appeal to more people, but will be slightly less impactful as a result. The solution for this is to create multiple landing pages for specific audiences with super precise headlines For our general landing page, we want: - What is it - Who is this for - Make it clear what the main benefits are What is it -> Analytics app Who is this for -> Online businesses Main benefit -> Simple to use/setup (no code), accurate revenue tracking, it's modern, unlike what they use at the moment (Google Analytics) Headline: - "Modern analytics for online businesses" (if we position against Google Analytics and other bloated apps) - "Easy analytics for online businesses" 👉 You might want to A/B test them eventually Now, it would be even BETTER if we had data on WHY they want to track revenues (ex: Measure ROI, find opportunities, etc), but for now, we can stay generic and then test different ones later As for the audience-specific landing pages, you can mention the name of the audience directly to make it relevant to them: - The analytics platform for marketplaces - The analytics platform for course creators - etc... Subheadline: - Accurate revenue tracking without a line of code Bullet points (all 3): - Integrates with 50+ platforms - Accurate revenue tracking & funnels - Setup in 5 minutes Call to action: - "Start 14-day trial" implies a payment will be needed, which creates friction at some point - Better have something neutral ("Start For Free", "Get Started Now") or action-focused (in this case "Create your project" or "Setup my website") Then we have the big image section. Right now, it occupies lots of space and provide little value. What would be better here is to either have an interactive embedding or a video showcasing the main features of the app. And in both case, you want to make it smaller, and interactive As for the signup page: Right now it's very austere, and the video on the left side catch the attention more than the form. I showed examples in the video, but you want to have a step by step guided onboarding that doesn't feel like people are creating accounts. No one like creating accounts, it creates additional friction. So I would start by asking the website URL, THEN ask for the email (and no need for email verification, just create the account and log them in automatically). That way you remove friction and then can jump straight to installing the code snippet (which is the point where they start getting value from the product) Obviously there is waaaaaay more things to do, and ultimately, especially since I don't have all the relevant data What I mentioned above are mainly good practices, and you will want to talk with users, A/B test and see what works the best :)

Here is how Marc could improve the landing page: First, even tho the initial audience was Indie Makers, it's not the one that brings the most $$ (as per Marc). So, we need to make it super clear who is the landing page for. The "problem" is that there are multiple audiences, and we can't niche down the main landing page yet. It means the main landing will be more generalist to appeal to more people, but will be slightly less impactful as a result. The solution for this is to create multiple landing pages for specific audiences with super precise headlines For our general landing page, we want: - What is it - Who is this for - Make it clear what the main benefits are What is it -> Analytics app Who is this for -> Online businesses Main benefit -> Simple to use/setup (no code), accurate revenue tracking, it's modern, unlike what they use at the moment (Google Analytics) Headline: - "Modern analytics for online businesses" (if we position against Google Analytics and other bloated apps) - "Easy analytics for online businesses" 👉 You might want to A/B test them eventually Now, it would be even BETTER if we had data on WHY they want to track revenues (ex: Measure ROI, find opportunities, etc), but for now, we can stay generic and then test different ones later As for the audience-specific landing pages, you can mention the name of the audience directly to make it relevant to them: - The analytics platform for marketplaces - The analytics platform for course creators - etc... Subheadline: - Accurate revenue tracking without a line of code Bullet points (all 3): - Integrates with 50+ platforms - Accurate revenue tracking & funnels - Setup in 5 minutes Call to action: - "Start 14-day trial" implies a payment will be needed, which creates friction at some point - Better have something neutral ("Start For Free", "Get Started Now") or action-focused (in this case "Create your project" or "Setup my website") Then we have the big image section. Right now, it occupies lots of space and provide little value. What would be better here is to either have an interactive embedding or a video showcasing the main features of the app. And in both case, you want to make it smaller, and interactive As for the signup page: Right now it's very austere, and the video on the left side catch the attention more than the form. I showed examples in the video, but you want to have a step by step guided onboarding that doesn't feel like people are creating accounts. No one like creating accounts, it creates additional friction. So I would start by asking the website URL, THEN ask for the email (and no need for email verification, just create the account and log them in automatically). That way you remove friction and then can jump straight to installing the code snippet (which is the point where they start getting value from the product) Obviously there is waaaaaay more things to do, and ultimately, especially since I don't have all the relevant data What I mentioned above are mainly good practices, and you will want to talk with users, A/B test and see what works the best :)

Nico

39,251 次观看 • 10 个月前

🚨Update! Our new demo is LIVE 🚨 In this demo, we walk through the core features of Intelligence Cubed, a next-generation AI model platform built for research, experimentation, and ownership. 🔹 500+ Research Models Intelligence Cubed has grown from 200+ to 506 models, contributed by our expanding Research Fellow Cohort, including researchers, PhDs, and post-docs from Stanford, CMU, Harvard, MIT, and other top U.S. institutions. 🔹 Model Cards & Research Transparency Each model is linked to its original research paper and includes a detailed model card outlining its purpose, use cases, category, pricing, market traction, reviews, and public ownership percentage. 🔹 1.2M Public-Owned Models We’ve introduced Public-Owned Models, with over 1.2 million models available — all fully documented with research papers and comprehensive model cards. 🔹 Auto Router Not sure which model to use? Our Auto Router analyzes your question and automatically routes it to the most suitable model. In this demo, it selects an LLM Detection Survey model to answer the query. 🔹 Modelverse, Canvas & Workflows Users can explore models in Modelverse, try them instantly, add favorites to cart, and deploy purchased models in Canvas using drag-and-drop to build custom workflows. We also provide professionally curated workflows for immediate hands-on experience. 👉Try Now: #AI #Web3 #AIModel #DeFi #blockchain #LLM #OpenSourceAI #AIxWeb3 #DeAI #IntelligenceCubed

🚨Update! Our new demo is LIVE 🚨 In this demo, we walk through the core features of Intelligence Cubed, a next-generation AI model platform built for research, experimentation, and ownership. 🔹 500+ Research Models Intelligence Cubed has grown from 200+ to 506 models, contributed by our expanding Research Fellow Cohort, including researchers, PhDs, and post-docs from Stanford, CMU, Harvard, MIT, and other top U.S. institutions. 🔹 Model Cards & Research Transparency Each model is linked to its original research paper and includes a detailed model card outlining its purpose, use cases, category, pricing, market traction, reviews, and public ownership percentage. 🔹 1.2M Public-Owned Models We’ve introduced Public-Owned Models, with over 1.2 million models available — all fully documented with research papers and comprehensive model cards. 🔹 Auto Router Not sure which model to use? Our Auto Router analyzes your question and automatically routes it to the most suitable model. In this demo, it selects an LLM Detection Survey model to answer the query. 🔹 Modelverse, Canvas & Workflows Users can explore models in Modelverse, try them instantly, add favorites to cart, and deploy purchased models in Canvas using drag-and-drop to build custom workflows. We also provide professionally curated workflows for immediate hands-on experience. 👉Try Now: #AI #Web3 #AIModel #DeFi #blockchain #LLM #OpenSourceAI #AIxWeb3 #DeAI #IntelligenceCubed

i³ (Intelligence Cubed)

116,576 次观看 • 6 个月前

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).

JJ Englert

32,445 次观看 • 2 个月前

Steal this mega prompt to generate high quality landing pages using LLMs and go viral every single day. --- You are an expert landing page designer and frontend developer specializing in high-converting, beautiful web experiences. CONTEXT: I need a landing page for [product/service name]. TARGET AUDIENCE: [describe your ideal customer] PRIMARY GOAL: [e.g., email signups, demo bookings, purchases] BRAND VOICE: [e.g., professional, playful, technical, aspirational] DESIGN SYSTEM REQUIREMENTS: - Primary Color: [hex code] - Secondary Color: [hex code] - Font: [font family] - Design Style: [modern, minimal, bold, etc.] STRUCTURE: Create a single-page landing page with these sections: 1. Hero Section - Attention-grabbing headline (focus on outcome, not feature) - Subheadline clarifying value proposition - Primary CTA button - Hero visual placeholder or description 2. Problem Section - Articulate the pain point clearly - Use relatable language - Build urgency subtly 3. Solution Section - How your product solves the problem - 3-4 key benefits (outcome-focused, not feature-focused) - Visual aids or icons 4. Social Proof - Testimonials (if available) or trust indicators - Logos of companies/clients (if applicable) - Metrics or results 5. How It Works - 3-step process - Simple, clear language - Visual flow 6. Final CTA Section - Reinforce primary action - Remove friction (e.g., "No credit card required") - Create urgency if appropriate TECHNICAL REQUIREMENTS: - Use semantic HTML5 - Tailwind CSS for styling (use only core utility classes) - Mobile-first responsive design - Smooth scroll behavior - Accessible (WCAG AA compliant) - Fast loading (optimize for performance) - Include meta tags for SEO COPY GUIDELINES: - Keep headlines under 10 words - Use active voice - Focus on outcomes, not features - Avoid jargon unless audience expects it - Every section should answer "What's in it for me?" OUTPUT: Provide complete HTML file with inline Tailwind CSS. Include comments explaining key sections. Ensure all placeholder content is realistic and contextual. CONSTRAINTS: - No external dependencies except Tailwind CDN - No JavaScript frameworks - Keep total file size under 100KB - Use system fonts or Google Fonts CDN Build this landing page now.

Harshil Tomar

23,305 次观看 • 5 个月前

the old way of building a store is broken: you buy an expensive theme ($450). then you need a page builder app ($39/mo). then a sticky add-to-cart app ($29/mo). then a reviews app ($29/mo). suddenly your store costs $100/month, loads slowly, and still looks basic. your margins are dead. i fixed this. i developed a system that bypasses the app store entirely. it uses the hyper-fast, ready-to-use sections. here is the mechanism: → base: 100% FREE horizon theme (for max speed score) → custom sections: drag & drop blocks that replace paid apps. → mobile optimization: pre-coded for highest mobile conversion. → zero code needed: if you can use twitter, you can build this store. the math is simple: old way: $450 theme + $87/mo apps. my way: $0 theme + $0/mo apps. setup time is under 15 minutes for a 7-figure brand look. i’m giving away one of these premium sections for FREE to my followers today. want access? like + retweet this post. comment "FREE" below. must be following so i can dm you the private link.

Burkisoy

10,346 次观看 • 4 个月前