Sabitlenmiş Tweet
Alok
185 posts

Alok
@Alok619308
Building Cue. A curated library of Awwwards-inspired web components & ready-to-use AI prompts. #BuildInPublic
Katılım Mart 2025
251 Takip Edilen132 Takipçiler

@alexabelonix It's a production-ready React dashboard. The data is mocked, so you can connect it to your own backend or API depending on your project.
English

I wasn't planning to add dashboards to Cue...
But after talking to developers, founders, and indie hackers over the last few days, I noticed something.
Almost everyone eventually needs a clean, premium dashboard.
So I spent today going back and forth with Claude until I got something I was genuinely happy with.
Now I need your opinion.
Should this become Component #43?
For anyone new here:
Cue is a curated library of production-ready React components and reusable AI prompts inspired by award-winning websites, helping developers build premium websites instead of generic AI-generated ones.
Would you actually use something like this, or should I stay focused on landing pages?
Be brutally honest. 👇
#BuildInPublic #ReactJS #WebDesign #Frontend #IndieHackers
English

@Birk_AI That's a fair point. 🙌
I actually built that version while recording the demo, so it was a bit rushed. I already noticed the navbar/content balance issue.
I've since updated the prompt and the final version has a much better layout. Thanks for pointing it out! 🚀
English

@Alok619308 I'm sorry, Pinterest inspiration or not, all the content on the hero is bunched up at the top, giving it a very unbalanced look. Looks great apart from that 🔥
English

Found another inspiration on Pinterest today.
This time I used Gemini 3.1 Pro to help recreate it.
A few iterations later... boom. ✨
Clean. Polished. Production-ready.
Component #42 is now part of Cue.
For anyone new here, Cue is a library of production-ready React components and reusable AI prompts inspired by award-winning websites, helping developers build premium websites instead of generic AI-generated ones.
Goal: Build Cue to $10K by sharing the entire journey in public. 🚀
#buildinpublic #webdev #react #frontend #uidesign #awwwards #indiehackers #saas #ai #gemini #reactjs
English

@NicolaiSchmid Also, if you ever come across an amazing website, component, or section, send me the website link.
I'd love to analyze it, and there's a good chance I'll turn it into a reusable prompt and production ready React component for Cue.
English

@Alok619308 for reference: mobbin (a mass volume, lower end product) charges $15/month!!
English

10 seconds of a hero we're designing & building.
everything is choreographed; the shell scaling in, the phone settling, and a custom webgl depth reveal.
we built it custom for one reason; the same effect lives in the brand's motion videos (That we are also working on).
goal is: brand should speak the same language everywhere and look good doing it :)
x.com/AhmedAtEffekt/…
Ahmed Alsayad 🍉@AhmedAtEffekt
need your eyes on this one :) two hero options for a private tutoring platform we're working on at @effekt_design left or right?
English

That's really valuable feedback, thank you.
I don't think I'll go with a $5 subscription, though. My goal isn't to build another generic component library. I want Cue to be a curated collection of production-ready components inspired by award-winning websites, where every component has a high bar for quality.
I'd rather have fewer serious customers who genuinely value great design than optimize for volume with a very low price.
That said, I really like your MCP idea. I hadn't thought about that angle before, and it's definitely something I'll explore.
Thanks again for taking the time to think this through—it genuinely helps.
English

the pitch has me hooked! but it hinges on so many details:
- will it actually look good
- what is the pricing like
- usually i hate paywalled code, because it's so annoying to setup. so it should probably be skills + mcp or something. but then people will scrape the entire db and cancel. so you have to do 1-time, so fewer conversions, or go the path of mobbin, which is just adding more and more and more stuff at an insane pace, that it feels stupid to cancel (tough to kickstart solo)
so: if it helps to make design pretty for someone like me, who can't: great!
but it depends on a lot of factors
English

That's completely fair, and honestly, thanks for calling that out.
Cue isn't public yet, which is why there's no landing page or proof to show.
The idea is simple: Cue is a curated library of production-ready React components and reusable AI prompts inspired by award-winning websites. Instead of generic AI-generated UIs, the goal is to help developers build premium, memorable websites much faster.
I'm still validating the idea, building the library, and talking to builders before launching.
I'll definitely fix the messaging first. Really appreciate you being this direct.
English

@Alok619308 main problem with this is: i have no idea what cue is. your bio just has a pitch, there's no link, no proof, no details, nothing.
so get that sorted first, then i'll be happy to answer your question!
English

