General
p/general
Share and discuss tech, products, business, startups, or product recommendations
Fine
p/fine
by
Vibe coding tips & tricks
Plan > Prototype > Production > PublishHey PH! 👋After building numerous apps with AI over the past year, I wanted to share some helpful tips I've gathered along the way, to help you vibe code your next idea:1️⃣ Follow the 4P Method: Plan > Prototype > Production > Publish. This is how I build my apps. This method helps me break down complexity and make faster progress. 2️⃣ Plan before coding. Start with a solid foundation by using AI to create a PRD and map out your features, design, and data model. If possible, add references to existing applications (e.g. “like Airbnb”) and screenshots.  3️⃣ Focus on creating a working prototype first. Save backend implementation and authentication for later to avoid unnecessary complexity early on. Once you're comfortable with the UX and design, then move forward with the backend.4️⃣ Starting fresh > Iterate. If AI didn’t pick up on your prompt, sometimes it’s better to start fresh. For small changes, iteration makes sense. For larger issues, especially during the prototype phase, it's often more efficient to edit your initial prompt and start over.5️⃣ Provide visual feedback. When iterating, share screenshots of your generated app with the AI. This significantly helps with resolving UI issues.6️⃣ Name your components and versions. Thanks to @rajiv_ayyangar for this tip. Establish a shared vocabulary with the AI by asking it to enumerate, name, and describe different states of your app. This makes it easier to reference specific elements when requesting changes.What other hacks are you using in your AI builds? Share them below! 👇
7
shadcn/ui
p/shadcn-ui
by
thoughts after using shadcn and chakra ui
I've now worked with both @shadcn/ui components (various projects) and @Chakra UI components (app with chakra)tl;dr: shadcn is what I would personally use going forward.why:1. (very biased) I fundamentally like the tailwind philosophy and while you can use tailwind with chakra as well, I find with shadcn it's first class.2. (pretty biased) If you every plan to onboard someone to your project they will probably have a higher familiarity with shad components because they are "closer to the metal"for example the popover component:shad```<PopoverContent className="w-80"><div className="grid gap-4"><div className="space-y-2"><h4 className="font-medium leading-none">Dimensions</h4><p className="text-sm text-muted-foreground">Set the dimensions for the layer.</p></div><div className="grid gap-2"><div className="grid grid-cols-3 items-center gap-4">...chakra```<Portal><Popover.Positioner><Popover.Content><Popover.Arrow /><Popover.Body>This is a popover with the same width as the trigger button</Popover.Body>3. (seems objective) as far as i can tell genAI works substantially better with shadcn. V2->V3 in chakra seems to have introduced a ton of breaking changes. here are things you should expect:space={2} -> lint error, prop now called `spaceX` or `spaceY`isOpen={shouldShowThingState} -> lint error, prop now called `open` (most bools have be renamed to drop `is`)AI messes these up constantly on autocomplete, even with incessent pestering about v3.4. (seems objective) some things in chakra are "shad style": run a command to dump code into your project that you use for the components. others still come from the package.where does Select.Root actually import from? the package or your project? this is more overhead for someone onboarding to the project5. (seems objective) the charts module is very very slick in Shad (even though my finance uses chakra, I used the chad charts: charts example ), afaict there is no chakra analog. probably a deal breaker if you want plug and play charting.As one positive for chakra, there are more prebuilt components. This does help with some velocity when you are just spinning up a project.I'd be curious what other peoples experience is. Especially curious if you've used another component library.shoutout to @shadcn for giving so much leverage to developers!
2
Product Hunt
p/producthunt
by
Product of the Week Winners: March 10-16 Spotlight
Hey there, Product Hunters!Already another Monday, can you believe it?Let's dive right into the standout products that earned the spotlight this past week. Each of these tools solves a real problem in a unique way:@Skarbe Sales flexing platform built specifically for SMB - people who sell and hate CRMs. Unlike legacy CRMs made for spreadsheet lovers, Skarbe is for closers. Automates deal tracking, email follow-ups, call recordings and meeting insights to save you 2 hours a day.TheySaid 2.0 by @Theysaid An AI survey product that goes beyond traditional forms. TheySaid is more than a survey, it's an opportunity to engage your customers, employees, donors, and others. Training AI takes less than 1 min by pointing it to a URL or internal doc. Your audience can answer and ask questions as if they are talking to you!@Fluently: AI English coach An AI-powered English coaching platform designed for non-native speakers. Fluently helps you improve your vocabulary, pronunciation, and grammar to build confidence in professional settings. Available whenever you need it, at a more accessible price point than traditional tutoring.Wispr Flow for Windows by @Wispr Flow Tired of typing? Wispr Flow for Windows lets you speak naturally and see your words perfectly formatted—no extra edits, no typos. It's the easiest way to write 3x faster across all your apps. @Zencoder AI coding assistant helping developers ship products faster. With deep contextual awareness, AI agents, and 20+ integrations, they help developers effortlessly build production ready solutions, right inside VS Code and JetBrains.Huge props to these makers for bringing their vision to life!Quick question: Which of these tools would actually solve a pain point in your daily work? And if you've tried any similar products before, how did they fall short?Prediction time: Which of these five do you think has the most potential to disrupt its market? I'm curious to see what the community thinks!I've personally tested Wispr Flow and it just works. It feels great to use, it's fun, and the best part is that it makes me want to write down my thoughts and move ideas to text, because I know how easy it is.Drop a comment with your thoughts!Juan from PH
9
How (not) to gather first users when you are an unknown brand. May be helpful to new product makers
From testing new products, I've come to several conclusions and possibly also identified mistakes that product creators make when launching them.Whenever you want to attract your first testers (especially those who are well-known), try first to build up your credibility.During product testing, I encountered the following mistakes that left an inconvenient impression:🥲 No publicly available contact (about the company, owner)🥲 Testimonials using "fake" stock photos (this is especially noticeable to people who work in marketing and tech)🥲 Untraceable product creator – do not know his name, face,...🥲 Not offering a free trial version and immediately asking for paymentIf you do all of these things at once, it leaves a very bad impression.Recently, I wanted to try a tool, and accepted the terms of use, but couldn’t cancel the trial after submitting my card – the system technically didn’t allow me to cancel. At the same time, the product didn’t even work. There was no person I could contact. Suspicious.I’m surprised how many people launch products this way, even on Product Hunt, because, with these steps, such a product feels more like a scam than a serious business.If the business is not supposed to be a scam 😉, please:☝️ Build trust, ideally also a personal brand, if you’re serious about it.☝️ If you don’t have testimonials from people yet, use a video where you demonstrate the product; ideally show your face too – human aspect.☝️ It’s better to let people test the product for free because it might not be technically finished yet, viz. my experience. (People, who don't pay, are not so loud on the internet as people who already paid, IYKWIM.)Do you have a similar experience?Next time, we could cover how to prevent fraud, btw. 😀 (I have a lot to share.) 😀
49
How to protect yourself against fraudulent payments? Helpful tips while trying products.
I am following up on the forum from the previous days when you started a lively discussion.I outlined what not to do when you are a maker and what to do when you want to be more trustworthy.Today, I will share the opposite.This will be helpful if:• You are at the stage of an “innovator” or an “early adopter.”• You want to try new products (e.g. from ProductHunt).• You do not have to lose your money very quickly. Since I've been a first-time user in the past, it's often taken a few risks. And yes, there have been scams, TL;DR: I've been scammed. 🥲😀 So if you learn from my mistakes, it will be a little win for me.My “How not to be scammed” points:👉 Try to find out who owns the site (which company, person), sometimes it's in the Terms & Conditions, and sometimes it can be found from the registered domain.👉 Try to find reviews from other users, such as Trustpilot. Also verify the authenticity of reviewers (reviewer history, their profile photos, etc.).👉 Use test emails to test products.👉 Have a card specifically designed for frauds – have a very small, limited amount of money on it. Unless you can cancel the trial version, you won't lose a large amount.👉 The ideal case is to have a spare device – a laptop or smartphone – from which you can try out different products.These are mine. I will be glad to hear about your protection against suspicious products.
6