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.

The Design OS for your coding agents $ npx skills add superdesigndev/superdesign-skill - Design w/ full codebase context - Infinite canvas exploration - Built in prompt library Here is how it works 🧵👇

Jason Zhou

31,721 subscribers

67,714 views • 5 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing SuperDesign.Dev Design Prompt Library LLM often output AI slop design not because of capability, but lack of context & guidance However design related prompts are not straightforward and most people don't know how to prompt it That's why we built one of largest community driven design prompt library, covering styles, animations, UI components, etc. You can build & share design prompts with your team privately or contribute publicly It works with any coding agent Try it today at

Introducing SuperDesign.Dev Design Prompt Library LLM often output AI slop design not because of capability, but lack of context & guidance However design related prompts are not straightforward and most people don't know how to prompt it That's why we built one of largest community driven design prompt library, covering styles, animations, UI components, etc. You can build & share design prompts with your team privately or contribute publicly It works with any coding agent Try it today at

Jason Zhou

219,969 views • 6 months ago

Your agents should use a remote browser built specifically for them, We revamped our Browser Skill to use our custom Stagehand CLI, It's faster than MCP tools and each run uses a new browser context, avoiding prompt injection. npx skills add browserbase/skills —skill browser

Your agents should use a remote browser built specifically for them, We revamped our Browser Skill to use our custom Stagehand CLI, It's faster than MCP tools and each run uses a new browser context, avoiding prompt injection. npx skills add browserbase/skills —skill browser

Browserbase

40,948 views • 4 months ago

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

61,422 views • 1 month ago

We just changed how design works in Base44. One prompt now gives you something that looks like a full design team built it. Here’s what it creates:

We just changed how design works in Base44. One prompt now gives you something that looks like a full design team built it. Here’s what it creates:

Base44

23,282 views • 3 months ago

Cursor's new browser + element annotation turns it into a design studio. Meet Cursor Design 🎨 — Claude Design, running locally. Describe a screen → get polished HTML → click any element in the preview & say what to change. Best w/ Opus 4.8. npx skills add JimLiu/baoyu-design

Cursor's new browser + element annotation turns it into a design studio. Meet Cursor Design 🎨 — Claude Design, running locally. Describe a screen → get polished HTML → click any element in the preview & say what to change. Best w/ Opus 4.8. npx skills add JimLiu/baoyu-design

宝玉

248,360 views • 1 month ago

BFL Skills Packaged FLUX into a single install command for agents. Install once. Your coding agent handles the rest - model selection, prompting, API integration. All built in. Sub-second generation and editing with [klein]. Highest quality with [max]. Text rendering with [flex] Works in Claude Code, Cursor, and other IDEs. > npx skills add black-forest-labs/skills

BFL Skills Packaged FLUX into a single install command for agents. Install once. Your coding agent handles the rest - model selection, prompting, API integration. All built in. Sub-second generation and editing with [klein]. Highest quality with [max]. Text rendering with [flex] Works in Claude Code, Cursor, and other IDEs. > npx skills add black-forest-labs/skills

Black Forest Labs

35,268 views • 5 months ago

🚨BREAKING: Just tried the world’s first AI Design Agent 😳 It builds entire campaigns from just a prompt. Logos, social, video, 3D — one editable canvas. Here's how it works: 👇👇

🚨BREAKING: Just tried the world’s first AI Design Agent 😳 It builds entire campaigns from just a prompt. Logos, social, video, 3D — one editable canvas. Here's how it works: 👇👇

Manish Kumar Shah

24,984 views • 1 year 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

52,206 views • 1 month ago

Introducing... The Base Skills Repo 📙🔧 Power your Claude, Codex, OpenClaw with skills to build on Base I show in this video how I one shot a Base Pay demo in one simple prompt with the Base Account skill Use it now: npx skills add base/skills

Introducing... The Base Skills Repo 📙🔧 Power your Claude, Codex, OpenClaw with skills to build on Base I show in this video how I one shot a Base Pay demo in one simple prompt with the Base Account skill Use it now: npx skills add base/skills

Youssef

56,231 views • 4 months ago

Editing was overdue for a rethink. We built it the way design tools work Diffusion Studio is now in Open Alpha An infinite canvas for designing, editing, exploring, generating, and exporting Runs in your browser and locally

