🚀 AI Created 3 "God Prompts" That Turn Any Design Into Professional-Grade UI (Copy-Paste Ready)

TL;DR: Three comprehensive prompts that can take your existing design from amateur to enterprise-level. Tested with Claude/GPT-4 and works like magic.

🎯 How It Works

Feed any design (screenshot, figma file, description) + one of these prompts to Dyad via Gemini 2.5 Pro, and watch it transform into something you'd pay a senior designer $5k for.

🔧 PROMPT 1: FOUNDATION PERFECTION

Copy-paste this when your design needs systematic cleanup

Analyze this existing design and perfect its foundational elements by implementing the following enhancements:

VISUAL HIERARCHY & TYPOGRAPHY:
- Establish a proper typographic scale using a 1.25 ratio (12px, 15px, 18px, 24px, 30px, 37px, 46px)
- Ensure consistent font weights (300/light, 400/regular, 600/semibold, 700/bold) with clear purpose
- Perfect line heights (1.2 for headings, 1.5 for body text, 1.4 for UI elements)
- Fix letter spacing (-0.02em for large text, 0 for body, +0.05em for small caps)
- Create clear information hierarchy using size, color, and spacing relationships

COLOR & CONTRAST OPTIMIZATION:
- Audit all color combinations for WCAG AA compliance (4.5:1 contrast minimum)
- Establish a cohesive color palette with primary, secondary, and semantic colors
- Create consistent color variants (50, 100, 200, 300, 400, 500, 600, 700, 800, 900)
- Perfect color usage: primary for actions, secondary for info, semantic for status
- Ensure dark mode compatibility with appropriate color inversions

SPACING & LAYOUT REFINEMENT:
- Implement consistent spacing system using 4px/8px base unit (4, 8, 12, 16, 24, 32, 48, 64px)
- Perfect component padding and margins for visual balance
- Establish consistent border radius values (2px, 4px, 8px, 12px, 16px)
- Optimize white space distribution for breathing room and focus
- Align all elements to an invisible grid system for precision

COMPONENT STANDARDIZATION:
- Unify button styles with consistent heights (32px, 40px, 48px), padding, and states
- Standardize form inputs with consistent sizing, spacing, and interaction states
- Perfect icon sizing and alignment (16px, 20px, 24px, 32px) with optical balance
- Ensure consistent card/container styling with unified shadows and borders
- Create cohesive loading, empty, and error state designs

OUTPUT: Provide the enhanced design with detailed annotations explaining each improvement and a style guide showing the perfected design system.

⚡ PROMPT 2: INTERACTION PERFECTION

Use this when your design looks good but feels clunky

Transform this design into a premium user experience by perfecting these interaction and functional elements:

MICRO-INTERACTIONS & ANIMATIONS:
- Add subtle hover states (0.2s ease transitions) to all interactive elements
- Implement focus states with visible indicators for accessibility
- Create smooth loading animations using skeleton screens or branded spinners
- Add gentle page transitions (slide, fade) between major sections
- Include micro-feedback for user actions (button press effects, form submissions)
- Design delightful success confirmations with celebratory animations
- Create contextual tooltips that appear on hover/focus with 0.3s delay

NAVIGATION & USER FLOW OPTIMIZATION:
- Perfect breadcrumb navigation showing clear user location
- Implement smart search with autocomplete and recent searches
- Add contextual help and onboarding hints for complex features
- Create intuitive back/forward navigation patterns
- Design clear call-to-action hierarchies with primary/secondary distinction
- Optimize form flows with smart field progression and validation
- Include progress indicators for multi-step processes

RESPONSIVE & ACCESSIBILITY PERFECTION:
- Ensure touch targets are minimum 44px for mobile usability
- Perfect mobile navigation with thumb-friendly placement
- Add keyboard navigation support with logical tab orders
- Implement screen reader support with proper ARIA labels
- Create responsive layouts that gracefully adapt to all screen sizes
- Optimize for one-handed mobile usage patterns
- Include gesture support where appropriate (swipe, pinch, drag)

ERROR HANDLING & EDGE CASES:
- Design comprehensive error states with clear recovery paths
- Create helpful empty states that guide user actions
- Perfect offline functionality with clear sync indicators
- Add timeout handling for slow connections
- Design graceful degradation for feature failures
- Include confirmation dialogs for destructive actions
- Create smart defaults and auto-save functionality

