Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Just open-sourced Open Design Skills 🚀 Your Claude Code still ships ugly web pages. With this design system, any landing page, slide deck, letter, resume, or portfolio gets a world-class, magazine-grade look ✉️.

tuturetom's profile picture

Tom Huang

37,581 subscribers

99,022 Aufrufe • vor 2 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark
0:39

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark

Hassan

733,086 Aufrufe • vor 1 Monat

x402 Landing Page Agent creates on-brand landing pages for sale funnel or campaigns. just describe your campaign and get a live URL no design skills, vibe coding or hiring freelancers
1:01

x402 Landing Page Agent creates on-brand landing pages for sale funnel or campaigns. just describe your campaign and get a live URL no design skills, vibe coding or hiring freelancers

Ash

13,035 Aufrufe • vor 7 Monaten

Just dropped a 2 hour Claude Design masterclass where I go from nothing, to a brand with guidelines, a pitch deck, landing page, mobile app prototype, and a launch video. All built in Claude Design.
1:54

Just dropped a 2 hour Claude Design masterclass where I go from nothing, to a brand with guidelines, a pitch deck, landing page, mobile app prototype, and a launch video. All built in Claude Design.

Nate Herk

268,676 Aufrufe • vor 2 Monaten

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.
0:31

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Mattia

183,160 Aufrufe • vor 3 Monaten

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. 👉
0:53

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 Aufrufe • vor 1 Monat

Claude Design is moving too slowly. So we open-sourced a better alternative. Comment. Mark. Edit. Capture. Remix. Directly on the canvas. Plugins keep it on brand across projects. 22+ agents. Claude Code included. Sync projects. Connect tools. Open Design is already here👉
0:53

Claude Design is moving too slowly. So we open-sourced a better alternative. Comment. Mark. Edit. Capture. Remix. Directly on the canvas. Plugins keep it on brand across projects. 22+ agents. Claude Code included. Sync projects. Connect tools. Open Design is already here👉

Open Design

124,346 Aufrufe • vor 24 Tagen

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.
12:14

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

113,042 Aufrufe • vor 28 Tagen

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇
0:33

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

Stitch by Google

194,485 Aufrufe • vor 2 Monaten

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format
1:19

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format

Tom Krcha

1,496,824 Aufrufe • vor 5 Monaten

New Pi extension: pi-design-deck, a tool for visual design decision making. Opens a multi-slide deck in your browser with live previews of each option. Compare, pick, or generate more options. pi install npm:pi-design-deck
1:10

New Pi extension: pi-design-deck, a tool for visual design decision making. Opens a multi-slide deck in your browser with live previews of each option. Compare, pick, or generate more options. pi install npm:pi-design-deck

Nico Bailon

87,174 Aufrufe • vor 4 Monaten

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥
0:58

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥

Alessia

12,124 Aufrufe • vor 2 Monaten

Claude Fable 5 is actually beast for web design ❤️‍🔥 Just recorded a full guide on how to Design & Build Interactive Animated 3D websites with Claude Code + Fable 5 (0 Design + 0 Coding)
13:31

Claude Fable 5 is actually beast for web design ❤️‍🔥 Just recorded a full guide on how to Design & Build Interactive Animated 3D websites with Claude Code + Fable 5 (0 Design + 0 Coding)

Viktor Oddy

601,416 Aufrufe • vor 4 Tagen

CLAUDE CODE CAN NOW COPY ANY UI ON THE INTERNET. It scans real websites and rebuilds their design system instantly, turning any page into your own starting point.
0:55

CLAUDE CODE CAN NOW COPY ANY UI ON THE INTERNET. It scans real websites and rebuilds their design system instantly, turning any page into your own starting point.

0xMarioNawfal

1,024,830 Aufrufe • vor 2 Monaten

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers
0:51

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

60,479 Aufrufe • vor 29 Tagen

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships
3:10

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships

bolt.new

13,978 Aufrufe • vor 3 Monaten

Build cool things faster. We’ve open-sourced the Coinbase Design System. It's grown with us for years, and now it's yours.
0:38

Build cool things faster. We’ve open-sourced the Coinbase Design System. It's grown with us for years, and now it's yours.

Coinbase 🛡️

77,357 Aufrufe • vor 9 Monaten

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉
1:23

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

174,132 Aufrufe • vor 18 Tagen

Just updated talk to figma mcp open source Anthropic Claude Code can now talk to figma I can ask claude to review my design and annotate directly in design file Link below
1:02

Just updated talk to figma mcp open source Anthropic Claude Code can now talk to figma I can ask claude to review my design and annotate directly in design file Link below

Sonny

32,549 Aufrufe • vor 4 Monaten

NEW YEAR! NEW SERVICE LAUNCH! 🎉 Finally launching our web development & product development services at Meet my co-founder: Usman S. (My brother) - he will be handling all development services with 6+ yrs of experience! We're offering a retainer at just $3999/month with both design & development services. (more details in website) We have got a killer team of designers & developers! Here's all our services: 1. Landing page design 2. Landing page development Custom Code/Framer 2. App Design 3. AppStore Screenshot design 4. Social Media Designs 5. Ad campaign designs 6. Pitch Deck Design 7. Web App & Dashboard Designs & Development Book a call at now!
0:43

NEW YEAR! NEW SERVICE LAUNCH! 🎉 Finally launching our web development & product development services at Meet my co-founder: Usman S. (My brother) - he will be handling all development services with 6+ yrs of experience! We're offering a retainer at just $3999/month with both design & development services. (more details in website) We have got a killer team of designers & developers! Here's all our services: 1. Landing page design 2. Landing page development Custom Code/Framer 2. App Design 3. AppStore Screenshot design 4. Social Media Designs 5. Ad campaign designs 6. Pitch Deck Design 7. Web App & Dashboard Designs & Development Book a call at now!

Amena

19,831 Aufrufe • vor 6 Monaten