Загрузка видео...
Не удалось загрузить видео
Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.
105,348 просмотров • 8 месяцев назад •via X (Twitter)
Комментарии: 62

Oh, and it's also a full component library editor and theme designer too. Beta will be available exclusively to members of then everyone at launch. Obvious thanks and credit to @benjitaylor for inspiring aspects of this with Agentation.

Some earlier, related thinking for those curious: Prompting and generative tools are a great way to get started. But to actually finish something, I've found I want fine-grained control and direct manipulation, not a conversation back and forth.

Like on steroids

@benjitaylor paving the way, per usual 🐐

Dude, you’re absolutely crushing it 🔥

🙏 Put Tokyo Forum 2027 on the calendar already so I can block it off!

YES!! Earlier heads-up next time around, I promise!

Dude you are on fire 🔥

🙇 Gotta blaze a path to light the way!

Oh man so good! I was working on a prop panel for our internal prototyping tool but never really figured it out. Looks like you did, so cool! Would be curious how you did it

will definitely be sharing more! What are you most curious about?

Just DM’d ya but I can see this slotting into our custom prototyping tool perfectly!! I’ve been trying to figure out a way to allow more direct visualization and handoff of changes to the LLM without having to sit and wait for it to try first - this looks to solve that!

Been using agentation and love it but always wanted it to inherit the flexibility of the inline browser in cursor Im guessing access opens feb 10 for this too?

I’m aiming for at least an alpha available for members, hopefully🤞

This looks awesome Josh :) great work

Thanks Daniel! I hope it’s useful, excited to get it in people’s hands

ooh, this is really nice!

@KEMOS4BE

Love it. This will be gold for SwiftUI development too 👀

ya, a native version will be a little to a lot bit trickier 😅

I figured 😂

Hey Josh! Two questions… 1. What’s the difference between this and going into “design mode” in your LLM of choice? 2. Can the output be dropped into the chat interface of Cursor and V0? I’m still getting used to what needs a terminal vs. chat.

Claude doesn’t have “design mode” (yet). Interface Kit is more than just this quick demo; and also agnostic of any specific coding agent so you can use it with and for anything!

Ah! I haven’t played with Claude Code yet (it’s in my AI tool backlog). I’ve been liking the design mode in Cursor and v0, but it’s only for stying updates, not animation. I’m curious, would pasting the output directly into a chat interface of other coding agents work?

Yep! As I mentioned the DSL is agnostic of agent

Very cool! Need to carve out time to try this and Agentation out!

sick! how does it work??

Overwrites styles inline to elements so you can preview, then a simple DSL copied as markdown prompt to tell your agent what to update in your code

that's dope dude! embedded browser in a wrapper? brilliant idea.

Nice works! Do we get the ability to deploy to the server as well or we need to deploy it by ourselves? thanks :)

You’d use this in a dev environment, make changes, and then deploy to wherever you’d like!

Looks like a shortcut. Often leads to more complexity. 🌀

This is quite literally the opposite of a shortcut 🤣

Unreal. I can’t wait to try this!

Damn, I'm excited mannnn!!!

Excited to give this a try! I’ll have to take some before and afters of my site and mobile app for you on the journey

This would be incredibly useful right now. Damn.

working as hard as I can on nights and weekends to get it in your hands asap 🫡

based work, visually slick

super cool- can't wait to try this out!

Insane idea!!! Thank you

this is amazing and i needed it like… yesterday. can’t wait for access!!

Even more hyped now. Really looking forward to this man! Excellent work here.

thank you Sam!

Love this. Looking for more inspiration of leveraging Ai for UI experiences. I know it’s not as interactive, but have you seen @variantui ? Designs are incredible.

@variantui Yea, I've used it! (@bnj 's a legend) I think it's a class of tool that is absolutely valuable and see this as compatible with it or any other generative tool.

👀👀👀👀👀

it's already way beyond this heh. Been cooking with @willdphan 🤫

This is one of the best tools I’ve seen honestly, if you don’t mind me asking what tech stack did you use ?,

@DanielWhit21874 Just a Next.js app!

Beautiful app man, great job

Legit

Thanks, Josh! Excited to use this :)

This removes a surprising amount of friction 👏

Sick

@mattgperry 👀

Yaaasss! Can’t wait to tinker and create with it.

It’s made the last mile so much easier to dial in ✨

Keep bringing the 🔥

Excited to try it (already a member!) and create content for it on my community building platform 😀

I used and reviewed Agentation and still preferred the feedback flow that Simple Browser has in VS Code / GitHub Copilot But this InterfaceKit looks great because the iteration loop is shorter.

👀
