正在加载视频...

视频加载失败

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

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.show more

Alex Barashkov

27,486 subscribers

71,241 次观看 • 4 个月前 •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,004 次观看 • 3 个月前

Claude Code can now COPY the UI of your favorite websites. Introducing the AIDesigner MCP v2 update! point Claude at any website to extract every media asset, branding, and design system to: > create a perfect CLONE of any website > create a new design INSPIRED by any website > ENHANCE an existing website, giving it a complete UI makeover Compatible with Claude Code, Codex, Cursor, Copilot, and Windsurf

Claude Code can now COPY the UI of your favorite websites. Introducing the AIDesigner MCP v2 update! point Claude at any website to extract every media asset, branding, and design system to: > create a perfect CLONE of any website > create a new design INSPIRED by any website > ENHANCE an existing website, giving it a complete UI makeover Compatible with Claude Code, Codex, Cursor, Copilot, and Windsurf

FHILY👑

108,269 次观看 • 1 个月前

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.

Meng To

67,089 次观看 • 1 年前

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 次观看 • 4 个月前

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

299,475 次观看 • 4 个月前

I’m 14 and I just killed AI slop forever. Introducing Clovr, an AI tool that creates beautiful, ready-to-use frontends and UI from a single prompt. Ask it anything and it will generate websites, landing pages, product UI, app frontends and more. Whatever you need to build a great and beautiful product.

I’m 14 and I just killed AI slop forever. Introducing Clovr, an AI tool that creates beautiful, ready-to-use frontends and UI from a single prompt. Ask it anything and it will generate websites, landing pages, product UI, app frontends and more. Whatever you need to build a great and beautiful product.

Alby Churven

63,423 次观看 • 2 个月前

"The difference between AI slop and great designs is in the last 10%." Here's my new episode with Meng To where he reveals his step-by-step process to create stunning AI designs and websites. We cover how to: - Build your AI design prompt from scratch - Find great fonts, assets, and components - Add beautiful custom animations Some tips from Meng: "A lot of people don't realize that having a prompt is just not enough. You need to give AI the right templates and references." "I like to think of AI more like a tool to augment you rather than doing everything. At the end of the day, what matters is your taste." "Use sites like UI verse for buttons, 21st dev for components, and ReactBits for animations. Knowing these resources is half the battle." 📌 Watch now:

"The difference between AI slop and great designs is in the last 10%." Here's my new episode with Meng To where he reveals his step-by-step process to create stunning AI designs and websites. We cover how to: - Build your AI design prompt from scratch - Find great fonts, assets, and components - Add beautiful custom animations Some tips from Meng: "A lot of people don't realize that having a prompt is just not enough. You need to give AI the right templates and references." "I like to think of AI more like a tool to augment you rather than doing everything. At the end of the day, what matters is your taste." "Use sites like UI verse for buttons, 21st dev for components, and ReactBits for animations. Knowing these resources is half the battle." 📌 Watch now:

Peter Yang

63,938 次观看 • 10 个月前

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,258 次观看 • 1 年前

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (박동윤)

59,115 次观看 • 1 年前

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Om Patel

397,034 次观看 • 2 个月前

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 次观看 • 8 个月前

Today, we're launching C1 by Thesys on Product Hunt and giving away up to 5M free tokens if you retweet this and sign up within 24 hours. C1 is the world’s first Generative UI API that augments LLMs to respond with interactive UI like charts, forms, cards, and more in real-time, instead of plain text. Integrates seamlessly with any LLM, framework or MCP in just 2 lines of code - Fully customisable to match your brand - Supports custom components - Renders instantly with no latency Ship rich, interactive AI apps 10× faster, with 80% less UI overhead.

Rabi Shanker Guha

71,616 次观看 • 8 个月前

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

Pratham

33,920 次观看 • 4 个月前

Making an A+ website shouldn't be hard. But current tools are bulky, over-templatized, and fragile. So we started building something better for our users. Introducing: Gamma sites. Now, anyone can spin up a website and maintain it completely on their own. It’s like having your own AI design partner - no design or coding skills required. You can host it on our gamma(dot)site subdomain, or on the custom domain of your choice. And yes, all sites are: → Mobile friendly → SEO optimized → Easy to edit Come launch your portfolio, side hustle, project, course, and anything else you've been dreaming of. Publishing a site has never been easier with

Making an A+ website shouldn't be hard. But current tools are bulky, over-templatized, and fragile. So we started building something better for our users. Introducing: Gamma sites. Now, anyone can spin up a website and maintain it completely on their own. It’s like having your own AI design partner - no design or coding skills required. You can host it on our gamma(dot)site subdomain, or on the custom domain of your choice. And yes, all sites are: → Mobile friendly → SEO optimized → Easy to edit Come launch your portfolio, side hustle, project, course, and anything else you've been dreaming of. Publishing a site has never been easier with

Grant Lee

45,314 次观看 • 2 年前

🦾 “While others just talk about AI, we build it.” 🤖 ✨ Our Founder Oliver Feldmeier shares what’s next for Griffin AI, from TEA Turbo and Alpha 🏹️ Hunter to upcoming cross-chain partnerships and a new generation of DeFi-native agents. Real AI utility is coming to crypto, not in five years, but now. 🦅 Griffin AI — The No-Code Agent Builder for DeFi.

🦾 “While others just talk about AI, we build it.” 🤖 ✨ Our Founder Oliver Feldmeier shares what’s next for Griffin AI, from TEA Turbo and Alpha 🏹️ Hunter to upcoming cross-chain partnerships and a new generation of DeFi-native agents. Real AI utility is coming to crypto, not in five years, but now. 🦅 Griffin AI — The No-Code Agent Builder for DeFi.

GriffinAI | The #1 AI Agent Builder for DeFi 🤖

11,602 次观看 • 7 个月前

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Shrey Pandya

57,480 次观看 • 2 个月前

Mocha (Mocha) is an AI-powered no‑code app builder that turns your idea into a live website in minutes. It integrates everything: database, backend, UI, deployments— no coding skills needed. Just chat with Mocha and ship to production.

Mocha (Mocha) is an AI-powered no‑code app builder that turns your idea into a live website in minutes. It integrates everything: database, backend, UI, deployments— no coding skills needed. Just chat with Mocha and ship to production.

Y Combinator

22,683 次观看 • 10 个月前

Opening up coss ui 🎉 The new UI we're building for the Cal.com platform. Built on top of Base UI, as we strongly believe in the project and the team behind it. It's now open to everyone who wants to test it, break it, and make it better 💪

Opening up coss ui 🎉 The new UI we're building for the Cal.com platform. Built on top of Base UI, as we strongly believe in the project and the team behind it. It's now open to everyone who wants to test it, break it, and make it better 💪

Pasquale Vitiello

109,341 次观看 • 8 个月前

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:

CopilotKit🪁

18,510 次观看 • 6 个月前

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

0xMarioNawfal

117,158 次观看 • 3 个月前