Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing design.md files support in Omma. - Create or import your design.md files - Make a design.md from a website link - Use your design.md on your chats to keep consistency in the outputs - Export design.md files

omma_ai's profile picture

Omma AI

9,864 subscribers

22,216 görüntüleme • 5 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

219,386 görüntüleme • 6 ay önce

2,000+ DESIGN.md files from real product sites, colors, type, spacing, components, ready to paste into Cursor, Claude Code, v0 or Lovable. give your agent real design taste before it builds. 👉
0:18

2,000+ DESIGN.md files from real product sites, colors, type, spacing, components, ready to paste into Cursor, Claude Code, v0 or Lovable. give your agent real design taste before it builds. 👉

Imran

187,105 görüntüleme • 1 ay önce

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon
0:19

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

Mike Bespalov

239,045 görüntüleme • 5 ay önce

NN-SVG: Create neural network architecture drawings parametrically! Export them to SVG files and use them in your work!
0:17

NN-SVG: Create neural network architecture drawings parametrically! Export them to SVG files and use them in your work!

Daily Dose of Data Science

109,894 görüntüleme • 11 ay önce

NN-SVG: Create neural network architecture drawings parametrically! Export them to SVG files and use them in your work!
0:17

NN-SVG: Create neural network architecture drawings parametrically! Export them to SVG files and use them in your work!

Daily Dose of Data Science

71,347 görüntüleme • 1 yıl önce

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it
0:15

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it

Ibelick

104,423 görüntüleme • 2 ay önce

Tired of asking Claude to change a Tailwind class? Claude Code on desktop makes it easy to browse, view, or edit files. Use CMD+Shift+F or open select Files from the pane picker in your sessions today.
0:16

Tired of asking Claude to change a Tailwind class? Claude Code on desktop makes it easy to browse, view, or edit files. Use CMD+Shift+F or open select Files from the pane picker in your sessions today.

Anthony Morris ツ

15,738 görüntüleme • 5 ay önce

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.
0:11

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.

Simplifying AI

12,824 görüntüleme • 2 ay önce

jev + opus 5.5 for design is insane... a launch video used to mean an agency, weeks of back and forth and a fat invoice. now Opus 5.5 makes the video, the ad cuts and the landing page from one brief. the video below: made in 3 minutes. at 0:09 it drops into edit mode - dot grid, selection handles, pixel sizes on every card - so you see exactly how it was built. but most people get the same mid result: centered text, gradient background, everything fading in. That's Opus's default look when it has nothing to copy. here's the pipeline that makes it look like an agency did it: 1. Build the brand brain first → logo, colors, fonts, screenshots of your real product, your best ad copy → have Opus turn it into a DESIGN.md. The video and the site both follow it 2. Steal a reference, don't describe one → pick 1-2 launch videos with the pacing you want → "make it like this" beats "make it modern and punchy" every time 3. Give it a renderer → install HyperFrames or Remotion: every scene is code, rendered straight to mp4 → a change = one line and a re-render, not starting over 4. Use real components → buttons, cards and UI from 21st_dev instead of empty placeholder boxes → fake-looking UI is the fastest way to look cheap 5. Storyboard before motion → 3 storyboard options, you pick one, then one still per scene → fixing a still takes seconds, fixing a render takes a re-render 6. Run it as a 4-person team + jev → breakdown: pull pacing, type and transitions from the reference → storyboard: the 3 options and the stills → build: every scene in code, music, draft render → review: watch it second by second, list the problems, touch nothing → jev: scores every review note against DESIGN.md (fix now / later / skip) in milliseconds, so build only touches what matters 7. Cut the ads from the same project → same scenes, different hooks: pain first, result first, offer first → 9:16 for reels, 1:1 for feed, 16:9 for YouTube. No reshoots 8. Ship the landing page from the same DESIGN.md → the hero is a looping cut of the launch video → before launch: mobile, every button state, zero placeholder text 9. Give notes like a director → "slow this zoom by half", "hard cut here", "push in on the button" → "make it better" gets random changes paste this into Claude Code 👇 "Read my brand folder and write DESIGN.md. Break down the reference video I give you: pacing, type, transitions. Show me 3 storyboards, then one still per scene for the one I pick. Build every scene in HyperFrames, add music, render a draft. Review it second by second without editing and list the problems. Pass every note to Jev and have it score each one against DESIGN.md: fix now / later / skip. Fix only "fix now". After I approve: cut 3 ad variants with different hooks in 9:16, 1:1 and 16:9, then build the landing page from the same DESIGN.md with the video loop as the hero." everyone has the same model. bookmark this and start using the edge.
0:16

