Show HN: UI micro interactions prompts for AI

Posted by elwingo1 5 days ago

Comments

Comment by spdustin 5 days ago

Here's my direct feedback, as a member of your target audience:

The call to action says "Copy prompt", not "Unlock prompt", "Sign in to copy", or "Get Creative to access prompts". I didn't even go past the signup to see if the prompts themselves are actually free and work without a subscription to your hosted MCP server. There's a GitHub link in the header suggesting an OSS tier, at the least. That repo may include "prompts" folders, but no prompts are there. The README doesn't even hint that this is a paid library of assets/prompts until the very end, with the misspelled "enhanched" sentence under the "Pro" header. The only prompts that appear to be in the repo (other than those that configure an agent how to use the paid and hosted MCP) are basic design guidelines.

Getting back to the website: your hero text directly invites users to "Try each example and copy its implementation prompt." Which immediately demands the aforementioned signup flow that I didn't bother completing.

All of that just turned me right off.

Your examples are nice, if a bit generic. But if you intended this to be a loss-leader for the more "enhanched" UI/UX skills, it isn't doing that job.

Comment by hmartin 5 days ago

Agreed. I tried signing in and immediately hit a paywall. Can't wait to be spammed.

That said, some nifty ideas that aren't hard to prompt / reference oneself. Thanks from a swe who's terrible at design but does care about it!

Comment by tptacek 4 days ago

Sign-up pages can't be Show HN's:

https://hn.algolia.com/?dateRange=all&page=0&prefix=false&qu...

Comment by ben-gy 5 days ago

I have deep appreciation for well crafted vanilla front-end and for the value micro interactions bring to the table, but I really struggle to reconcile the value of this now that we have LLMs that do a phenomenal job at solving these UI/UX problems.

Tailwind UI is a perfect example of this where when I used to use Tailwind UI religiously and paid for it, I can just tell Claude Code “make it much prettier and bring it to life with really well designed micro interactions to create an excellent and enjoyable end-user experience” and it will get me 90% there which is easily more than good enough.

I really hope I’m wrong and that there is still a market for hand crafted components like this but honestly I think the free components exposed here plus the images of the paid components is enough for any LLM to pick this up and run with it likely without the LLM user even knowing that’s what has happened and therefore I can’t see a path to sustainable ARR for you guys.

Comment by pftburger 5 days ago

Some of these are genuinely nice. I really like the action slide-out, the wall reveal, and the slide-off reveal.

Unfortunately for a thing whose core job is polished UI, there's still quite a lot of polish needed before I would be willing to implement any of this in my UI To name a few : - the swap icon state theme preview switcher cascades the element brightness rather than fading them together. - The confirm reveal has something wrong with the spring every third or fourth click, which is strange - Cards: the stacked deck cycle. When you click Next, it doesn't draw the top card. - The shared element expand option: when you minimize, the spring dampening pushes the components outside of the container. - Swipe to dismiss causes the container to temporarily show a scroll bar.

Comment by elwingo1 5 days ago

Thanks a lot for the feedback. Will implement.

Comment by tonic_note 5 days ago

the OTP code input focus ring doesn't actually align with the input, there are these tiny gaps around the corners.

Comment by techscruggs 5 days ago

Why wouldn't I just point claude at the interaction on your site and tell it to replicate it?

Comment by triyambakam 5 days ago

Yes, this level of abstraction is now commodity

Comment by ivanjermakov 5 days ago

Reminds me of NFT trolls "sorry I just screenshot it for free".

Comment by grey-area 5 days ago

How did that work out for the holders of the incredibly valuable NFTs?

Comment by elxr 4 days ago

All those NFTs are literally just small images though. You're guaranteed to get the exact same image whether or not you "own" the NFT.

Running claude yourself to replicate UI is an actual time investment and takes some setup.

Comment by xhayden 5 days ago

Is it fine if I give some rather harsh criticism?

I've seen you all on Twitter and have been confused on why people like this product. A lot of these are fairly unpolished and don't seem to have been designed with much consistency. I think if I gave Opus 5.5 instructions to make pretty much any of these components it could produce these 1-shot.

Take the verification code UI for example. We have animations on switching between the numbers, but not on updating the check icon. I also don't have the option to see other states. What happens on Error? For example.

