Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to... show more

Manish Kumar

6,569 subscribers

88,523 views • 3 days ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Bruh... this open-source AI design skill makes your AI-generated UIs look far less generic. 😍 Hallmark is a design skill for Claude Code, Cursor & Codex that helps AI generate interfaces that feel intentionally designed instead of looking like typical AI outputs. It can: → build beautiful new UIs → audit existing designs → redesign pages while preserving your content → study a URL or screenshot and extract its design DNA If you build apps with AI, this is definitely worth trying :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Bruh... this open-source AI design skill makes your AI-generated UIs look far less generic. 😍 Hallmark is a design skill for Claude Code, Cursor & Codex that helps AI generate interfaces that feel intentionally designed instead of looking like typical AI outputs. It can: → build beautiful new UIs → audit existing designs → redesign pages while preserving your content → study a URL or screenshot and extract its design DNA If you build apps with AI, this is definitely worth trying :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

31,902 views • 22 days ago

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

53,135 views • 2 months ago

ANTHROPIC JUST CHANGED THE ENTIRE AI-SLOP FRONTEND. it's called frontend design. the official anthropic skill for claude code. 161,000+ stars. every ai-built website used to look the same. inter font, purple gradient, generic startup layout. this forces claude to pick an aesthetic direction before touching a single line of code. → brutalist, editorial, retro-futurist, luxury, maximalist → outputs html, css, js, react, or vue, production-ready → works in claude code, cursor, codex, gemini cli, opencode, and 15+ harnesses one install. available across every session. 277,000+ installs. 100% free.

ANTHROPIC JUST CHANGED THE ENTIRE AI-SLOP FRONTEND. it's called frontend design. the official anthropic skill for claude code. 161,000+ stars. every ai-built website used to look the same. inter font, purple gradient, generic startup layout. this forces claude to pick an aesthetic direction before touching a single line of code. → brutalist, editorial, retro-futurist, luxury, maximalist → outputs html, css, js, react, or vue, production-ready → works in claude code, cursor, codex, gemini cli, opencode, and 15+ harnesses one install. available across every session. 277,000+ installs. 100% free.

Oliver Prompts

76,427 views • 20 days ago

Brooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, researchers, and anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Brooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, researchers, and anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

69,016 views • 10 days ago

I'm building a localhost AI app builder, inspired by tools like Lovable / Bolt / v0. Works with your own coding agents: ✅ Claude Code CLI ✅ Codex CLI ✅ GitHub Copilot (Chat extension + CLI) ✅ Cursor CLI So no new subscription is required. It also works with your app framework: ✅ Next.js ✅ React (Vite) ✅ Vue ✅ Svelte ✅ Angular ✅ TanStack Start ✅ Other frameworks (.NET, Ruby, etc.) You can create & open apps from a GUI, chat with your coding agent directly in the browser, view diffs, and more. It's live today as a VS Code extension called 'Wuunu'. Let me know what you think. :) Wuunu is completely independent, it's not affiliated with or endorsed by Lovable, Bolt, or v0.

I'm building a localhost AI app builder, inspired by tools like Lovable / Bolt / v0. Works with your own coding agents: ✅ Claude Code CLI ✅ Codex CLI ✅ GitHub Copilot (Chat extension + CLI) ✅ Cursor CLI So no new subscription is required. It also works with your app framework: ✅ Next.js ✅ React (Vite) ✅ Vue ✅ Svelte ✅ Angular ✅ TanStack Start ✅ Other frameworks (.NET, Ruby, etc.) You can create & open apps from a GUI, chat with your coding agent directly in the browser, view diffs, and more. It's live today as a VS Code extension called 'Wuunu'. Let me know what you think. :) Wuunu is completely independent, it's not affiliated with or endorsed by Lovable, Bolt, or v0.

Wesley

36,943 views • 7 months ago