jev + opus 5.5 for design is insane... a launch video used to mean an agency, weeks of back and forth and a fat invoice. now Opus 5.5 makes the video, the ad cuts and the landing page from one brief. the video below: made in 3 minutes. at 0:09 it drops into edit mode - dot grid, selection handles, pixel sizes on every card - so you see exactly how it was built. but most people get the same mid result: centered text, gradient background, everything fading in. That's Opus's default look when it has nothing to copy. here's the pipeline that makes it look like an agency did it: 1. Build the brand brain first → logo, colors, fonts, screenshots of your real product, your best ad copy → have Opus turn it into a DESIGN.md. The video and the site both follow it 2. Steal a reference, don't describe one → pick 1-2 launch videos with the pacing you want → "make it like this" beats "make it modern and punchy" every time 3. Give it a renderer → install HyperFrames or Remotion: every scene is code, rendered straight to mp4 → a change = one line and a re-render, not starting over 4. Use real components → buttons, cards and UI from 21st_dev instead of empty placeholder boxes → fake-looking UI is the fastest way to look cheap 5. Storyboard before motion → 3 storyboard options, you pick one, then one still per scene → fixing a still takes seconds, fixing a render takes a re-render 6. Run it as a 4-person team + jev → breakdown: pull pacing, type and transitions from the reference → storyboard: the 3 options and the stills → build: every scene in code, music, draft render → review: watch it second by second, list the problems, touch nothing → jev: scores every review note against DESIGN.md (fix now / later / skip) in milliseconds, so build only touches what matters 7. Cut the ads from the same project → same scenes, different hooks: pain first, result first, offer first → 9:16 for reels, 1:1 for feed, 16:9 for YouTube. No reshoots 8. Ship the landing page from the same DESIGN.md → the hero is a looping cut of the launch video → before launch: mobile, every button state, zero placeholder text 9. Give notes like a director → "slow this zoom by half", "hard cut here", "push in on the button" → "make it better" gets random changes paste this into Claude Code 👇 "Read my brand folder and write DESIGN.md. Break down the reference video I give you: pacing, type, transitions. Show me 3 storyboards, then one still per scene for the one I pick. Build every scene in HyperFrames, add music, render a draft. Review it second by second without editing and list the problems. Pass every note to Jev and have it score each one against DESIGN.md: fix now / later / skip. Fix only "fix now". After I approve: cut 3 ad variants with different hooks in 9:16, 1:1 and 16:9, then build the landing page from the same DESIGN.md with the video loop as the hero." everyone has the same model. bookmark this and start using the edge.

Archive

39,253 görüntüleme • 5 gün önce

Hasselblad RAW files are now native in Capture One. Import, organize, and develop your .3FR files directly in our software, no conversions needed. Supported on the X2D II 100C, X2D 100C, and CFV 100C digital back. Tethering support will follow later this year. Download now: Read more:
0:13

Hasselblad RAW files are now native in Capture One. Import, organize, and develop your .3FR files directly in our software, no conversions needed. Supported on the X2D II 100C, X2D 100C, and CFV 100C digital back. Tethering support will follow later this year. Download now: Read more:

Capture One

18,049 görüntüleme • 3 ay önce

Wouldn't it be nice if your terminal had a file tree? 🌲 - Browse and open files in your current directory - Copy paths for terminal commands - Drag files into your input for agent queries
0:18

Wouldn't it be nice if your terminal had a file tree? 🌲 - Browse and open files in your current directory - Copy paths for terminal commands - Drag files into your input for agent queries

Warp

926,012 görüntüleme • 10 ay önce

Devin loves building apps on its own PC. Now, it works even better on yours. Introducing two updates to Devin for Microsoft users: native support for Teams, and a first-party Microsoft 365 integration to connect to your mail, calendar files, chats, and more.
0:13

Devin loves building apps on its own PC. Now, it works even better on yours. Introducing two updates to Devin for Microsoft users: native support for Teams, and a first-party Microsoft 365 integration to connect to your mail, calendar files, chats, and more.

Cognition

63,513 görüntüleme • 11 gün önce

Is Palm Beach Pete Jeffrey Epstein after all..? Or Just a “twin” refereed to in The Epstein files… What are your thoughts? 👀
0:19

Is Palm Beach Pete Jeffrey Epstein after all..? Or Just a “twin” refereed to in The Epstein files… What are your thoughts? 👀

Isaac’s Army

16,388 görüntüleme • 6 ay önce

Vibecoded a silly little tool that transfers files from your computer to your phone air-gapped using your camera at ~50 Kbps. Nice to have when you're offline or on a plane, or need to send something super duper securely.
0:19

Vibecoded a silly little tool that transfers files from your computer to your phone air-gapped using your camera at ~50 Kbps. Nice to have when you're offline or on a plane, or need to send something super duper securely.

Deedy

1,117,853 görüntüleme • 2 ay önce

We’re bringing agentic capabilities to Pomelli By Google to make it easier for businesses to create on-brand content. 🚀 Now you can: 🧬 Build your "Business DNA" from scratch by pulling in context from existing files and images 🎨 Generate comprehensive Brand Books 🌐 Launch a complete website in just one click #GoogleIO
0:17

We’re bringing agentic capabilities to Pomelli By Google to make it easier for businesses to create on-brand content. 🚀 Now you can: 🧬 Build your "Business DNA" from scratch by pulling in context from existing files and images 🎨 Generate comprehensive Brand Books 🌐 Launch a complete website in just one click #GoogleIO

Google

174,038 görüntüleme • 4 ay önce

🔐 Store more than passwords and secure your essential files with Proton Pass. Keep all your important documents in one place by attaching files like passports, contracts, or SSH keys to logins, notes, and Identities, all end-to-end encrypted and easy to find when you need them.
0:12

🔐 Store more than passwords and secure your essential files with Proton Pass. Keep all your important documents in one place by attaching files like passports, contracts, or SSH keys to logins, notes, and Identities, all end-to-end encrypted and easy to find when you need them.

Proton Pass

21,768 görüntüleme • 10 ay önce