Also, one last question. 🙂
Beyond everything you've already suggested, is there anything else you'd add to Cue that would make it feel like an absolute no-brainer to pay for?
I'm not trying to build just another component library. I want people to genuinely feel it's worth paying for.
I'd love your brutally honest thoughts. Even if it's something completely different, I'm all ears. 🙌
English

many different things you could do, all of them i'd be interested in:
- share screenshots of all cool designs you've seen (give credit)
- take one of them (per post) and describe the details, that makes it good (focus on the basics, as well as the special)
- take one of them and share the prompt you've turned this into and then what this prompt produced (first version)
- take one of them and show the full progress: starting point, prompt, v0, tweaking prompts (again what you pay attention to), till final result
- repeat
- succeed
(this alone, when done well and consistently will take you to 10k followers and more importantly: local people who recognize you for your design skills)
English

Wow, this is honestly one of the best pieces of advice I've received so far.
Thank you for taking the time to write this out. I really appreciate it.
I love the idea of documenting the entire journey—from inspiration to prompt, iterations, and the final component. I'll definitely experiment with this. 🙌
English

@NicolaiSchmid That's an interesting idea. 😄
Just so I understand correctly—what kind of breakdown are you thinking of?
Do you mean:
the design principles behind each website (spacing, typography, hierarchy, motion, etc.),
my thought process while recreating it,
English

@Alok619308 ahhh, lots of hands-on work!
can you create a post of all the cool designs you've found and broken down so far? i'd be very interested!
English

Today I was scrolling through Framer and Awwwards, looking for inspiration for Cue.
Then I came across this portfolio.
My first reaction was:
"Wow."
Then I instantly thought:
If you're building a portfolio, it should feel like this. Otherwise, don't build one at all.
So I immediately started recreating it for Cue.
For those who don't know, Cue is a library of production-ready React components and reusable AI prompts inspired by award-winning websites, helping developers build premium websites instead of generic AI-generated ones.
Inspired by Kima. Recreated from scratch for learning and as part of Cue.
Goal: Build Cue to $10K by the end of year while sharing the entire journey in public. 🚀
#buildinpublic #webdesign #reactjs #frontend #designengineering #awwwards #framer #indiehackers #saas
English

@alexbetancourtl Haha, that's on me. 😅
Cue isn't live yet. I'm still building the library and validating it with developers before launching.
I'll definitely let you know when early access is ready—I'd love to have you as one of the first users.
English

@Alok619308 Hey, I find what you’re doing interesting but it has taken me a couple minutes to find where I can go to find Cue and I still haven’t found it.
English

Not exactly. 😄
My workflow is usually:
Find a great design on Pinterest, Awwwards, or anywhere else.
Analyze what makes it feel premium (layout, spacing, typography, motion, hierarchy, etc.).
Write a detailed prompt from scratch based on those observations.
Use that prompt with an AI model (Claude, Gemini, GPT, Lovable, etc.) to generate the first version.
Iterate until it matches the quality I'm aiming for.
Clean it up into a production-ready React component and save both the component and the prompt in Cue.
English

@Alok619308 ahh interesting. and that was just the pinterest screenshot?
English

What just happened? 🤯
This morning this post had only 60–70 views.
I checked again after 1–2 hours...
437+ views.
Damn... X's algorithm is wild. 😅
Still have no idea what triggered it, but I'll take it.
Slowly learning how this platform works.
#BuildInPublic

English

From my testing, I wouldn't say Gemini is objectively better than Claude Opus for design.
The biggest difference came from the prompt and the design system I gave it, not the model itself.
With the same context and constraints, both can produce excellent results. I'm still testing them side by side though.
English

@Alok619308 you said you tested gemini. i'm wondering if gemini is better at design than fable/opus
the tool/harness i don't really care about, unless it has specific hooks for design
English

I'd say it's less about Lovable vs. Claude and more about the prompt and context.I built the prompt and the React component from scratch, so the workflow isn't tied to any specific model. Whether it's Claude, Gemini, GPT, or Lovable, the quality mostly depends on the instructions you give it.
English

@Alok619308 would you say it’s better at design than claude?
English

300 followers on @X
Every follow is someone choosing to be part of my journey.
Thank you for supporting my web dev, SaaS, and startup content.
Road to 500 starts now.

English