I wish I found this sooner. 🫡 This open-source collection of Agentic UI Skills teaches AI coding agents how to build interfaces that feel polished, not just functional. You'll find specialized skills for things like: → Better User Interface → Better Typography → Better Colors → Better Layout → Better Accessibility ....& more Instead of relying on generic UI patterns, your AI agent can load the right design-engineering skill for the task at hand. If you're building modern frontends with AI coding agents, this is definitely worth bookmarking :) Source 🔗: github(DOT)com/jakubkrehel/skills Follow me for more amazing AI, Coding & Web Dev insights 💎

I wish I found this sooner. 🫡 This open-source collection of Agentic UI Skills teaches AI coding agents how to build interfaces that feel polished, not just functional. You'll find specialized skills for things like: → Better User Interface → Better Typography → Better Colors → Better Layout → Better Accessibility ....& more Instead of relying on generic UI patterns, your AI agent can load the right design-engineering skill for the task at hand. If you're building modern frontends with AI coding agents, this is definitely worth bookmarking :) Source 🔗: github(DOT)com/jakubkrehel/skills Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

14,672 views • 12 days ago

Dude... WTF is this & why it's soooo freaking goooooood? 🤯 You can visually build almost any CSS Grid or Flexbox layout using nothing but your mouse and imagination, then instantly copy the generated HTML & CSS. Perfect for vibe coders, developers, designers, or anyone building websites manually or with AI :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Dude... WTF is this & why it's soooo freaking goooooood? 🤯 You can visually build almost any CSS Grid or Flexbox layout using nothing but your mouse and imagination, then instantly copy the generated HTML & CSS. Perfect for vibe coders, developers, designers, or anyone building websites manually or with AI :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

43,291 views • 7 days ago

Meet AMD Skills: A growing catalog of agent skills that helps AI coding assistants work more effectively with AMD hardware and software. Compatible with coding agents including Cursor, Claude Code, OpenAI Codex, and Gemini CLI, AMD Skills provides the knowledge, scripts, and best practices developers need to build faster on AMD. Why try it? → Install in seconds with the Skills CLI → Learn AMD best practices and workflows → Build AI applications from client to cloud → Pick only the skills you need Get started: npx skills add amd/skills Explore the project, install a skill, and let us know what you'd like to see next:

Meet AMD Skills: A growing catalog of agent skills that helps AI coding assistants work more effectively with AMD hardware and software. Compatible with coding agents including Cursor, Claude Code, OpenAI Codex, and Gemini CLI, AMD Skills provides the knowledge, scripts, and best practices developers need to build faster on AMD. Why try it? → Install in seconds with the Skills CLI → Learn AMD best practices and workflows → Build AI applications from client to cloud → Pick only the skills you need Get started: npx skills add amd/skills Explore the project, install a skill, and let us know what you'd like to see next:

AI at AMD

13,420 views • 7 days ago

today, we're open sourcing the Extend CLI watch Fable use it to parse and extract an entire corpus of documents — end to end, without leaving the terminal try it yourself: npm install -g @extend-ai/cli it comes with a built-in agent skill, so claude code/codex/cursor know how to drive it out of the box

today, we're open sourcing the Extend CLI watch Fable use it to parse and extract an entire corpus of documents — end to end, without leaving the terminal try it yourself: npm install -g @extend-ai/cli it comes with a built-in agent skill, so claude code/codex/cursor know how to drive it out of the box

Kushal Byatnal

40,055 views • 1 month ago

Bruh... This SVG vector shapes collection is so fascinating 🔥 Find tons of beautiful abstract SVG shapes and instantly copy the code with one click. Perfect for designers and developers who want to make their interfaces feel more dynamic and visually rich :) Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Bruh... This SVG vector shapes collection is so fascinating 🔥 Find tons of beautiful abstract SVG shapes and instantly copy the code with one click. Perfect for designers and developers who want to make their interfaces feel more dynamic and visually rich :) Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Ram Maheshwari

13,744 views • 2 months ago

Coding agents that actually get better the more your team uses them. Introducing Hivemind: continual learning for AI coding agents. Hivemind turns the traces from every agent your team runs (Claude Code, Codex, Cursor, Hermes, OpenClaw, Pi) into reusable skills, then pushes those skills across all of them. All on your cloud storage. Now with SkillOpt built in, your skills get trained: +19.1 points of accuracy in Claude Code, +24.8 in Codex, best or tied on all 52 setups tested. Open source, one line install.