Editing was overdue for a rethink. We built it the way design tools work Diffusion Studio is now in Open Alpha An infinite canvas for designing, editing, exploring, generating, and exporting Runs in your browser and locally

Doruk

14,469 views • 2 months ago

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

300,134 views • 5 months ago

AntiGravity just got 200+ new agent skills for free. This turns vibe coding into a repeatable system. Here is the simple install flow. → Open the GitHub hub clone page. → Copy everything. → Paste it inside Anti-Gravity chat. → Prompt: set this up in my current skills directory. → It installs and merges the full skill library automatically. Save this video, you’ll install 200 agents in minutes. Want the SOP? DM me. 💬

AntiGravity just got 200+ new agent skills for free. This turns vibe coding into a repeatable system. Here is the simple install flow. → Open the GitHub hub clone page. → Copy everything. → Paste it inside Anti-Gravity chat. → Prompt: set this up in my current skills directory. → It installs and merges the full skill library automatically. Save this video, you’ll install 200 agents in minutes. Want the SOP? DM me. 💬

Julian Goldie SEO

85,927 views • 5 months ago

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Stitch by Google

487,548 views • 4 months ago

I love working in terminal, but I can't design or brainstorm in there. So I built Hatch! One IDE for the full loop: explore ideas → test out designs with SuperDesign.Dev → find right skills for the job → ship with agents. > build: supports Claude code, OpenCode and Cursor agents in parallel with worktrees. > idea maze: use the canvas to sketch out ideas, paste tweets or images. > idea maze: let your agent make connections, critique your ideas or come up with related ones. > design: bring SuperDesign.Dev prompts or exports directly into your workspaces. vibedesign before vibecoding. > skills: ask your agent what skills to get with your workspace context. All open source!

I love working in terminal, but I can't design or brainstorm in there. So I built Hatch! One IDE for the full loop: explore ideas → test out designs with SuperDesign.Dev → find right skills for the job → ship with agents. > build: supports Claude code, OpenCode and Cursor agents in parallel with worktrees. > idea maze: use the canvas to sketch out ideas, paste tweets or images. > idea maze: let your agent make connections, critique your ideas or come up with related ones. > design: bring SuperDesign.Dev prompts or exports directly into your workspaces. vibedesign before vibecoding. > skills: ask your agent what skills to get with your workspace context. All open source!

Firat Sertgoz

38,578 views • 6 months ago

Coding agents suck at using a browser. Playwright MCP burns through your context window before you even send your first prompt. That is why I built Dev Browser, a Claude Skill to let your agent close the loop without eating up tokens.

Coding agents suck at using a browser. Playwright MCP burns through your context window before you even send your first prompt. That is why I built Dev Browser, a Claude Skill to let your agent close the loop without eating up tokens.

Sawyer Hood

312,803 views • 7 months ago

Software isn’t merely technical work anymore. It’s creative. Introducing Replit Agent 4. The first AI built for creative collaboration between humans and agents. Design on an infinite canvas, work with your team, run parallel agents, and ship working apps, sites, slides & more.

Software isn’t merely technical work anymore. It’s creative. Introducing Replit Agent 4. The first AI built for creative collaboration between humans and agents. Design on an infinite canvas, work with your team, run parallel agents, and ship working apps, sites, slides & more.

Amjad Masad

3,278,081 views • 4 months ago

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Riley Brown

86,707 views • 3 months ago

The "solopreneur" dream is a lie if you work 16 hours a day. I built a full org chart with AI agents for Sales, Ops, and Design that run 24/7. It feels illegal to have this much output with zero payroll. Here is how it works:

The "solopreneur" dream is a lie if you work 16 hours a day. I built a full org chart with AI agents for Sales, Ops, and Design that run 24/7. It feels illegal to have this much output with zero payroll. Here is how it works:

Farhan

56,750 views • 7 months ago

Introducing W&B Skills for coding agents! Watch us install the skill, point it at a live fine-tuning project with thousands of traces and RL training runs, then query it all from the terminal in seconds. Also works with W&B Weave to pull in your agent traces and spot failures.

Introducing W&B Skills for coding agents! Watch us install the skill, point it at a live fine-tuning project with thousands of traces and RL training runs, then query it all from the terminal in seconds. Also works with W&B Weave to pull in your agent traces and spot failures.

Weights & Biases

255,658 views • 4 months ago