199 prompts

More UI prompts: AI prompts that ship

Tested prompts pulled from our deep guides on more ui prompts. Each one is editable below — tweak it for your brand, copy it, or push it straight to Fardino to build it live.

From LGPD no site do pequeno negócio: checklist 2026

2 prompts

Checklist do site: 6 pontos que você resolve em uma tarde {#checklist}

Try this prompt
⌘+Enterto launch

Próximos passos {#proximos-passos}

Try this prompt
⌘+Enterto launch

From Como Adicionar Agendamento Online em Qualquer Site (Sem Código)

1 prompt

Neste Artigo

Try this prompt
⌘+Enterto launch

From Customer Reviews on Your Website (No Plugin)

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Method 2: Free Google Rating Embed {#method-2-free-google-rating-embed}

Try this prompt
⌘+Enterto launch

From Landing Page para tu Curso Online en Una Tarde

4 prompts

Paso 2: Haz que el programa se sienta concreto

Try this prompt
⌘+Enterto launch

Schritt 2: Das Curriculum greifbar machen

Try this prompt
⌘+Enterto launch

Passo 2: Faça o Currículo Parecer Real

Try this prompt
⌘+Enterto launch

Step 2: Make the Curriculum Feel Tangible

Try this prompt
⌘+Enterto launch

From Personal Trainer Website in One Afternoon

5 prompts

In This Article

Try this prompt
⌘+Enterto launch

Step 1: Describe Your Studio to AI

Try this prompt
⌘+Enterto launch

In diesem Artikel

Try this prompt
⌘+Enterto launch

En Este Artículo

Try this prompt
⌘+Enterto launch

Neste Artigo

Try this prompt
⌘+Enterto launch

From Menú QR para Restaurantes: Listo en 10 Minutos

5 prompts

En Este Artículo

Try this prompt
⌘+Enterto launch

Paso 1: Crea la Página de tu Menú Digital (3 min)

Try this prompt
⌘+Enterto launch

Neste Artigo

Try this prompt
⌘+Enterto launch

In This Article

Try this prompt
⌘+Enterto launch

In diesem Artikel

Try this prompt
⌘+Enterto launch

From Wix vs Squarespace vs Builders com IA: Veredicto 2026

2 prompts

Quanto Tempo Leva de Verdade?

Try this prompt
⌘+Enterto launch

Quem Deve Usar o Quê

Try this prompt
⌘+Enterto launch

From Real Estate Agent Website in One Afternoon

5 prompts

What Your Real Estate Website Actually Needs

Try this prompt
⌘+Enterto launch

Step 2: Listings Showcase (No IDX Required)

Try this prompt
⌘+Enterto launch

Schritt 2: Exposé-Übersicht (ohne Portal-API)

Try this prompt
⌘+Enterto launch

Passo 2: Vitrine de imóveis (sem integração com portal)

Try this prompt
⌘+Enterto launch

Paso 2: Showcase de propiedades (sin integración de portales)

Try this prompt
⌘+Enterto launch

From Add Online Booking in 15 Min (Free Tools)

5 prompts

In This Article

Try this prompt
⌘+Enterto launch

Which Tool Is Right for You?

Try this prompt
⌘+Enterto launch

Neste Artigo

Try this prompt
⌘+Enterto launch

En Este Artículo

Try this prompt
⌘+Enterto launch

In diesem Artikel

Try this prompt
⌘+Enterto launch

From DSGVO & Impressum kostenlos: 5-Minuten-Cheatsheet

2 prompts

In diesem Artikel

Try this prompt
⌘+Enterto launch

Schritt 3: Cookie-Banner — brauchst du einen?

Try this prompt
⌘+Enterto launch

From Tienda online con Mercado Pago: abre hoy sin código

2 prompts

Lo que necesitás antes de empezar

Try this prompt
⌘+Enterto launch

Armá tu tienda ahora

Try this prompt
⌘+Enterto launch

From Site MEI grátis com IA: como criar em 1 hora

2 prompts

Neste artigo

Try this prompt
⌘+Enterto launch

Resumo do checklist

Try this prompt
⌘+Enterto launch

From Sitio Web para Abogados: Páginas de Confianza que Convierten

4 prompts

Las 6 páginas clave de confianza

Try this prompt
⌘+Enterto launch

Construye tu sitio con IA: prompts listos

Try this prompt
⌘+Enterto launch

Construye tu sitio con IA: prompts listos

Try this prompt
⌘+Enterto launch

Construye tu sitio con IA: prompts listos

Try this prompt
⌘+Enterto launch

From Monte um Site para o seu Salão de Beleza em Uma Tarde

4 prompts

Passo 1: Descreva Seu Salão para a IA

Try this prompt
⌘+Enterto launch

Passo 2: Monte a Galeria de Antes e Depois

Try this prompt
⌘+Enterto launch

Paso 2: Crea tu Galería de Antes/Después

Try this prompt
⌘+Enterto launch

Schritt 2: Deine Vorher-Nachher-Galerie aufbauen

Try this prompt
⌘+Enterto launch

From Build a Restaurant Website in One Afternoon

5 prompts

In This Article

Try this prompt
⌘+Enterto launch

Build Your Restaurant Site Now

Try this prompt
⌘+Enterto launch

Neste Artigo

Try this prompt
⌘+Enterto launch

In diesem Artikel

Try this prompt
⌘+Enterto launch

En este artículo

Try this prompt
⌘+Enterto launch

From La Guía Definitiva de Sitios Web para tu Negocio: Crea, Lanza y Aparece en Google con IA (2026)

2 prompts

Salones de belleza y barberías

Try this prompt
⌘+Enterto launch

Restaurantes y cafeterías

Try this prompt
⌘+Enterto launch

From Build Real Apps with AI: From Idea to Deployment (2026)

1 prompt

State Management Considerations

Try this prompt
⌘+Enterto launch

From Google Stitch vs Figma Make: I Tested Both

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

How Each Tool Handles Prompts {#how-each-tool-handles-prompts}

Try this prompt
⌘+Enterto launch

From Gemma 4 Coding Tutorial: Free Local AI That Works

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Step 4: Connect to Your Tools (Optional)

Try this prompt
⌘+Enterto launch

From Gemini 3.1 Pro Frontend: 15+ Prompts That Work

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Advanced Prompts

Try this prompt
⌘+Enterto launch

From OpenAI Codex CLI: Build Frontend in Your Terminal

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Your First Codex CLI Session

Try this prompt
⌘+Enterto launch

From Cursor vs Windsurf vs Copilot: The Real Winner in 2026

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Agentic Capabilities: The Real Battleground

Try this prompt
⌘+Enterto launch

From AI Tabs & Accordion Prompts That Actually Work

2 prompts

Basic Horizontal Tab Prompts

Try this prompt
⌘+Enterto launch

FAQ Accordions With SEO Schema

Try this prompt
⌘+Enterto launch

From Tailwind AI Generator: 25+ Prompts That Work

1 prompt

Primary Action Button

Try this prompt
⌘+Enterto launch

From Voice Vibe Coding: Build UIs by Talking to AI

1 prompt

In This Article

Try this prompt
⌘+Enterto launch

From Claude 4.6 Frontend Prompts That Actually Work

1 prompt

Quick Generation (Low Thinking)

Try this prompt
⌘+Enterto launch

From shadcn/skills Setup: Stop AI Hallucinations

1 prompt

Try It: Generate shadcn Components Now

Try this prompt
⌘+Enterto launch

From AI Website Builder for Startups: Ship Before Competitors

3 prompts

5 Essential Sections Every Startup Website Needs

Try this prompt
⌘+Enterto launch

The Pitch Page Prompt

Try this prompt
⌘+Enterto launch

The Early Access Page Prompt

Try this prompt
⌘+Enterto launch

From Pre-Launch Checklist: Ship Vibe Coded Apps

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

5. Test Share Previews

Try this prompt
⌘+Enterto launch

From AI Confidence Indicators: Prompts for UIs Users Trust

4 prompts

Color-Coded Confidence Thresholds (The Traffic Light Pattern)

Try this prompt
⌘+Enterto launch

Progress Bars and Percentage Displays

Try this prompt
⌘+Enterto launch

Source Citation Components (The Trust Multiplier)

Try this prompt
⌘+Enterto launch

Putting It All Together: Complete Implementation

Try this prompt
⌘+Enterto launch

From AI UI Generator Online: How to Actually Pick the Right One

2 prompts

Criterion 1: Prompt Quality → Output Quality

Try this prompt
⌘+Enterto launch

For Full-Stack Builds

Try this prompt
⌘+Enterto launch

From No Code AI Website: Build Without Writing Code

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Step 2: Let AI Generate Your First Draft

Try this prompt
⌘+Enterto launch

From Free AI Code Generator for Frontend (Actually Good)

2 prompts

Real Example: React Component Library

Try this prompt
⌘+Enterto launch

Getting Started (Right Now)

Try this prompt
⌘+Enterto launch

From Prompt Engineering for UI: 7 Parts Every Good Prompt Needs

2 prompts

The Anatomy of a Perfect UI Prompt (7 Components)

Try this prompt
⌘+Enterto launch

Mistake #5: Zero Examples

Try this prompt
⌘+Enterto launch

From Skip Design: Prompt-to-Code is 10x Faster

2 prompts

Prompt-to-Code: What It Actually Looks Like in 2026

Try this prompt
⌘+Enterto launch

Step 2: Write Your Foundation Prompt (60 seconds)

Try this prompt
⌘+Enterto launch

From AI React Component Generator: Prompts That Work

1 prompt

In This Article

Try this prompt
⌘+Enterto launch

From 50 Vibe Coding Prompts That Actually Work

1 prompt

11. Analytics Overview

Try this prompt
⌘+Enterto launch

From Build a Website with AI in 10 Minutes Flat

3 prompts

Minute 0-2: Describe Your Vision to AI

Try this prompt
⌘+Enterto launch

2. Portfolio Website

Try this prompt
⌘+Enterto launch

3. Business Website

Try this prompt
⌘+Enterto launch

From Build a Vibe Coding Prompt Library (Stop Rewriting)

2 prompts

Step 3: Create Reusable Prompt Templates with Variables

Try this prompt
⌘+Enterto launch

Starter Library: 10 Must-Have Frontend Prompt Templates

Try this prompt
⌘+Enterto launch

From Self-Host Vibe Coding on a $5 VPS (Full Setup)

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

(Optional) Add HTTPS with Nginx

Try this prompt
⌘+Enterto launch

From AI Search & Command Palette Prompts That Work

2 prompts

Basic Search Bar Prompts (That Don't Suck)

Try this prompt
⌘+Enterto launch

Command Palette (Cmd+K) Prompts

Try this prompt
⌘+Enterto launch

From GitHub Spec Kit Frontend: Ship UIs That Match Your Vision

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Acceptance Criteria

Try this prompt
⌘+Enterto launch

From AI Coding Spec Template That Actually Ships

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

6. Success Criteria: Definition of Done

Try this prompt
⌘+Enterto launch

From AI State Management Prompts: Zustand & React Query That Work

1 prompt

Basic Store Setup

Try this prompt
⌘+Enterto launch

From Test AI-Generated Code: Stop Shipping Bugs

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Example Output

Try this prompt
⌘+Enterto launch

From Prompt Chaining for UI: Build Complex Pages Step-by-Step

1 prompt

In This Article

Try this prompt
⌘+Enterto launch

From AI Notification Prompts That Actually Work

2 prompts

Basic Toast Prompt (Copy This)

Try this prompt
⌘+Enterto launch

Real-World Prompt: Complete Toast System

Try this prompt
⌘+Enterto launch

From The 70% Wall: Why Your Vibe Project Is Stuck

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Prioritization Matrix

Try this prompt
⌘+Enterto launch

From AI Skeleton Loaders: Prompts That Kill Spinners

3 prompts

The Foundation Prompt

Try this prompt
⌘+Enterto launch

Basic Shimmer Prompt

Try this prompt
⌘+Enterto launch

Putting It All Together

Try this prompt
⌘+Enterto launch

From AI Coding Workflow Mastery: Debug, Refactor, Ship

1 prompt

When NOT to Refactor

Try this prompt
⌘+Enterto launch

From Vibe Coding: The Complete Guide to AI-Powered Development (2026)

2 prompts

Your First Prompt (The Right Way)

Try this prompt
⌘+Enterto launch

Stage 6: Ship

Try this prompt
⌘+Enterto launch

From AI Mobile Prompts: 90% of UIs Break (Fix Yours)

1 prompt

The Prompts That Actually Work

Try this prompt
⌘+Enterto launch

From Agentic Coding Frontend: Stop Babysitting AI

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Writing Goal-Based Prompts That Actually Work

Try this prompt
⌘+Enterto launch

From Context Window Mastery: Stop AI From Forgetting

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Tip 4: Split Complex Requests Into Logical Steps

Try this prompt
⌘+Enterto launch

From Parallel Vibe Coding: Run Multiple AI Agents Like a Pro

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

The "Isolated Component" Prompt

Try this prompt
⌘+Enterto launch

From AGENTS.md: Make AI Actually Get Your Code

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

DO NOT

Try this prompt
⌘+Enterto launch

From Vibe Refactoring: 20+ Prompts to Clean Up AI Code

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Clean Up Inline Styles

Try this prompt
⌘+Enterto launch

From Google Stitch Tutorial: From Prompt to UI in Minutes

1 prompt

In This Article

Try this prompt
⌘+Enterto launch

From Generate Tailwind Components with AI (Stop Guessing)

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Step 3: Generate Your Base Components

Try this prompt
⌘+Enterto launch

From Vibe Debugging: 5-Step Workflow That Fixes Any AI UI

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Step 5: Document and Prevent Future Issues

Try this prompt
⌘+Enterto launch

From 5 Steps to Fix Any AI UI (Works Every Time)

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

Step 3: Screenshot-Based Iteration (The Game Changer)

Try this prompt
⌘+Enterto launch

From AI Accessibility Prompts: WCAG UIs That Pass

1 prompt

The Basic Semantic Prompt

Try this prompt
⌘+Enterto launch

From AI Dark Mode Prompts That Actually Work

2 prompts

Foundation Theme System Prompts

Try this prompt
⌘+Enterto launch

Complete Example: Full Theme System Prompt

Try this prompt
⌘+Enterto launch

From Build Web3 dApp UI with AI: Prompts That Work

2 prompts

MetaMask-Style Connect Button

Try this prompt
⌘+Enterto launch

Token Swap Interface (Uniswap-Style)

Try this prompt
⌘+Enterto launch

From AI Testimonial Section Prompts That Build Trust

1 prompt

Logo Walls and Trust Badges

Try this prompt
⌘+Enterto launch

From Fix AI-Generated Code Errors (Actually Works)

2 prompts

In This Article

Try this prompt
⌘+Enterto launch

The Universal Debug Prompt

Try this prompt
⌘+Enterto launch

From Vibe Coding for Beginners: Your First App in 15 Min

1 prompt

In This Article

Try this prompt
⌘+Enterto launch

From Cursor Debug Mode: How AI Agents Are Getting Smarter with Runtime Logs

2 prompts
Try this prompt
⌘+Enterto launch

Step 4: Analysis and Fix

Try this prompt
⌘+Enterto launch

From Bolt.new Tutorial: Build and Deploy React Apps in Minutes (2025 Guide)

2 prompts
Try this prompt
⌘+Enterto launch

Is Bolt.new Right for You?

Try this prompt
⌘+Enterto launch

From WordPress Telex: The Vibe Coding Tool That's Changing Block Development

2 prompts
Try this prompt
⌘+Enterto launch

Real-World Examples That Actually Shipped

Try this prompt
⌘+Enterto launch

From Mistral Devstral 2 Review: Can This Open-Source Model Beat Claude for Vibe Coding?

2 prompts
Try this prompt
⌘+Enterto launch

The Verdict: Is Devstral 2 Worth It?

Try this prompt
⌘+Enterto launch

From MCP for Frontend Developers: Connect Your AI Tools to Everything

2 prompts
Try this prompt
⌘+Enterto launch

Practical Example: Figma to React with MCP

Try this prompt
⌘+Enterto launch

From Replit Agent 3 Review: Is It Really 10x More Autonomous?

2 prompts
Try this prompt
⌘+Enterto launch

The Credit Burn Problem

Try this prompt
⌘+Enterto launch

From Cursor vs Windsurf en 2026: El Gran Duelo de los IDEs con IA

5 prompts
Try this prompt
⌘+Enterto launch

¿Cuál IDE es Mejor para Vibe Coding?

Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

From Google AI Studio para Vibe Coding: Tutorial Práctico para Desarrolladores Frontend

4 prompts
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

From The Vibe Coding Security Checklist: 15 Steps to Ship Safe AI-Generated Code

5 prompts
Try this prompt
⌘+Enterto launch

Vibe Code Responsibly

Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

From 0xMinds vs v0 vs Lovable: Qual Gerador de Frontend com IA Ganha em 2025?

5 prompts

0xMinds: O Especialista em Frontend

Try this prompt
⌘+Enterto launch

Lovable: O Competidor Full-Stack

Try this prompt
⌘+Enterto launch

Lovable: Der Full-Stack-Kandidat

Try this prompt
⌘+Enterto launch

Lovable: El contendiente full-stack

Try this prompt
⌘+Enterto launch

v0 by Vercel: The Component King

Try this prompt
⌘+Enterto launch

From 10 Vibe-Coding-Fehler, die dein Projekt ruinieren (und wie du sie vermeidest)

5 prompts
Try this prompt
⌘+Enterto launch

Fehler #7: KI-generierten Code nicht testen

Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

From Figma para Código em 2026: As Melhores Ferramentas de IA Comparadas

5 prompts
Try this prompt
⌘+Enterto launch

Onde o 0xMinds se Encaixa

Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

From Context Engineering para Programar com IA: O Guia Completo para 2026

6 prompts
Try this prompt
⌘+Enterto launch

Things to Avoid

Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

Patterns to Follow

Try this prompt
⌘+Enterto launch

From Vibe Coding: La Guía Completa de Mejores Prácticas para 2026

8 prompts
Try this prompt
⌘+Enterto launch

1. Empieza con una Especificación, No con un Prompt

Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

1. Starte mit einem Spec, nicht mit einem Prompt

Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

1. Comece com uma Spec, Não com um Prompt

Try this prompt
⌘+Enterto launch
Try this prompt
⌘+Enterto launch

1. Start With a Spec, Not a Prompt

Try this prompt
⌘+Enterto launch

Browse other prompt categories

Landing pages17Forms & inputs13Cards10Dashboards10Hero sections9Galleries & carousels6Tables6Navbars & footers6
Build with Fardino

Got an idea? Build it now.

Describe the site or app you want — Fardino turns it into a live website.

⌘+Enterto launch