Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.

Jakubantalik's profile picture

Jakub Antalik

21,177 subscribers

266,525 görüntüleme • 7 gün önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Designers and Developers, this is your new home for UI libraries. Libraries dev brings together 5 UI effect libraries with 20+ variants, ready to use for free. → Border Beam → Orbs → Metal → Gooey → Image Effects Bookmark it for later 💜
0:10

Designers and Developers, this is your new home for UI libraries. Libraries dev brings together 5 UI effect libraries with 20+ variants, ready to use for free. → Border Beam → Orbs → Metal → Gooey → Image Effects Bookmark it for later 💜

Abraham John 🦄🦓

26,117 görüntüleme • 23 gün önce

Introducing "create-agent-tui" A skill for building your own agent harness + terminal UI (TUI). The skill walks you through 4 different ways of customizing the look, and supports dozens of optional features 👇
0:19

Introducing "create-agent-tui" A skill for building your own agent harness + terminal UI (TUI). The skill walks you through 4 different ways of customizing the look, and supports dozens of optional features 👇

OpenRouter

227,401 görüntüleme • 5 ay önce

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

95,343 görüntüleme • 1 ay önce

I really like curated gen UI. You can make your own inline, native widgets in Hermes Agent For example, create a skill like `/get-price btc` and render a live chart right inside your chat Use your imagination, the world is yours 🤍
0:12

I really like curated gen UI. You can make your own inline, native widgets in Hermes Agent For example, create a skill like `/get-price btc` and render a live chart right inside your chat Use your imagination, the world is yours 🤍

Brooklyn!

26,235 görüntüleme • 1 ay ö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

bring your blender 3d worlds to the 🤗 hub! i made a skill here that will use Hugging Face cli to push your agent traces to the hub: simply tell your agent after your world is ready, to use this skill all the worlds are available openly on this public dataset: go forth and render!
0:19

bring your blender 3d worlds to the 🤗 hub! i made a skill here that will use Hugging Face cli to push your agent traces to the hub: simply tell your agent after your world is ready, to use this skill all the worlds are available openly on this public dataset: go forth and render!

Suvaditya Mukherjee

11,757 görüntüleme • 23 gün önce

We're open sourcing agentchat - it's a skill that teaches agents to make group chats together. Any agent, any machine. Put your OpenClaw in a chat with all your friends' claws. Agent communication is #1 for us at Pentagon - agentchat lets you DIY. Skill below 👇
0:11

We're open sourcing agentchat - it's a skill that teaches agents to make group chats together. Any agent, any machine. Put your OpenClaw in a chat with all your friends' claws. Agent communication is #1 for us at Pentagon - agentchat lets you DIY. Skill below 👇

edgar

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

Introducing agent-tail: a dev tool that makes your logs easily accessible to agents. npm i agent-tail Wrap dev server commands, add the Vite/Next plugin, install the skill, and your agent has full context of your browser, server, and any other logs. Link to full docs below ↓
0:10

Introducing agent-tail: a dev tool that makes your logs easily accessible to agents. npm i agent-tail Wrap dev server commands, add the Vite/Next plugin, install the skill, and your agent has full context of your browser, server, and any other logs. Link to full docs below ↓

Kyle Gill

29,414 görüntüleme • 7 ay önce

✨ Aceternity UI is a complete collections of stunning effects ready to used for your website. It's shadcn/ui for magic effects. Can't believe it's free! 👉
0:17

✨ Aceternity UI is a complete collections of stunning effects ready to used for your website. It's shadcn/ui for magic effects. Can't believe it's free! 👉

Greg Bergé

53,842 görüntüleme • 2 yıl önce

I found a component library with 250+ animations that will make your frontend look insane. And it's completely FREE ! >Ready to use components with animations built in >Copy and drop straight into your project >The kind of UI that makes your app look like a $50K build Your frontend will never look the same.
0:11

I found a component library with 250+ animations that will make your frontend look insane. And it's completely FREE ! >Ready to use components with animations built in >Copy and drop straight into your project >The kind of UI that makes your app look like a $50K build Your frontend will never look the same.

Harshil Tomar

187,342 görüntüleme • 2 ay önce

Added 7 new transitions for agentic UI to library, 32+ free transitions total Copy the code or use them via the skill for Claude, Cursor, or Codex. npx skills add jakubantalik/transitions.dev
0:17

Added 7 new transitions for agentic UI to library, 32+ free transitions total Copy the code or use them via the skill for Claude, Cursor, or Codex. npx skills add jakubantalik/transitions.dev

Jakub Antalik

28,779 görüntüleme • 1 ay önce

Beautiful UI components you can just copy & paste. Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?
0:16

Beautiful UI components you can just copy & paste. Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?

Tran Mau Tri Tam ✪

127,258 görüntüleme • 2 ay önce

Dear Ahrefs, Please spend $300/yr on Adam Wathan's and make your app look beautiful in ONE prompt using their /ui skill. Kthxbye.
0:17

Dear Ahrefs, Please spend $300/yr on Adam Wathan's and make your app look beautiful in ONE prompt using their /ui skill. Kthxbye.

Jason Zook

26,580 görüntüleme • 5 ay önce

New this week: Pen tool & morphing 🖊️ You can now draw your own shapes in Jitter and animate them with fluid shape-to-shape transitions. Perfect for elegant logo reveals, shape-shifting UI elements, expressive text effects, and motion that is truly one of a kind. Try it now 👇
0:12

New this week: Pen tool & morphing 🖊️ You can now draw your own shapes in Jitter and animate them with fluid shape-to-shape transitions. Perfect for elegant logo reveals, shape-shifting UI elements, expressive text effects, and motion that is truly one of a kind. Try it now 👇

Jitter

47,395 görüntüleme • 1 yıl önce

Stop hunting for the perfect tool. Build it! Found an open-source kit and UI library for making your own AI design apps. by Alex Barashkov
0:11

Stop hunting for the perfect tool. Build it! Found an open-source kit and UI library for making your own AI design apps. by Alex Barashkov

Tran Mau Tri Tam ✪

59,693 görüntüleme • 2 ay önce

Currently working on #ThreeJS particle effects. Might use this effect in a future project to spice up the interaction with the UI.
0:15

Currently working on #ThreeJS particle effects. Might use this effect in a future project to spice up the interaction with the UI.

Immersive Studios

13,548 görüntüleme • 3 yıl önce

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.
0:15

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.

Kōda

42,725 görüntüleme • 1 ay önce

AI DESIGNS LOOK GENERIC BECAUSE THE AI HAS NEVER BEEN TAUGHT REAL COMPOSITION RULES Someone built a free skill that teaches your agents the Müller-Brockmann grid system, the foundation behind modern editorial design, condensed into 162 pages. Your agent stops guessing and starts applying real grid structure, visual hierarchy and typography rules directly in code.
0:18

AI DESIGNS LOOK GENERIC BECAUSE THE AI HAS NEVER BEEN TAUGHT REAL COMPOSITION RULES Someone built a free skill that teaches your agents the Müller-Brockmann grid system, the foundation behind modern editorial design, condensed into 162 pages. Your agent stops guessing and starts applying real grid structure, visual hierarchy and typography rules directly in code.

0xMarioNawfal

40,937 görüntüleme • 3 ay önce

You can now make your own shadcn/ui and use it in v0. Create it on open it in v0, and use it as the foundation for your app.
0:15

You can now make your own shadcn/ui and use it in v0. Create it on open it in v0, and use it as the foundation for your app.

v0

56,019 görüntüleme • 9 ay önce