On your Bio fill, the better pattern for text character limits is not to stop allowing typing after the limit has been hit, but instead to allow overfill and start counting onwards with an obvious red state. You do this, but cap at 20 more. Why? The whole point is to allow people to enter their full text and synthesize to the character limit. Is this a configurable setting? I can't tell if there's a customization because I have to create an account to copy the prompt and there's no obvious path to learn more about it.

These were literally the first two components I looked at. At that rate I feel like I can find an issue with all of them.

Feels unpolished and I can't imagine paying for it. Much less at a minimum of $10/mo when soooo many other free component websites do the same. For a design-focused product, the experience feels cheap and more like AI slop to me than a polished solution.

Comment by lirolero 5 days ago

[dead]

Comment by matsemann 5 days ago

Can you explain a bit what it is one is buying? A prompt? I don't get why it can't be the component, isn't it better to use that than a prompt?

Comment by cosmotic 5 days ago

Some feedback on the first few

* toggle animation on the heart moves the same direction for add and subtract (confusing)

* hold-to-trigger indicator is covered by finger on touch screen

* remove button confirmation can be accidentally confirmed by double click

(I stopped looking after this)

Comment by elwingo1 5 days ago

Thanks for the feedback! Implementing them.

Comment by jonshariat 5 days ago

Love these but curious: they sell access to this UI but can't I point an agent at this and have it copy these? Or is it better quality outputs to use the MCP?

Comment by elwingo1 5 days ago

Thanks! Me and the co-founder of the project built Flowbite previously so we have some experience in the UI/UX field. I think that as with anything you can copy it, but your agent will be pointed to an HTML+CSS structure, rather than the natural language structure of our prompts/MCP context. Plus, you can support the work of two fellow humans.

Comment by ilovenikobellic 4 days ago

