Загрузка видео...

Не удалось загрузить видео

На главную

Maizzle 6 is here 🥳 🍑💨 Tailwind CSS 4 💚 Vue templating 🔌 Vite plugin 🧩 Components ✨ Beautiful DX 🤖 Agent skills Build HTML emails the way you build apps. Our biggest release ever. npx maizzle new

60,837 просмотров • 3 месяцев назад •via X (Twitter)

Комментарии: 23

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

First-class support for styling emails with Tailwind CSS 4 🍑💨 Go from utilities to inlined, email client-safe CSS. The same Tailwind your app uses now speaks fluent email.

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

💚 Use Vue Single File Components to build HTML emails. Components, props, slots, loops, conditionals... everything you know from Vue, now for email.

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

📦 Powered by Vite. Instant dev server, HMR, fast production builds. Build big projects in parallel across worker threads.

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

🔌 Drop the Maizzle plugin into any Vite-powered project. Render emails right where your app lives. Check the docs for guides for Laravel, Next, Nuxt, Astro, SvelteKit, Solid, Qwik, Adonis & TanStack.

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

🧩 A library of primitives built for the inbox. Layouts, columns, buttons, responsive images, web fonts, even QR codes. All the building blocks you need to build beautiful emails, prebuilt and render-tested for you.

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

Beautiful DX A completely revamped dev UI: ⌘ Command palette 👀 HTML & source views 📱 Resize by device ✅ Compatibility checks 🧹 Linting, **stats** 🦘 Jump-to-editor + IDE auto-completion, auto-imported components, and more.

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

🤖 Let your agent build emails that don't break. The official Maizzle Agent Skill teaches it components, Tailwind, CSS inlining and compatibility rules. No more guessed-at, broken-in-Outlook markup. npx skills add maizzle/framework

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

Ready to build? 👇

Фото профиля Dwight Conrad Watson
Dwight Conrad Watson3 месяцев назад

So ready to give this a go with the Laravel integration. Congrats on the launch!

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

Thanks Dwight!

Фото профиля Tom Law
Tom Law3 месяцев назад

Amazing work, congrats mate 🍻

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

Thanks Tom!

Фото профиля Jason Poulin🪿
Jason Poulin🪿3 месяцев назад

why is this the first I'm hearing about Maizzle!!

Фото профиля thisnow.be
thisnow.be3 месяцев назад

My hero

Фото профиля Nick Venturi
Nick Venturi3 месяцев назад

finally i can build emails without writing nested tables like its 2005

Фото профиля Loseq
Loseq3 месяцев назад

Nice work !!

Фото профиля z3ratul
z3ratul3 месяцев назад

what?

Фото профиля Maliik Bryan
Maliik Bryan3 месяцев назад

Treating emails as apps is the framing transactional teams have needed for a decade. I write Nibble's notification emails by hand in Resend templates and the cost is real, every locale change touches 14 files. Agent skills on top of this is the unlock.

Фото профиля Oumar Barry
Oumar Barry3 месяцев назад

AMAZING

Фото профиля Adel Bucetta
Adel Bucetta3 месяцев назад

the real unlock is building complex ui components that work across email clients, not just copying how they look in web apps. tailwind css 4 brings a lot of muscle to this party.

Фото профиля Cosmin Popovici
Cosmin Popovici3 месяцев назад

Forgot to mention we also redesigned the site. It has a few easter eggs too, have you found them? 👀

Фото профиля .
.3 месяцев назад

How soon will Mail Views be updated for this?

Фото профиля Roberto Ramírez
Roberto Ramírez3 месяцев назад

Are those compatible with Klaviyo?

Похожие видео

Start building for an agent-first world. If you have a product, you need to start offering skills for Claude, Codex, Cursor, and any other agents. Your skills should specify: • How to navigate and use your product • Best practices the agent must follow • Detailed instructions on how to accomplish things • Anti-patterns to avoid Redis is one of the most popular in-memory data stores in the world, and they just released their agent skills. It takes one second to install, and it will turn your agent into a Senior Redis Engineer: $ npx skills add redis/agent-skills In the attached video, I show you how to install it as a plugin in Claude Code and some of its benefits. This is the easiest way to "teach" models what they don't know and keep their knowledge up to date. If you ask me, skills is literally one of the most brilliant ideas that Anthropic has put out there. If you use Redis, their skill is a must-have. If you don't, this skill will show you how to build and structure yours. Here is what their skill teaches your agent: 1. Current patterns for common use cases: caching, rate limiting, session management, vector search, semantic caching, pub/sub, streams. 2. Which data structure to use and when: hashes vs. JSON vs. sorted sets vs. vector sets. 3. Anti-patterns to avoid: no KEYS in loops, no unbounded key growth, no large values that amplify every operation. 4. Production-aware defaults: connection pooling, pipelining, cluster compatibility, error handling that doesn't silently swallow failures.