Coding agents that actually get better the more your team uses them. Introducing Hivemind: continual learning for AI coding agents. Hivemind turns the traces from every agent your team runs (Claude Code, Codex, Cursor, Hermes, OpenClaw, Pi) into reusable skills, then pushes those skills across all of them. All on your cloud storage. Now with SkillOpt built in, your skills get trained: +19.1 points of accuracy in Claude Code, +24.8 in Codex, best or tied on all 52 setups tested. Open source, one line install.

Davit

421,052 views • 2 months ago

Is Claude Code Better Than Cursor? This video is a crystal clear explanation on what makes Claude Code different than Cursor, Codex and Windsurf. A classic whiteboard conversation! Next time he's on the pod (soon) he's going to build an app from scratch that will blow your mind. TIMESTAMPS: 00:00 Intro to Claude Code 00:28 Why Claude Code Is Best 02:38 Comparing Cursor, Windsurf & Claude Code 07:41 Using Claude Code with Other IDEs 12:41 Future of AI Coding Tools & Claude’s SDK 19:58 Integrating Codex with Chat GPT 21:14 Best AI Code Review Tools (Devon, CodeRabbit 26:49 Building an App with Claude Code (Step-by-Step) 35:32 Future Plans

Is Claude Code Better Than Cursor? This video is a crystal clear explanation on what makes Claude Code different than Cursor, Codex and Windsurf. A classic whiteboard conversation! Next time he's on the pod (soon) he's going to build an app from scratch that will blow your mind. TIMESTAMPS: 00:00 Intro to Claude Code 00:28 Why Claude Code Is Best 02:38 Comparing Cursor, Windsurf & Claude Code 07:41 Using Claude Code with Other IDEs 12:41 Future of AI Coding Tools & Claude’s SDK 19:58 Integrating Codex with Chat GPT 21:14 Best AI Code Review Tools (Devon, CodeRabbit 26:49 Building an App with Claude Code (Step-by-Step) 35:32 Future Plans

Riley Brown

115,665 views • 1 year ago

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

claire vo 🖤

92,220 views • 3 months ago

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:

Jason Zhou

40,635 views • 1 year ago

Grok CLI >>> Cursor and Claude Code We wanted an IDE for xAI's Grok so we did something meta: we prompted the newly released Grok 4 to create... Grok CLI itself! Grok CLI can: 1. Modify local files and use the shell 2. Go through huge codebases and fix them 3. Persist for longer and solve really complex math and physics problems Instant setup on Replit ⠕ Bonus: Can create and run ai agents with it's completely open source!! link to the code: link to the repl:

Grok CLI >>> Cursor and Claude Code We wanted an IDE for xAI's Grok so we did something meta: we prompted the newly released Grok 4 to create... Grok CLI itself! Grok CLI can: 1. Modify local files and use the shell 2. Go through huge codebases and fix them 3. Persist for longer and solve really complex math and physics problems Instant setup on Replit ⠕ Bonus: Can create and run ai agents with it's completely open source!! link to the code: link to the repl:

Karan Vaidya

345,808 views • 1 year ago

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

215,430 views • 2 months ago

Agent Trace: Capturing the Context Graph of Code We are delighted to collaborate with Cursor, OpenCode, Vercel, Jules, Amp, Cloudflare, and Sasha Varlamov in an open standard for mapping back code:context. here's how we see the potential of code context graphs and the new era of better tooling and better agents it enables. (yes the following is vibe-videoed with Remotion's Skill and Windsurf (retired), 100% ai edits incl audio)

Agent Trace: Capturing the Context Graph of Code We are delighted to collaborate with Cursor, OpenCode, Vercel, Jules, Amp, Cloudflare, and Sasha Varlamov in an open standard for mapping back code:context. here's how we see the potential of code context graphs and the new era of better tooling and better agents it enables. (yes the following is vibe-videoed with Remotion's Skill and Windsurf (retired), 100% ai edits incl audio)

Cognition

39,718 views • 6 months ago