as fancy as your buttons are, if you use your frontal lobe for more than 0.1 picoseconds you can realize quite simply anyone can just think "hmm... this is a upload button. if i say make me a modern white upload button and tell it to have the progress update in percents while the file uploads, then have it fade out and have a green done text with a checkmark to the left" and your natural language structure of your prompts is quite useless now! or "make me a verification code button, with four numbers. the highlight box should move naturally between the numbers, and once all four numbers are placed, replace the email icon with a checkmark that is green" or "make a black box that grows once it can't fit the text inside it" or "make a theme switcher, that represents light mode with the sun and dark mode with the moon, and quickly fades colors to the selected theme when the theme switcher indicator is pressed" or "make me a password prompt that hides the characters and replaces them with circles, unless you click the eye button that shows your password, which will then be crossed out with a line until you press it again to hide your password" also if i wanted to be really woke with you the inline validation example having the name NEED to be 3 letters long at least minimum is very very VERY bad of an idea. dudes named bo or ed, for example. or chinese people who can be named things like yu. or japanese people named ao. i can't see any situation where this would be worth paying for. this nonsense absolutely stumps me, why would anyone pay for... skills and prompts, brand kits, sound effects, site auditing (by ai, not even humans), ui animations, and design rules. things we could easily prompt for free, i'm sorry this looks like it's made to bait people into thinking "so this is free" then hitting you with a login gate. especially the audit page (https://www.typeui.sh/audit), i think it's the most blatant example, and i think the 'unlock design skill', 'unlock prompt', et cetera should be made even clearer it's a login wall. like 'unlock design skill by signing up', 'unlock prompt by signing up' etc. the audit page has no clear within 2 seconds of looking at it warning that you know THIS IS A MASSIVE LOGIN WALL. all your design skills (https://www.typeui.sh/design-skills), while good looking to the eye at first, are quite clearly vibecoded and don't provide anything new that makes ai handle design in an actually unique way. the ones i would say are the only ones even somewhat salvagable are 'immersive', 'sketch', 'cypherpunk' (the best one imo and closest to not looking like ai slop), and maybe the color scheme of organic. i don't want to be rude but your website really really sucks and i have no clue who this is supposed to target when people have eyes and brains and can just prompt what your website does... or simply just put the design skill things into their ai like this 'hi claude Cypherpunk is a stark retro-tech design system with one electric-lime surface, near-black ink typography, raised beige components, and pixel-edged UI structure. make me a website like that' or 'hi claude make me a web kit' as respectfully as i can say it, your business idea sucks and arguably is making the problem of bad ui worse given how so many of those design skill prompts look like ai slop if you look at this, https://www.typeui.sh/design-skills/fantasy, and tell me it isn't slop, you've lost your mind. this is like the worst of the worst offenders on the design skills part... no one wants their ai to make sites like this, it's literally the definition of ai slop once you take away that one quirky font. the only part of your site i can see even being slightly worthwhile is the ui foundations part (https://www.typeui.sh/ui-foundations), and even then it would be much better if done by a hobbyist who was interested in covering more than things just above "don't put your website pink, your text lime green, and make it all in comic sans". like take this for instance, (https://www.typeui.sh/ui-foundations/configurator?category=i...) this nonsense. you're targeting literal developers using ai here by... telling them high quality png is better than low quality jpg or well... (https://www.typeui.sh/ui-foundations/configurator?category=c...) don't have unreadable text. I NOTICED ANOTHER LOGIN WALL THAT ISN'T CLEARLY DISCLOSED, on the download all rules button it brings you into a login wall. it's like the things you'd teach a 10 year old doing ui design in a coding class lol. i have no clue who this is actually for, besides being a site for fools to part their money with. i'm being serious, i can't tell WHAT your site does that a prompt can't easily do in five minutes. i'm so sorry to be mean here, but your whole website is glorified snake oil to trap newbies into relying on your service, either that or YOU think this is a good product and this will help DEVELOPERS and their ai learn and make their ai sites better (which is arguably MUCH MUCH scarier). it seems you're trying to market for developers, yet you're making things for noobs. any developer could copy your prompts in 1 minute. arguably they wouldn't WANT TO, they'd just write that shit themselves... this site is just a bunch of predatory login walls and tutorials that would only be useful to 10 year olds, where you deceptively market it as if your glorified bundle of prompts is literally worth 120/300/360 so people can think 'this is a tool for senior devs' and you can waste their money

Comment by timothyduong 4 days ago

THIS IS A MASSIVE WALL OF TEXT

Comment by ilovenikobellic 4 days ago

I TRIED EDITING IT SO IT WASN'T BUT FOR SOME REASON IT DIDN'T SAVE I'M NEW TO HACKER NEWS

Comment by alienbaby 5 days ago

'unlock prompt' .. err, ok. straight to signup. Smells like I'll need to pay for it, and I'm just curious to see one prompt from the front page. aand I'm done.

oh I wonder if I can point claude at it...

Comment by tintor 5 days ago

$30/month for a button on web page?

Comment by elwingo1 5 days ago

You get quite a bit more than that, including access to the MCP server. We are boostraped, no VC to back us so it's the only way we can make this project sustainable.

Comment by bossyTeacher 5 days ago

In the era of LLMs, the value of code is very low. I don't think most people, especially here, can justify $30 per month. It's more expensive than a Claude Pro sub.

Comment by elxr 4 days ago

> the value of code is very low

Good front-end code is still expensive. Do you think ChatGPT/Anthropic/Meta/etc. can claim industry leading front-ends on their webapps or desktop apps? Why have they not reached parity with all their smaller competitors if it's all just code.

There's also new serverless platforms constantly being funded nowadays; if code is so cheap why doesn't everyone just whip an LLM to go build their own version? Only bad code is low value.

But that aside, $30 per month is questionable.

Comment by bossyTeacher 3 days ago

Yes, a good chair is also still very expensive. But most people go to Ikea. That has repercussions for your chair making business.

Comment by elxr 2 days ago

A good chair's expensive? I don't agree.

I'm not talking about upper luxury products. I'm talking about good, maintainable business code or just something as basic as a polished, full-featured dashboard that contains no "silly" bugs.

That kind of thing is still not very cheap in the context an average person's typical expenses.

The chatGPT webapp is as example of something built to a budget (despite having a team with access to cutting edge AI); and it just doesn't feel good to use or to navigate around. Contrast that to Twitter's front-end. That took millions of dollars in designer/SWE salary to build and you can just tell how much better it is than the average social media platform, or any new webapp by a less experienced team.

Human in the loop prompting/steering/testing time is also not free, even if a $20 claude/chatgpt sub can theoretically build anything to an acceptable level. 2 days worth of a humans's time is still ~100 bucks. Very few harnesses can run fully autonomously and still end up with usable software unless you're someone who specializes in working with these things.

Production level code is really not as cheap as you imagine it to be.

Comment by esafak 5 days ago

In fairness, Claude subscriptions are heavily subsidized for now. If you paid thousands of dollars for their API rates, $30 month would not be outrageous. A lot of software costs more than that. Not that I'd be paying for this one...

Comment by InsideOutSanta 4 days ago

I can see the incremental value this adds to agentic coding. I do think what you've built has value. I don't think it's worth a 30$ montly subscription. Maybe 30$ for a year.

I think I'd target companies and provide customized solutions. "Hey, everybody in your company connects their agents to this, and boom, they all produce consistent output that matches your company's CI."

Comment by grey-area 5 days ago

What does this MCP server serve people for their subscription, prompts or react code?

Comment by Fe2O3 5 days ago

"It's one of the resources I used recently. -shadcn" being the top testimony is so funny.

I do love some of these examples, but, and as others noticed, they do lack polish.

Comment by elwingo1 5 days ago

Haha, yea. I was so happy when he mentioned TypeUI in a tweeet. Agreed, will work on polishing.

Comment by elxr 4 days ago

Nice examples, definitely lots I'll be copying. I do wish there was an option to set the number grid columns on the page though: a sort of zoom-out feature with added column counts.

I feel having a lot more items visible without scrolling would be perfect for a site like this. Especially with the focus being entirely on the rendered components (and not typical UI library docs).

Comment by searice 4 days ago

Selling AI prompts for $30/mo is insane

Comment by mas42 4 days ago

I really enjoy seeing showcases like this. From a user’s perspective, when I need a micro-interaction, my requirements are usually quite clear. I tried using the text search, but I didn’t get good results for the keywords I expected. I hope the search experience will be improved.

Comment by dangoodmanUT 4 days ago

Some of these are objectively bad: buttons should not resize for spinners, etc. otherwise the whole website layout can shift

but the animations are nice

Comment by sebastianconcpt 5 days ago

Love it!

Only problem is that now I want all things to have this level of UI

Comment by 5 days ago

Comment by j45 4 days ago

Interesting, the thing that's advertised is not there on the page, and behind a paywall or sign up.

At each stage it's all about the poster wanting their attention and outcome.

If I can't see a few and see the value of them and what the library then represents, I'll just have to pass.

Comment by ivanjermakov 5 days ago

Prompts as a service is something new.

Comment by etothet 4 days ago

“Essential storage keeps TypeUI running. With your permission, analytics helps us make it better.”

And when you click the “Manage preferences” option…

“Required for security, authentication, preferences, and core site functionality.”

Sorry, but are cookies really “essential” to me simply viewing the site? Note there is no option to completely opt out.

Comment by deburo 5 days ago

I wanted to say that some animations look choppy, but it's yet again the Chrome's prefers-reduced-motion css feature mapped to Windows's Animation Effects knob, which is completely outrageous.

Comment by cpan22 5 days ago

these look great

Comment by DonHopkins 4 days ago

"Design is not just what it looks like and feels like. Design is how it works." -Steve Jobs, to Rob Walker, "The Guts of a New Machine", New York Times Magazine, 2003:

https://www.nytimes.com/2003/11/30/magazine/the-guts-of-a-ne...

He said much the same thing on camera, followed by Jony Ive on the iMac:

https://www.youtube.com/watch?v=BibWZJOClgU

STEVE JOBS: Design's a really loaded word. I don't know what it means. And so we don't really talk about design a lot around here. We actually just talk about how things work. Most people think it's how they look, but it's not really how they look. It's how they work.

Everyone says, you know, I want to make a great product, or I want to make a great movie, or whatever they're doing. So there's no difference there, but there's a big difference in the outcomes.

JONY IVE: When we were developing the new iMac, we were at a point when we had a couple of solutions that, I mean, at the time I think we thought they were good, but we had that sinking feeling, you know, when you are aware that you're trying to convince yourself something's actually better than in your heart you really know that it is. Sometimes you just have to look at yourself and go, you know, it's just not really great. It's okay, it's good, but let's not fool ourselves and call it great.

Steve really felt that we could do better, and when we all realized we needed to, I mean, that's a hard call to make, you know. We're willing to throw something away because it's not great and try again, when all of the pressures of commerce are at your back saying no, you can't do that.

Steve is so much more than a supporter of design. He not only has a very clear sense of vision and sense of the future, but has this sort of unnerving ability to describe the future in a way that's very inclusive, in a way that draws people from many different disciplines in to share this sense of what this vision could be.