Santiago

37,546 просмотров • 7 месяцев назад

This is insane. An AI agent can run every boring job in outbound. We spent the last 6 months building ours. Here are my 8 favorite agents to build: Replies get sorted before we open the inbox. Campaigns go live from one command. Weak inboxes pull themselves out before they hurt a domain. Here are the agents behind it: 1. Reply Agent Reads every reply and drafts the response. A human reviews, edits, and sends. 2. Mailbox Health Agent Watches inbox and domain health. It predicts when you need new mailboxes, then buys and warms them. 3. Campaign Optimizer Agent Checks every live campaign every 6 hours. If 500+ leads were emailed and replies are under 4%, it tests new copy, replaces inboxes replying under 1%, and shifts sending to better hours. 4. Lead Qualification Agent Scores each lead by company size, industry, and tech stack. It enriches the record, updates your CRM, and only loads qualified leads into campaigns. High-priority prospect? You get a Slack ping. 5. Meeting Booking Agent Finds meeting requests inside replies. It books the slot, writes prep notes using the lead's background, sends reminders, and logs the outcome. 6. Pipeline Progression Agent Tracks opens, clicks, and website visits. It moves the CRM stage, triggers the next sequence, and creates a task when a lead shows real intent. 7. Copywriting Agent Writes cold emails and follow-ups in the campaign's voice. 8. Analytics Agent Watches campaign metrics in real time and explains what to fix in plain language. We built ours with custom code. Smartlead's SmartAgents let you build agents like these from a plain-English prompt, inside the platform where your campaigns already run. If you repeat an outbound task more than twice a week, that is an agent you have not built yet. Which one would you build first?

Hosun Chung

156,625 просмотров • 2 месяцев назад

how to use Google's NEW open source Design.md + AI Skills to make your startup look like a $100 million company in 1 hour: 1. Design.md is an open source file from Google that captures the soul of a design. Typography, colors, spacing, all in one markdown file. You attach it to your prompt and your agent builds beautiful things every time. 2. Think of it this way. The HTML is the finished dish. The design.md is the recipe. The skills are the ingredients. Put them together and everything you build looks consistent and professional. 3. Don't create a design system from scratch. Find a brand you love. Linear, Stripe, Vercel, whatever resonates. Study it. Use ChatGPT or Claude to help you extract the design language into your own design.md file. 4. Build skills on top of your design.md. A landing page skill. A mobile app skill. A motion design skill. A slide deck skill. Each one references the same design.md so everything looks like it came from the same designer. 5. The biggest mistake people make: they nail one screen and then everything else looks generic. Design.md solves this. One file keeps every page, every format, every medium consistent. 6. Use it across everything. Your landing page. Your app. Your pitch deck. Your promo videos. Same DNA. Same taste. Same system. That's what separates a startup that looks real from one that looks vibe-coded. 7. Build a second brain for design inspiration. When you see something beautiful in the real world or online, capture it. Save it. When you're building something new, reference it. Taste is developed, not downloaded. 8. It's obvious but the difference between a product people trust and a product people bounce from is how it looks and feels. Design.md gives you that edge. you can watch below shoutout to Meng To for coming on The Startup Ideas Podcast (SIP) 🧃 and walking through his full workflow. if you want to use AI to actually build gorgeous designs, you'll want to use see this. watch

GREG ISENBERG

512,753 просмотров • 5 месяцев назад

