FRONTEND

Prompts, agentes e workflows de Frontend

Assets de IA da categoria Frontend publicados por criadores da plataforma - testados, com contexto de uso e prontos para adaptar.

Operational prompt Ready-made project Applicable agent Brazilian context
Every item in the catalog has to prove itself as a gain in time, clarity or execution. The focus is not nicely written text. It is applicable results.
70 assets found The Library opens with the most recent cards first by default.
Playbook: Loading and Wait Pattern
Frontend Lovable
Operational prompt Ideal for Teams putting AI to work

Playbook: Loading and Wait Pattern

Faster delivery with real context

Design loading states that communicate progress, not just spin. A structured prompt with steps, output format, and quali…

Saves: less trial and error Includes: prompt + context Ready to adapt
Audit: Visual Hierarchy for Dense Screens
Frontend Claude
Operational prompt Ideal for Teams putting AI to work

Audit: Visual Hierarchy for Dense Screens

Faster delivery with real context

Organize information-heavy screens without hiding what matters. Structured prompt with steps, output format, and quality…

Saves: less trial and error Includes: prompt + context Ready to adapt
Reviewer: Human Error Flow — in a Launched Product
Frontend ChatGPT
Operational prompt Ideal for Teams putting AI to work

Reviewer: Human Error Flow — in a Launched Product

Faster delivery with real context

Handle errors without blaming the user and with a clear way out. Structured prompt with steps, output format, and qualit…

Saves: less trial and error Includes: prompt + context Ready to adapt
Playbook: Destructive Confirmation Pattern
Frontend Claude
Operational prompt Ideal for Teams putting AI to work

Playbook: Destructive Confirmation Pattern

Faster delivery with real context

Design confirmation for irreversible actions without overdoing the alarm. Structured prompt with steps, output format, a…

Saves: less trial and error Includes: prompt + context Ready to adapt
Generator: Wireframe from the Problem
Frontend ChatGPT
Operational prompt Ideal for Teams putting AI to work

Generator: Wireframe from the Problem

Faster delivery with real context

Propose screen structure starting from the user’s task. Structured prompt with steps, output format, and quality criteri…

Saves: less trial and error Includes: prompt + context Ready to adapt
Checklist: Usability Test Script
Frontend Claude
Operational prompt Ideal for Teams putting AI to work

Checklist: Usability Test Script

Faster delivery with real context

Tasks and questions for a test session. Structured prompt with steps, output format, and quality criteria.

Saves: less trial and error Includes: prompt + context Ready to adapt
Plan: Menu Naming Reviewer
Frontend Lovable
Operational prompt Ideal for Teams putting AI to work

Plan: Menu Naming Reviewer

Faster delivery with real context

Check whether menu labels make sense to the people using them. Structured prompt with steps, output format, and quality …

Saves: less trial and error Includes: prompt + context Ready to adapt
Diagnostic: Responsive Component
Frontend Lovable
Operational prompt Ideal for Teams putting AI to work

Diagnostic: Responsive Component

Faster delivery with real context

Define the component behavior at each breakpoint. Structured prompt with steps, output format, and quality criteria.

Saves: less trial and error Includes: prompt + context Ready to adapt
Template: No-jargon onboarding copy — for small teams
Frontend ChatGPT
Operational prompt Ideal for Teams putting AI to work

Template: No-jargon onboarding copy — for small teams

Faster delivery with real context

Write first-use copy that anyone can understand. A structured prompt with steps, output format, and quality criteria.

Saves: less trial and error Includes: prompt + context Ready to adapt
Framework: Destructive Confirmation Pattern
Frontend Midjourney
Operational prompt Ideal for Teams putting AI to work

Framework: Destructive Confirmation Pattern

Faster delivery with real context

Design confirmation for irreversible actions without overhyping the alarm. Structured prompt with steps, output format, …

Saves: less trial and error Includes: prompt + context Ready to adapt
Reviewer: Long-form redesign — distributed team
Frontend ChatGPT
Operational prompt Ideal for Teams putting AI to work

Reviewer: Long-form redesign — distributed team

Faster delivery with real context

Reduce drop-off in long forms. Structured prompt with steps, output format, and quality criteria.

Saves: less trial and error Includes: prompt + context Ready to adapt
Plan: Frictionless Sign-Up Flow
Frontend Claude
Operational prompt Ideal for Teams putting AI to work

Plan: Frictionless Sign-Up Flow

Faster delivery with real context

Reduce the fields and steps in a sign-up flow without losing essential data. Structured prompt with steps, output format…

Saves: less trial and error Includes: prompt + context Ready to adapt
Template: Contrast and Readability Reviewer — for legacy
Frontend Midjourney
Operational prompt Ideal for Teams putting AI to work

Template: Contrast and Readability Reviewer — for legacy

Faster delivery with real context

Check whether the text is readable in both product themes. Structured prompt with steps, output format, and quality crit…

Saves: less trial and error Includes: prompt + context Ready to adapt
Generator: Design system generator — at scale
Frontend Midjourney
Operational prompt Ideal for Teams putting AI to work

Generator: Design system generator — at scale

Faster delivery with real context

Define consistent color, spacing, and typography tokens. Structured prompt with steps, output format, and quality criter…

Saves: less trial and error Includes: prompt + context Ready to adapt
Outline: Visual Consistency Reviewer
Frontend Claude
Operational prompt Ideal for Teams putting AI to work

Outline: Visual Consistency Reviewer

Faster delivery with real context

Identify where the interface deviates from the established standard. Structured prompt with steps, output format, and qu…

Saves: less trial and error Includes: prompt + context Ready to adapt
Generator: Long Form Redesign
Frontend ChatGPT
Operational prompt Ideal for Teams putting AI to work

Generator: Long Form Redesign

Faster delivery with real context

Reduce drop-off in long forms. Structured prompt with steps, output format, and quality criteria.

Saves: less trial and error Includes: prompt + context Ready to adapt
Review: In-Product Notification Pattern
Frontend ChatGPT
Operational prompt Ideal for Teams putting AI to work

Review: In-Product Notification Pattern

Faster delivery with real context

Decide when to notify inside the product without creating noise. Structured prompt with steps, output format, and qualit…

Saves: less trial and error Includes: prompt + context Ready to adapt
Reviewer: Responsive Component — for New Product
Frontend Midjourney
Operational prompt Ideal for Teams putting AI to work

Reviewer: Responsive Component — for New Product

Faster delivery with real context

Define the component’s behavior at each breakpoint. Structured prompt with steps, output format, and quality criteria.

Saves: less trial and error Includes: prompt + context Ready to adapt
Guide: Empty state that teaches
Frontend Midjourney
Operational prompt Ideal for Teams putting AI to work

Guide: Empty state that teaches

Faster delivery with real context

Design an empty state that guides first-time use. Structured prompt with steps, output format, and quality criteria.

Saves: less trial and error Includes: prompt + context Ready to adapt
Reviewer: Human Error Flow
Frontend ChatGPT
Operational prompt Ideal for Teams putting AI to work

Reviewer: Human Error Flow

Faster delivery with real context

Handle errors without blaming the user and with a clear way out. Structured prompt with steps, output format, and qualit…

Saves: less trial and error Includes: prompt + context Ready to adapt