Harshil Tomar's banner
Harshil Tomar's profile picture

Harshil Tomar

@Hartdrawss • 22,021 subscribers

Founder https://t.co/WsMmQdHtuT | dev & design partner for founders and fast-growing startups | worked with bounce, lifesight, mrsam, mizuai + 40 more

Shorts

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.

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.

187,342 次观看

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

84,137 次观看

First year of building my dream dev + design agency 2025 gave us 35+ clients, 40+ projects, and a team of 5 Here's a glimpse of what we built at

First year of building my dream dev + design agency 2025 gave us 35+ clients, 40+ projects, and a team of 5 Here's a glimpse of what we built at

17,090 次观看

Frontend Developers are really Cooked Still can't believe I 3 shot this Landing Page Made this inside bolt.new Comment 'Bolt' for PROMPT !

Frontend Developers are really Cooked Still can't believe I 3 shot this Landing Page Made this inside bolt.new Comment 'Bolt' for PROMPT !

25,663 次观看

Expo + OpenAI + RevenueCat = $25K MRR AI product. Most AI apps fail because: → No monetization strategy → No structured UX → No reason for users to pay → No distribution loop Just structured input → AI orchestration → media → monetization → distribution. Mosaic fixes that: → Mobile-first AI experience → Subscription-based value delivery → Audio + personalization moat → Shareable links that drive installs Here’s how Mosaic works: → Mobile app (React Native + Expo) captures structured story inputs → Backend (Node + TypeScript) orchestrates OpenAI + Gemini + TTS → Audio pipeline (ElevenLabs) narrates stories at scale → Subscription system (Revenuecat) enforces credits & usage → Share URL layer (Next.js) converts stories into viral links Built as a system, not a hackathon app. Full breakdown in the video ↓ Like + comment “MVP” + repost, and I’ll DM it to you ( must be following )

Expo + OpenAI + RevenueCat = $25K MRR AI product. Most AI apps fail because: → No monetization strategy → No structured UX → No reason for users to pay → No distribution loop Just structured input → AI orchestration → media → monetization → distribution. Mosaic fixes that: → Mobile-first AI experience → Subscription-based value delivery → Audio + personalization moat → Shareable links that drive installs Here’s how Mosaic works: → Mobile app (React Native + Expo) captures structured story inputs → Backend (Node + TypeScript) orchestrates OpenAI + Gemini + TTS → Audio pipeline (ElevenLabs) narrates stories at scale → Subscription system (Revenuecat) enforces credits & usage → Share URL layer (Next.js) converts stories into viral links Built as a system, not a hackathon app. Full breakdown in the video ↓ Like + comment “MVP” + repost, and I’ll DM it to you ( must be following )

23,439 次观看

June gift is HERE ! After shipping 20+ MVPs in past 6 months, I have cracked the code to building UI using Cursor and bolt.new ! I've made a full playbook with .md docs below Comment: "Dreamlaunch" and drop a follow. I'll DM it to you PS: Retweets are appreciated

June gift is HERE ! After shipping 20+ MVPs in past 6 months, I have cracked the code to building UI using Cursor and bolt.new ! I've made a full playbook with .md docs below Comment: "Dreamlaunch" and drop a follow. I'll DM it to you PS: Retweets are appreciated

12,942 次观看

Videos

Hartdrawss's profile picture

Steal this mega prompt to generate high quality landing pages using LLMs and go viral every single day. --- You are an expert landing page designer and frontend developer specializing in high-converting, beautiful web experiences. CONTEXT: I need a landing page for [product/service name]. TARGET AUDIENCE: [describe your ideal customer] PRIMARY GOAL: [e.g., email signups, demo bookings, purchases] BRAND VOICE: [e.g., professional, playful, technical, aspirational] DESIGN SYSTEM REQUIREMENTS: - Primary Color: [hex code] - Secondary Color: [hex code] - Font: [font family] - Design Style: [modern, minimal, bold, etc.] STRUCTURE: Create a single-page landing page with these sections: 1. Hero Section - Attention-grabbing headline (focus on outcome, not feature) - Subheadline clarifying value proposition - Primary CTA button - Hero visual placeholder or description 2. Problem Section - Articulate the pain point clearly - Use relatable language - Build urgency subtly 3. Solution Section - How your product solves the problem - 3-4 key benefits (outcome-focused, not feature-focused) - Visual aids or icons 4. Social Proof - Testimonials (if available) or trust indicators - Logos of companies/clients (if applicable) - Metrics or results 5. How It Works - 3-step process - Simple, clear language - Visual flow 6. Final CTA Section - Reinforce primary action - Remove friction (e.g., "No credit card required") - Create urgency if appropriate TECHNICAL REQUIREMENTS: - Use semantic HTML5 - Tailwind CSS for styling (use only core utility classes) - Mobile-first responsive design - Smooth scroll behavior - Accessible (WCAG AA compliant) - Fast loading (optimize for performance) - Include meta tags for SEO COPY GUIDELINES: - Keep headlines under 10 words - Use active voice - Focus on outcomes, not features - Avoid jargon unless audience expects it - Every section should answer "What's in it for me?" OUTPUT: Provide complete HTML file with inline Tailwind CSS. Include comments explaining key sections. Ensure all placeholder content is realistic and contextual. CONSTRAINTS: - No external dependencies except Tailwind CDN - No JavaScript frameworks - Keep total file size under 100KB - Use system fonts or Google Fonts CDN Build this landing page now.

Harshil Tomar

23,305 次观看 • 8 个月前

没有更多内容可加载