EVERYTHING YOU NEED TO KNOW ABOUT CHATGPT'S "LOVABLE KILLER" CODEX SITES (in 25 mins): TLDR; the coolest part is that apps you build can update themselves autonomously 1. Codex Sites is not Replit or Lovable or Bolt. Those are great for one-prompting a full app. Codex Sites is for building apps that the agent keeps improving without you touching them. 2. Your personal website can update its own stats. Your internal dashboard can refresh its own data. Your product can add features while you sleep. The app is alive. 3. Start by invoking at-sites. Use realistic sample data. Always say "save for review, do not deploy." This unlocks building a real product, not a homepage. 4. Add persistent storage so the app remembers everything between visits. Without this it resets every time. Ask Codex to show you the data model before it builds. 5. Create safe actions. These are the specific things the agent is allowed to do to your app: add data, update cards, move things, score things. You define the boundaries. The agent operates within them. 6. Build skills so any future Codex chat knows how to interact with your app. The skill is basically a manual for the agent. Without it, every new chat starts from zero. 7. Save gate like a video game. Codex doesn't auto-save. Create checkpoints before you deploy so you can roll back if something breaks. 8. Close the autonomous loop. This is the magic. Once memory, safe actions, and skills are set up, the agent can update your app from any chat, any context, without you switching tabs. 9. Use the plugins most people are sleeping on. Figma, Canva, HeyGen for avatar videos, Game Studio for interactive experiences, FAL for image generation, Hugging Face for open source models. Worth adding a few. 10. The big picture: we went from building apps to raising apps. You set up the structure, the guardrails, and the skills. The agent does the rest. That's autonomous product building and it's here right now. Tbh, Codex sites isn't perfect. Still a lot to be desired like domains, db, authentication etc. But it's a glimpse into this idea that apps can be updated/improved upon automonously. And Codex Sites is REALLY good if you live in Codex everyday. Which more and more of are. And that's really cool. Will be interesting to see how Lovable, Bolt, Replit etc react to this. full tutorial on The Startup Ideas Podcast (SIP) 🧃 where you get your pods watch share with a friend i'm rooting for you What do you think of Codex and Codex sites?

GREG ISENBERG

69,219 просмотров • 4 месяцев назад

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 просмотров • 2 лет назад

WHAT IS AN AI "SOFTWARE FACTORY" AND IS IT HYPE (31 MINUTE BREAKDOWN) I think it's a silly name for a genuinely USEFUL idea! A software factory is 5-6 markdown files that sit next to your code and tell your agents how you like to work, so you can build high quality apps 24/7. It's going viral because AI coding has a trust problem. The model can build the feature, but with no structure around it you end up babysitting the agent, wondering what changed and hoping it didn't break something important. So you build with agents the same way a factory builds physical products! 1. Each feature gets its own station, which in software means its own branch, so multiple agents can work at the same time without stepping on each other. 2. The build station gives the agent rules for how to write the code, because "it works" is very different from "a developer could open this repo next month and understand what happened." 3. The proof station makes the agent show evidence. Screenshots, videos, speed numbers, before-and-after states. It has to prove the thing works instead of saying it works. 4. The review station runs the work through a code review agent, and if it doesn't clear the bar, it goes back through the line. 5. Then you show up at the end to merge. For a 100+ years people have run production this way, and it worked because the structure is good. The full episode on what’s a software factory is NOW live on The Startup Ideas Podcast (SIP) 🧃 with the wonderful Micky Watch: So is it hype?!? I don't think it is, because of what it does to your output! WITHOUT a factory, you build ONE feature at a time and you're the bottleneck at every step, prompting, checking the diff, testing it yourself, hoping nothing else broke (spoiler alert it often does). WITH a factory, EACH feature runs in its own isolated copy of the app, so you can have 10+ of them going at once, and each agent has to prove its own work and pass a code review before it ever reaches you. Instead of supervising the work, you're APPROVING finished work that already has evidence attached. REALLY interesting to see how work with agents is evolving to be….well, similar to working with people!

GREG ISENBERG

30,787 просмотров • 21 дней назад