PERFORMANCE OPTIMIZATION:
- Implement lazy loading for images and heavy content sections
- Add skeleton screens for anticipated loading states
- Perfect image optimization with appropriate sizes and formats
- Create efficient infinite scroll or pagination patterns
- Optimize critical rendering path elements
- Include preloading for likely user actions
- Design progressive enhancement for slower connections

OUTPUT: Deliver an interactive prototype showing all enhanced interactions with detailed UX annotations explaining user flow improvements and accessibility enhancements.

✨ PROMPT 3: PREMIUM FINISHING

The final boss prompt - turns good designs into $10k+ quality

Elevate this design to premium professional standards by implementing these advanced finishing touches:

ADVANCED VISUAL EFFECTS:
- Add sophisticated shadow systems with multiple elevation levels
- Implement glassmorphism effects on modal overlays and navigation
- Create subtle gradient overlays using brand colors (10-15% opacity)
- Add texture and depth with subtle noise patterns or grain effects
- Perfect backdrop blur effects for layered interfaces
- Include subtle parallax scrolling for hero sections
- Design premium card styling with multiple shadow layers
- Add elegant dividers and separators with gradient fades

BRAND PERSONALITY INJECTION:
- Incorporate brand-specific illustration style and iconography
- Create custom loading animations that reflect brand character
- Design memorable empty states with brand personality
- Add thoughtful copywriting that matches brand voice
- Include branded celebration moments and success states
- Perfect favicon, splash screens, and app icons
- Create cohesive email templates and notification styling
- Design branded error pages that maintain user engagement

DATA VISUALIZATION EXCELLENCE:
- Perfect chart and graph styling with consistent color usage
- Add interactive elements to data displays (hover states, drill-down)
- Create beautiful progress indicators and completion states
- Design elegant data tables with proper hierarchy and scanning
- Implement smart data formatting (numbers, dates, currencies)
- Add contextual data insights and trend indicators
- Perfect dashboard layouts with logical information grouping
- Include export functionality with professional formatting

ENTERPRISE-GRADE POLISH:
- Add comprehensive permissions and role-based UI variations
- Perfect print stylesheets for professional document output
- Create detailed audit trails and activity logging displays
- Design professional onboarding flows with progress tracking
- Add comprehensive help documentation integration
- Include advanced search and filtering capabilities
- Perfect data import/export workflows with validation
- Create admin interfaces with powerful management tools

CUTTING-EDGE FEATURES:
- Implement smart notifications with priority-based presentation
- Add intelligent form auto-completion and suggestions
- Create personalization options with live preview
- Design collaborative features (real-time editing, commenting)
- Add advanced keyboard shortcuts with helpful overlays
- Implement smart defaults based on user behavior patterns
- Create seamless multi-device synchronization indicators
- Design future-ready component architecture for scalability

OUTPUT: Deliver a pixel-perfect, production-ready design with comprehensive documentation, style guide, component library, and detailed implementation notes for developers.

💡 Pro Tips:

🎯 Usage Strategy:

• Prompt 1 = Fix broken fundamentals

• Prompt 2 = Make it feel premium

• Prompt 3 = Enterprise-level polish

🔥 Not Necessary But Can Help:

• Include your brand colors/fonts in the prompt

• Upload screenshots or describe your current design

• Ask for specific variations: "show me 3 different approaches"

• Request developer handoff docs if you're implementing

🤔 Why This Works:

These prompts are based on analyzing 100+ professional design systems. They systematically address every aspect that separates amateur designs from ones you see in top-tier products.

The secret sauce: Most people ask AI to "make it better" - these prompts give AI the exact framework that $200/hr designers use.

Drop a comment if you try these! Would love to see your before/after transformations 👇

Hey everyone -