Today, we're excited to release the Heptabase CLI — a new way for external AI agents to interact with your local Heptabase knowledge base from the terminal. Once enabled (Settings > AI Features > CLI), any AI coding agent (e.g., Claude Code, Codex) can: - Create, read, and edit note cards and journals - Search your Card Library - Manage tags - Read your AI Tutor courses, lessons, and chat history This is just the first step; we'll keep expanding the CLI surface so AI agents can act on your knowledge at the same depth that you can. If you build something interesting with it, feel free to share with our community!

Today, we're excited to release the Heptabase CLI — a new way for external AI agents to interact with your local Heptabase knowledge base from the terminal. Once enabled (Settings > AI Features > CLI), any AI coding agent (e.g., Claude Code, Codex) can: - Create, read, and edit note cards and journals - Search your Card Library - Manage tags - Read your AI Tutor courses, lessons, and chat history This is just the first step; we'll keep expanding the CLI surface so AI agents can act on your knowledge at the same depth that you can. If you build something interesting with it, feel free to share with our community!

Heptabase

14,839 views • 3 months ago

How to install the ChainGPT AI skill for Claude Code so you can ship Web3 projects with ZERO coding experience. Setup takes about 3 minutes: 1. Install Claude Code at 2. Run /plugin install ChainGPT-org/chaingpt-claude-skill ( 3. Get a ChainGPT API key at: 4. Add credits at: 5. Type /chaingpt and describe what you want to build What I built: I asked for a cat-themed AI NFT generator. The skill knew which API endpoint to hit, how to handle the response, and how to display the image. If I can do this in under an hour with no coding background, so can you. Anyone can build with ChainGPT AI! Get your API key → Top up credits →

How to install the ChainGPT AI skill for Claude Code so you can ship Web3 projects with ZERO coding experience. Setup takes about 3 minutes: 1. Install Claude Code at 2. Run /plugin install ChainGPT-org/chaingpt-claude-skill ( 3. Get a ChainGPT API key at: 4. Add credits at: 5. Type /chaingpt and describe what you want to build What I built: I asked for a cat-themed AI NFT generator. The skill knew which API endpoint to hit, how to handle the response, and how to display the image. If I can do this in under an hour with no coding background, so can you. Anyone can build with ChainGPT AI! Get your API key → Top up credits →

ChainGPT

26,815 views • 3 months ago

do you understand what just shipped? → AI agents can now design directly on Figma’s canvas. not cheesy mockups… or lame screenshots… real native Figma assets wired to your actual design system → the use_figma MCP tool lets Claude Code, Codex, Cursor, and 6 other coding agents write directly to your Figma files → agents read your component library first and build with what already exists… variables, tokens, auto layout, the works → skills let you teach agents HOW your team designs. a skill is just a markdown file… anyone who understands Figma can write one → also works with Copilot CLI, Copilot in VS Code, Factory, Firebender, Augment, and Warp → free during beta… usage based pricing coming later the design to code gap that’s haunted every product team just collapsed in front of our eyes. designers hand off to agents now no need to wait on developers anymore everyone can take a deep breath now if you’re building products and not connecting Figma to your agents yet, you’re leaving serious speed on the table. set this up today. you’ll thank me later

do you understand what just shipped? → AI agents can now design directly on Figma’s canvas. not cheesy mockups… or lame screenshots… real native Figma assets wired to your actual design system → the use_figma MCP tool lets Claude Code, Codex, Cursor, and 6 other coding agents write directly to your Figma files → agents read your component library first and build with what already exists… variables, tokens, auto layout, the works → skills let you teach agents HOW your team designs. a skill is just a markdown file… anyone who understands Figma can write one → also works with Copilot CLI, Copilot in VS Code, Factory, Firebender, Augment, and Warp → free during beta… usage based pricing coming later the design to code gap that’s haunted every product team just collapsed in front of our eyes. designers hand off to agents now no need to wait on developers anymore everyone can take a deep breath now if you’re building products and not connecting Figma to your agents yet, you’re leaving serious speed on the table. set this up today. you’ll thank me later

klöss

101,073 views • 4 months ago