Today we’re launching the first and only human-like AI agents in the world. Super Agents™ are the first agents with human‑level skills – they DM you, take @ mentions, send emails, manage docs, tasks, and more. Not just tools or API calls, but real skills fine‑tuned for how teams actually work. The first agents with 100% context – fully native in ClickUp and fully synced from other apps. Super Agents see your work the same way that humans do: tasks, docs, schedules, and conversations all in one place. The first agents that learn from human interactions automatically, without any setup or configuration – when you give feedback, they listen and improve how they work. The first agents with human‑level memory for custom agents – historical memory for every interaction, short-term working memory, and even long‑term memory stored in docs you can literally open, inspect, and edit. The first agents that are literally the same as users – our agentic user model is the same as our user data model. This gives you permissions and capabilities that you and your systems are already familiar with. The first infinite agent catalog – where anyone can create and customize agents in minutes, for literally any type of work imaginable. It's the most intuitive way to build agents on the planet. 95% of companies are failing in AI adoption. The reality is that AI isn't meant to be adopted, it's meant to be adapted – to you. Super Agents are automatically personalized to you and your company using proprietary state-of-the-art agent architecture, orchestration, and tooling. Today is the largest step forward we've ever made towards our mission of making people more productive. Maximize human productivity, with ClickUp Super Agents. Available NOW. For everyone.

Zeb Evans

320,989 просмотров • 9 месяцев назад

🙌Meet Artifig: A Figma Plugin to Generate Figma Plugins Do you use Figma and ever feel like this: - Your mind is bursting with plugin ideas, but you can't bring them to life because you don't know how to code? - You want to focus on design, but repetitive tasks keep slowing you down? - You dream of creating custom tools for your team, but lack the time or resources? I’ve been there too. That’s why I created Artifig. ✨ What is Artifig? Artifig is an AI-powered Figma plugin that empowers anyone to build their own Figma plugins using just natural language. No coding needed—simply describe what you want, and watch as your idea transforms into a fully functional, real-time plugin. 🚀 Redefining Figma Plugin Development The core philosophy of Artifig is simple: Designers often have countless ideas and creative visions, but many of them remain unrealized due to a lack of technical skills. We believe designers shouldn’t be limited by their inability to code. You should focus on creating, not be held back by technical barriers or repetitive tasks. Artifig takes you directly from "description" to "implementation." 🛠️ How Does It Work? 1. Describe Your Needs: Tell Artifig what you want, like “Create a skew transformation tool for objects, supporting horizontal and vertical skew with real-time preview functionality.” 2. Generate and Run the Plugin: Artifig instantly generates the plugin and runs it right within Figma. For example, the generated plugin can apply skew transformations to objects, precisely controlled via matrix transformations, with an intuitive user experience. 3. Optimize and Iteration: Need adjustments? Simply describe them, and Artifig will Iterating the plugin step by step. 4. Share Your Creations: Publish your plugins to the Artifig community, or remix plugins shared by others to build on their ideas. No learning curve. No complex steps. It’s as simple as that. 🌟 Key Features - Zero Barrier to Entry: No coding experience needed—any Figma user can create plugins effortlessly. - Multilingual Support: Works in multiple languages, including English, Chinese, French, Japanese, and German. - What-You-See-Is-What-You-Get: Generated plugins run in real-time, so you can quickly validate and refine your ideas. - Open and Flexible: The generated plugin code is 100% yours—modify it, distribute it, even use it commercially. - Global Community: Share your plugins, explore others’ creations, and publish your plugins to the Figma community. 🎯 Why is Artifig a Game-Changer? 1. No More Repetitive Work Let AI handle the tedious, time-consuming tasks: batch renaming layers, auto-aligning elements, or applying styles in bulk. All you need to do is say, “Import a PDF and arrange each image on the canvas with 20px spacing.” 2. Quickly Bring Ideas to Life From color contrast checks to data imports and custom components, all your “what if we could” ideas can now become plugins. Just one natural language description, and Artifig makes it happen. 3. Custom Tools for Your Team Build tailored tools for your team, creating unique solutions to streamline your workflow. 4. Not Just a Tool, But a Learning Experience Artifig explains the logic behind the code it generates, helping you understand Figma APIs and JavaScript. Today, you’re a designer; tomorrow, you could also be a design engineer. 🧑‍🚀👩🏻‍💻🥷🏻 Who is Artifig For? - Beginners: No development experience needed—just describe your ideas and let Artifig do the rest. - Experts: Save time and focus on high-value tasks while Artifig handles the repetitive work. - Learners: Use Artifig as a bridge to deepen your understanding of development. - Teams: Build custom tools to enhance collaboration and efficiency. 🎉 Ready to Get Started? I believe designers’ time and focus should be spent on creating, not on wrestling with complex tools. Artifig is the first step toward realizing this vision. Try Artifig now and experience an unprecedented flow of creativity!

yancymin

21,326 просмотров • 1 год назад