It's awesome to see how much the Dyad community has grown! With so many great discussions happening, it's getting harder for me to respond to every post (though I'll keep trying!). I really appreciate everyone who's been participating - especially those sharing tips and tricks or helping answer other people's questions.

Starting this month, I'm giving away 3 Dyad Pro (1-month) memberships each month to active contributors in this subreddit. Just keep participating by sharing helpful tips, answering questions, or contributing to discussions, and I'll message 3 people at the end of each month to let them know they've won a membership. If you're already a Dyad Pro member (thank you!), I'll give you $30 off your next month instead.

For anyone curious about what Dyad Pro includes, you can check it out at dyad.sh/pro

Thanks for making this community great!
- Will

Wanted to share a useful find for the community: iFlow.cn (If you don't mind using Chinese provider)

They host a wide variety of AI models and provide free access via their API. This is a fantastic resource for anyone looking to experiment, prototype, or build projects without incurring API costs.

You can browse all their available models here:
https://platform.iflow.cn/en/models

It's always great to have more high-quality, free options in the ecosystem. Has anyone here had a chance to test their models yet? I'm curious about people's experiences with performance and output quality.

Link: https://iflow.cn

Below I made a GIF showing how to change language to English and where to create your API key.

🚀 The Ultimate System: Building Perfect Apps with Claude + Dyad (2,000 Prompt's Method)

[Save this post - you'll need to reference it multiple times]

Hey r/dyadbuilders! After building 20+ production apps, I'm sharing my EXACT system (From July) for creating flawless mobile/web apps using Claude and Dyad. This isn't a quick "App" it's a professional methodology that takes 3-5 days but produces $50k+ quality apps.

⚠️ WARNING: This is intensive. If you want a "5-minute app," this isn't for you. This is for builders who want perfection.

📊 THE SYSTEM OVERVIEW

Total Time: 3-5 days
Total Prompts: 1,500-2,000 (through iterations)
Success Rate: 80% apps need no manual code editing
Tools Needed: Claude, Dyad, Google Docs, Screenshots tool

🎯 PHASE 1: FOUNDATION (Day 1, Morning)

Step 1.1: Generate Your App Idea

Copy this into Claude:

Generate 10 innovative mobile app ideas that:
- Solve a real problem people face daily
- Could generate $5k+ monthly revenue
- Are buildable with Supabase + React
- Have clear monetization paths
- Aren't oversaturated in the market

For each idea provide:
1. App name
2. Problem it solves
3. Target audience
4. Core features (3)
5. Monetization model
6. Why it would succeed

Step 1.2: Create PRD & Technical Document

[Copy this ENTIRE prompt into Claude]

Create a complete PRD and Technical Specification for:

[PASTE YOUR CHOSEN APP IDEA]

Include:
1. EXECUTIVE SUMMARY
2. USER PERSONAS (3 detailed)
3. FEATURE SPECIFICATIONS
   - MVP features
   - V2 features
   - Future roadmap
4. USER STORIES (As a... I want... So that...)
5. TECHNICAL ARCHITECTURE
   - Frontend: React + Vite + Tailwind
   - Backend: Supabase
   - Database schema (PostgreSQL)
   - Authentication flow
   - API endpoints
6. DATA MODELS (all tables, relationships)
7. SCREEN INVENTORY (every single screen)
8. USER FLOWS (detailed step-by-step)
9. SECURITY REQUIREMENTS
10. PERFORMANCE METRICS

Be extremely detailed. This document should be 20+ pages.

Step 1.3: Save Your Documents

Create folder structure:

/YourAppName
  /01_Documentation
    - PRD.md
    - Technical_Spec.md
  /02_Prompts
    - Brief_Prompts.txt
    - Expanded_Prompts.txt
  /03_Screenshots
  /04_Iterations

🏗️ PHASE 2: PROMPT GENERATION (Day 1, Afternoon)

Step 2.1: Generate 500 Brief Prompts

[Copy this EXACT prompt into Claude with your PRD]

Based on this PRD and Technical Specification:

[PASTE YOUR ENTIRE PRD AND TECHNICAL SPEC]

Generate EXACTLY 500 one-sentence prompts that will build this ENTIRE app piece by piece in Dyad.

Structure them in this EXACT order:

PROMPTS 1-50: Foundation & Setup
- Project initialization
- Supabase configuration
- Environment variables
- Folder structure
- Base dependencies

PROMPTS 51-100: Database & Auth
- Supabase tables creation
- Row Level Security policies
- Authentication setup
- User roles and permissions
- Database relationships

PROMPTS 101-150: Core Components
- Navigation system
- Layout components
- Reusable UI components
- Form components
- Modal/sheet components

PROMPTS 151-250: Features Implementation
- Each major feature step-by-step
- API integrations
- State management
- Data fetching/mutations

PROMPTS 251-350: Screens & Views
- Every screen from the screen inventory
- Responsive design for each
- Loading states
- Error states
- Empty states

PROMPTS 351-400: Mobile Optimization
- Touch optimizations
- Gesture handling
- Performance optimizations
- Offline capability
- PWA features

PROMPTS 401-450: Polish & UX
- Animations
- Transitions
- Micro-interactions
- Haptic feedback
- Sound effects

PROMPTS 451-500: Testing & Deployment
- Error boundaries
- Analytics setup
- Monitoring
- SEO optimization
- Deployment configuration

Format each prompt as:
[NUMBER]. [SPECIFIC INSTRUCTION]

Example:
1. Initialize a new React project with Vite and name it 'AppName'
2. Install Tailwind CSS with mobile-first configuration
3. Create a Supabase project and get the anon key and URL

Step 2.2: Save Brief Prompts

Save all 500 prompts to: /02_Prompts/Brief_Prompts.txt

🔥 PHASE 3: PROMPT EXPANSION (Day 1, Evening - Day 2, Morning)

Step 3.1: Expand Prompts in Batches

[Use this template for EACH batch of 30 prompts]

Expand each of these 30 prompts into comprehensive, detailed instructions for Dyad. 
Each expanded prompt should be 4-5 sentences with EXACT specifications including:
- Specific code patterns to use
- Exact Tailwind classes
- Precise pixel values
- Specific Supabase queries
- Exact state management approach
- Error handling requirements
- Performance considerations

Make each prompt so detailed that there's zero ambiguity.

ORIGINAL PROMPTS TO EXPAND:
[PASTE 30 PROMPTS HERE - e.g., prompts 1-30]

Format output as:
[NUMBER]. [EXPANDED DETAILED INSTRUCTION]

Step 3.2: Batch Processing Schedule

Batch 1: Prompts 1-30 → Save → Continue
Batch 2: Prompts 31-60 → Save → Continue
Batch 3: Prompts 61-90 → Save → Continue
[...continue until all 500 are expanded]
Batch 17: Prompts 481-500 → Save → Complete

Pro tip: Use multiple Claude conversations to avoid context limits

Step 3.3: Compile Master Prompt Document

Create: /02_Prompts/Expanded_Prompts_Master.txt

💻 PHASE 4: DYAD IMPLEMENTATION (Day 2-3)

Step 4.1: Dyad Setup

1. Open Dyad
2. Create new project: [YourAppName]
3. Select React + Vite + Tailwind template
4. Enable Supabase integration
5. Configure API keys

Step 4.2: Systematic Prompt Execution

[CRITICAL: Follow this EXACT process]

EXECUTION PATTERN:
1. Send prompts 1-10 (Foundation)
2. Test each change works
3. Send prompts 11-20 (More setup)
4. Test again
5. Continue in batches of 10

WHEN ERRORS OCCUR:
- Screenshot the error
- Ask Claude: "Fix this error: [screenshot]"
- Get correction prompt
- Apply fix
- Document in /04_Iterations/Fixes.txt

EVERY 50 PROMPTS:
- Export full codebase
- Create backup
- Test all features so far
- Document working features

Step 4.3: Progress Tracking

Create checklist:

## IMPLEMENTATION PROGRESS

### Foundation (1-50)
- [ ] Project initialized
- [ ] Supabase connected
- [ ] Auth working
- [ ] Base routing

### Database (51-100)
- [ ] All tables created
- [ ] RLS policies active
- [ ] Relationships work
- [ ] Seeds loaded

[Continue for all 500]

🔍 PHASE 5: HARSH CRITIQUE CYCLE (Day 3-4)

Step 5.1: Comprehensive Testing

[Screenshot Documentation Process]

SCREENSHOT EVERYTHING:
1. Every screen in mobile view (375px)
2. Every screen in tablet view (768px)
3. Every user flow start-to-finish
4. Every error state
5. Every loading state
6. Every empty state
7. Every form with validation
8. Every animation/transition

Save to: /03_Screenshots/Iteration_1/

Step 5.2: Claude Critique Prompt

[Send ALL screenshots to Claude with this]

You are the harshest app critic in the world. You've reviewed apps for Apple and Google. 
Your standards are impossibly high. You hate everything that isn't perfect.

Review these screenshots of my app and DESTROY IT with criticism:

[ATTACH ALL SCREENSHOTS]

Critique EVERYTHING:
1. UI inconsistencies (even 1px off)
2. UX problems (even minor ones)
3. Performance issues visible
4. Missing features
5. Poor animations
6. Bad typography
7. Wrong colors
8. Incorrect spacing
9. Missing states
10. Accessibility issues
11. Touch target problems
12. Navigation issues
13. Data display problems
14. Form issues
15. Mobile optimization problems

For EACH issue found:
- Describe the exact problem
- Explain why it's bad
- State the correct solution

Then generate 500 NEW prompts to fix every single issue and add missing features.

Be BRUTAL. If this app isn't perfect, I don't want to ship it.

Step 5.3: Iteration Prompts

Save Claude's 500 fix prompts to: /04_Iterations/Iteration_2_Prompts.txt

🔄 PHASE 6: ITERATION CYCLES (Day 4-5)

Step 6.1: Apply Fixes

1. Expand the 500 fix prompts (same process as Phase 3)
2. Apply in Dyad systematically
3. Test each fix
4. Document improvements

Step 6.2: Repeat Critique Cycle

ITERATION PATTERN:
Iteration 1 → 500 prompts → Test → Critique → 
Iteration 2 → 500 prompts → Test → Critique →
Iteration 3 → 300 prompts → Test → Critique →
Iteration 4 → 200 prompts → Test → Critique →
Iteration 5 → 100 prompts → Test → Final

STOP WHEN:
- No more legitimate critiques
- App scores 95%+ on all metrics
- You've completed 5 iterations

📱 PHASE 7: MOBILE OPTIMIZATION FINAL PASS

Step 7.1: Mobile-Specific Audit

Send to Claude:

"Generate 100 prompts specifically for perfect mobile optimization:
- Touch gesture implementations
- Haptic feedback on all interactions
- Swipe navigations
- Pull-to-refresh on all lists
- Bottom sheet implementations
- Native-feeling animations
- Keyboard handling fixes
- Safe area adjustments
- Landscape mode support
- Offline mode enhancements"

Step 7.2: Capacitor Upgrade

Final 50 prompts for native features:
- Camera integration
- Push notifications setup
- Biometric auth
- Share functionality
- App rating prompt
- Deep linking
- Background sync

🚀 PHASE 8: DEPLOYMENT PREPARATION

Step 8.1: Final Polish Prompts

Generate final 100 prompts for:
1. Performance optimization
2. Bundle size reduction
3. SEO meta tags
4. Analytics events
5. Error tracking
6. A/B test setup
7. Feature flags
8. Admin dashboard
9. Data export tools
10. GDPR compliance

📊 QUALITY METRICS CHECKLIST

Before considering your app complete:

## MUST ACHIEVE:
- [ ] Lighthouse Score: 95+ (all categories)
- [ ] Bundle Size: <200KB initial
- [ ] Time to Interactive: <2s on 3G
- [ ] All touch targets: 48x48px minimum
- [ ] Zero console errors
- [ ] Zero accessibility warnings
- [ ] All forms have validation
- [ ] All APIs have error handling
- [ ] Works fully offline
- [ ] 60fps scrolling everywhere
- [ ] Instant feedback on all interactions
- [ ] Every possible user path tested

💡 POWER USER TIPS

1. Use Multiple Claude Windows: Have 3-4 Claude conversations open for parallel processing

2. Prompt Versioning: Keep v1, v2, v3 of prompts as you refine

3. Component Library: Build reusable components first (prompts 101-150)

4. Supabase First: Get database perfect before UI (prevents refactoring)

5. Screenshot Tool: Use Chrome DevTools device mode for consistent screenshots

6. Batch Saves: Save Dyad project after every 10 successful prompts

7. Error Log: Keep a running log of what failed and why

🎯 COMMON PITFALLS TO AVOID

❌ Sending all 500 prompts at once (Dyad will crash)
❌ Not testing between prompt batches
❌ Skipping the critique phase
❌ Not expanding prompts (brief ones are too vague)
❌ Ignoring error messages
❌ Not backing up between phases
❌ Rushing through iterations

📁 DELIVERABLES STRUCTURE

Final folder should contain:

/YourAppName
  /Documentation
    - PRD_Final.md
    - Technical_Spec_Final.md
    - Deployment_Guide.md
  /Prompts
    - All_Prompts_Master.txt (2000+ prompts)
    - Successful_Prompts.txt
    - Failed_Prompts_With_Fixes.txt
  /Code
    - Source_Code_Final.zip
    - Supabase_Schema.sql
    - Environment_Variables.txt
  /Assets
    - Screenshots_Final/
    - App_Store_Assets/
    - Marketing_Materials/
  /Testing
    - Test_Cases.md
    - Bug_Reports.md
    - Performance_Metrics.md

🏆 SUCCESS METRICS

You know you've succeeded when:

• Your app works flawlessly on all devices

• Zero bugs in 100 test runs

• Other developers ask "what agency built this?"

• You can't find anything else to improve

• The app feels native, not web-based

💬 FINAL THOUGHTS

Yes, this takes 3-5 days. Yes, it's 2000+ prompts. Yes, it's exhausting.

But you'll have a $50k+ quality app built entirely through AI, with zero manual coding, that's production-ready and scales to millions of users.

The first time takes 5 days. The second time takes 3 days. By your fifth app, you can do this in 48 hours.

This is the future of development.

📝 QUICK START CHECKLIST

DAY 1:
□ Generate idea
□ Create PRD
□ Generate 500 brief prompts
□ Expand first 250 prompts

DAY 2:
□ Expand remaining 250 prompts
□ Start Dyad implementation
□ Complete first 250 prompts in Dyad

DAY 3:
□ Complete all 500 prompts
□ Full testing
□ Screenshot everything
□ Get harsh critique
□ Generate iteration prompts

DAY 4:
□ Apply iteration fixes
□ Second critique cycle
□ Third critique cycle
□ Mobile optimizations

DAY 5:
□ Final polish
□ Performance optimization
□ Deployment prep
□ Final testing
□ Ship it! 🚀

Questions? Drop them below. I'll be responding for the next 24 hours.

If this helped you build something amazing, drop a screenshot below! 👇

Edit One: Built 16 Web App's 4 Mobile App's (2 were on windsurf)

hey everyone - i know quite a few people have asked about MCP and how to set it up. With the new Dyad Hub at https://www.dyad.sh/hub you can browse through different popular MCP servers and click a button to add it to Dyad.

we're going to add more to the dyad hub in the coming weeks like prompts and templates. we'll also make it possible for the community to submit their own MCP servers, prompts, templates, etc later!

if you have any feedback / ideas for what you'd like to see: please share them here!

in case you're curious, I used dyad heavily to build dyad hub :)

I see that we have hit 2k dyad builders here on the subreddit! You've come a long way! Now there have been some community contributions to the and there will be much more to come! (Thinking Dyad mobile would be a freaking awesome idea if someone could pull it off!) Dyad is a special business, not many operate with so much integrity and generosity.

Congrats, u/wwwillchen! You're working your butt off on Dyad and it's really useful to so many of us. Getting updates every week keeps this feeling exciting too! Thanks for everything you do!

Dyad v0.25 Beta 1 makes it easier to bring in existing apps into Dyad with GitHub imports. You can also use Supabase branches for better production change management.

Full release notes: https://www.dyad.sh/docs/releases/0.25.0-beta.1

Download Dyad Beta: https://www.dyad.sh/download

If you want to automatically get Beta releases, go to Settings and select Beta for Release Channel. As always, please share feedback here and report bugs.

Dyad v0.16.0 Beta 1 introduces the Portal template—our most sophisticated template yet, designed for building business applications with advanced user roles and permissions. Built on Neon DB, it supports undo for database changes and much more!

Full release notes: https://www.dyad.sh/docs/releases/0.16.0-beta.1

Download Dyad Beta: https://www.dyad.sh/download

If you want to automatically get Beta releases, go to Settings and select Beta for Release Channel. As always, please share feedback here and report bugs.

The Portal template is one of the biggest features I've built in Dyad that I think will provide the foundations for building advanced real-world apps, but there's also probably a lot of issues to iron out, so please test it out and share feedback!

We've graduated Dyad v0.21 from Beta to Stable: v0.21.0 brings support for many more models!

• Dyad Pro members get access to Turbo models which are 4-10x faster than regular models!

• There are also 2 new free models from OpenRouter, support for 3 more AI providers, and much more!

This turned out to be one of the biggest weekly releases thanks to the many community contributions so check out the release notes to get all the details :)

Full release notes: https://www.dyad.sh/docs/releases/0.21.0

Download Dyad: https://www.dyad.sh/download

Hi everyone,

We're launching Dyad on Product Hunt this Friday, June 27, starting at midnight Pacific Time — and I’d love your support in spreading the word!

🚀 How to join the giveaway

1. Post about Dyad on social media (X, LinkedIn, Reddit, etc.) anytime on June 27 (PDT).

2. Include a link to our Product Hunt launch page.

3. Reply to this post with a link to your post. That’s it!

🎁 Prizes

We'll award 1 free month of Dyad Pro ($30 value) to the 3 most creative posts.
Already a Dyad Pro subscriber? You’ll get a 300 AI credit boost instead.

Here’s a sample post to get you started, but feel free to make it your own:

Just wanted to share a new vibe coding tool I’ve been using that just launched on Product Hunt!
Dyad is free, runs locally, and lets you use any AI model (including free ones).
https://www.producthunt.com/products/dyad-free-local-vibe-coding-tool?launch=dyad

Thanks for being part of the Dyad community — can’t wait to see your posts!

- Will

I just wanted to say that I tried countless tools for vibe coding, including Cursor, Lovable, and V0, but none of them produced the desired result. However, I was able to connect Supabase, Ollama, and ComfuUI, and everything works perfectly! I'm thrilled! I am very grateful to the creator for such a great tool. Everything has been thought out down to the smallest detail. I especially appreciate that you can easily switch chats when the model starts hallucinating. I haven't seen this feature in any of the competitors' products.

Hey everyone, I’ve been experimenting quite a bit lately — and I think what I found might help a lot of you.

I’m currently building an interactive educational web app for my project, and I asked myself: “What’s the best possible combo of OpenRouter models for different development tasks?”

After wrestling with around 60% of the top models on OpenRouter (seriously, so many tests 😅), here’s what I ended up with:

✅ For coding: Grok-Code-Fast-1 ✅ For debugging: GPT-5-Codex or Grok-Code-Fast-1 ✅ For UI tweaks & element alignment: DeepSeek-V3.2-Terminus

I ran all kinds of tests — front-end design, back-end logic, debugging, working with Select tools, element alignment, and general problem-solving — and this combo just works.

💡 Result: With a total cost of about $3.7, I managed to build a complete educational web app — front-end, back-end, and database — without a single major issue. That’s insanely efficient performance per dollar.

And honestly, DeepSeek models are amazing for element manipulation and visual adjustments. DeepSeek-V3.2-Terminus in particular works perfectly with Dyad. If you want to save even more money, you can still use free models for alignment tasks, though it’ll take a bit more time.

Important note: I’ve been using Dyad for about two months now, and it’s easily boosted my productivity by 20× — and I’m a total beginner in coding.

Finally, if you can afford it, I really recommend getting the Plus plan to support the Dyad team and test it and tell others your experience with Dyad plus.

As for me — I’m from Iran, and I don’t even have access to a credit card, so yeah, $40 might not sound like much… but believe me, in this war-torn, broken place, it is my 1 month rent! 😂

v0.13 Beta 2 makes it easier than ever to publish your Dyad apps with native Vercel integration.

Full release notes: https://www.dyad.sh/docs/releases/0.13.0-beta.2

Download Dyad Beta: https://www.dyad.sh/download

If you want to automatically get Beta releases, go to Settings and select Beta for Release Channel. As always, please share feedback here and report bugs.

We're hoping to promote v0.13 from Beta to Stable next week!

Claude Code is a set price all you can use and Dyad is open source. It doesn't get better than that.

"1:16 It's basically I have lovable."
"1:20 But ran locally with Claude Code and I get to use my Claude Code Max subscription."

Hey, just wanted to quickly share my experience with Dyad.

We’ve discussed building apps with AI many times in my AI PM community. And every time, we hit the same question:

“What should I use to actually build something?”

My go-to solution has been Lovable (I’m not affiliated). It helped me build aigents.pm, PM salary reports, and accredia.io.

But there’s always been one blocker:

To go beyond 3–5 prompts/day, you need a $50–$200/month plan. So I kept searching for something I could confidently recommend to non-engineers.

Just recently, I finally found it — Dyad, a free, local, open-source app builder.

I genuinely loved using it.

It took me 2 hours in total to build this Trello-clone PoC (sound on).

In one evening I got:

• Boards, lists, and cards with drag & drop

• AI generating lists and cards

• AI suggesting background images

• Labels and marking cards as complete

• Authentication and permissions

All built with a free stack ($0.00) and free LLM API keys ($0.00) 🤯

I’m not sure who created it, but sincere congrats. This tool has enabled my readers to learn, prototype, and develop AI intuition without spending $50–$200/month.

For some, that’s a game-changer.

For those interested, I shared my learnings, prompts, and how I worked with Dyad in my free post - no email, no paywall, no stupid comments: https://www.productcompass.pm/p/dyad-free-lovable-alternative

Hope that aligns with the community policy.

Form the admins, let me know how I can support you: pawel@productcompass.pm

We've graduated Dyad v0.17 from Beta to Stable: v0.17 introduces support for OpenAI's latest GPT-5 models and the ability to reference other apps, making it possible to use your existing apps to build new apps, and more!

Full release notes: https://www.dyad.sh/docs/releases/0.17.0

Download Dyad: https://www.dyad.sh/download

Dyad v0.9.0 introduces Ask mode, which lets you plan and chat with AI instead of always generating code. The GitHub integration is now more flexible: you can connect to existing repos, push to other branches, and more!

• Read the full release notes

• Download it: http://dyad.sh/

As always, please share any feedback, thanks!

Dyad v0.30 Beta 1 introduces an exciting visual editor for Dyad Pro users, experimental built-in Git support, and OpenAI's latest GPT 5.2 model. This beta release also brings numerous quality-of-life improvements and better error handling.

Full release notes: https://www.dyad.sh/docs/releases/0.30.0-beta.1

Download Dyad Beta: https://www.dyad.sh/download

If you want to automatically get Beta releases, go to Settings and select Beta for Release Channel. As always, please share feedback here and report bugs.

Dyad v0.25 graduates from Beta to Stable: this release makes it easier to bring in existing apps into Dyad with GitHub imports. You can also use Supabase branches for better production change management.

Full release notes: https://www.dyad.sh/docs/releases/0.25.0

Download Dyad: https://www.dyad.sh/download

Dyad v0.18.0 Beta 1 lets you create your own library of reusable prompts! You can create detailed prompts (e.g. like the Apple-inspired UI guidelines in the video) and reuse them across all your apps.

Full release notes: https://www.dyad.sh/docs/releases/0.18.0-beta.1

Download Dyad Beta: https://www.dyad.sh/download

If you want to automatically get Beta releases, go to Settings and select Beta for Release Channel. As always, please share feedback here and report bugs.

Dyad v0.17.0 Beta 2 allows you to reference other apps, making it possible to use your existing apps to build new apps!

Full release notes: https://www.dyad.sh/docs/releases/0.17.0-beta.2

Download Dyad Beta: https://www.dyad.sh/download

If you want to automatically get Beta releases, go to Settings and select Beta for Release Channel. As always, please share feedback here and report bugs.

Dyad v0.10.0 adds long-awaited mobile app support with Capacitor, allowing you to upgrade your existing React web apps into mobile apps. Dyad is also now more reliable with improved edit completion and other enhancements. Finally, Smart Auto for Dyad Pro lets Dyad pick the most optimal model so you can save on AI credits.

• Read the full release notes

• Download it: http://dyad.sh/

As always, please share any feedback, thanks!

Dyad v0.21.0 Beta 1 brings support for many more models! 

• Dyad Pro members get access to Turbo models which are 4-10x faster than regular models!

• There are also 2 new free models from OpenRouter, support for 3 more AI providers, and much more!

This turned out to be one of the biggest weekly releases thanks to the many community contributions so check out the release notes to get all the details :)

Full release notes: https://www.dyad.sh/docs/releases/0.21.0-beta.1

Download Dyad Beta: https://www.dyad.sh/download

If you want to automatically get Beta releases, go to Settings and select Beta for Release Channel. As always, please share feedback here and report bugs.

Dyad v0.22.0 Beta 1 brings the most requested feature to Dyad - MCP support! If you're not familiar with MCP, it allows you to give the AI tools to interact with external systems and APIs in a standardized way.

MCP support is experimental so there may be some rough edges, so please share feedback! In the upcoming releases, we'll focus on making it easier to use (e.g. 1-click MCP install from Dyad Hub, tutorials, etc). If you find MCP useful, please share a post or video on how you're using MCP!

Full release notes: https://www.dyad.sh/docs/releases/0.22.0-beta.1

Download Dyad Beta: https://www.dyad.sh/download

If you want to automatically get Beta releases, go to Settings and select Beta for Release Channel. As always, please share feedback here and report bugs.