Create multiple screens for Simple Task Management App

View template previews, prompts, and related templates.

UI/UX Design

Prompt Example

# Screen to Create Main screen set for a simple Task Management App (To-Do List) # Required Screen Names 1. Task List Screen 2. Task Detail Screen # Required Features in Screen [Common Elements] - Use simple and minimal icons (Do not use images) [Task List Screen] - Header: - Title "My Tasks" - Date display - Progress bar showing achievement rate - Category Tabs: - Chips for "All", "Work", "Personal", "Shopping" - Task List: - Checkbox, Task Name, Due Date, Priority Flag (High/Medium/Low) for each row - Completed tasks displayed with strikethrough - FAB (Floating Action Button): - "+" Task Add button at bottom right - Tab Bar (Bottom Navigation): - Fixed at the bottom of the screen - Items: Home, Calendar, Report, Settings [Task Detail Screen] - Edit Area: - Task Name input field - Memo/Description text area - Settings Items (List format): - Due Date setting (Calendar icon) - Reminder setting (Bell icon/Toggle switch) - Category selection - Priority selection - Footer: - "Delete Task" link and "Save" button # Target User Business persons and students who value efficiency. # Design Taste - Warm style based on Off-White (#FAF9F6) - Use calm Orange (#F4B459) for accent color

More Prompt Templates

UI/UX Design

# Screen to Create

Employee management screen set for HR SaaS

# Required Screen Names

1. Employee List Screen

2. Employee Detail Screen

# Required Features in Screen

[Common Elements]

SaaS Dashboard

Components

# Screen to Create

Contact form for BtoB service

# States to Generate

Create the following 3 states side-by-side:

1. Default (Empty/Initial state)

2. Active (Inputting/Focused state)

3. Error (Input error state)

Contact Form

Visuals

# Screen to Create

Landing page for an organic cafe

# Specified Color Palette (Strict Adherence)

- Primary Color: #4A6741 (Natural Earth Green)

- Secondary Color (Accent): #C5A065 (Warm Wood Color)

- Background: #F2F0EB (Unbleached Cotton-like Ecru)

- Text Color: #3E3630 (Soft Charcoal Brown)

Cafe Landing Page

Components

# Screen to Create

# States to Generate

Create the following 4 states side-by-side:

1. Default (Empty)

2. Active (Inputting)

3. Error (Condition mismatch/Error)

User Registration Form

Components

# Screen to Create

Landing page for an apparel brand (Smartphone design)

# Specified Color Palette (Strict Adherence)

- Primary Color: #FF8A80 (Coral Pink)

- Secondary Color (Accent): #212121 (Sophisticated Black)

- Background: #FFFFFF (Pure White)

- Text Color: #000000 (Pure Black)

Apparel Brand Landing Page

Visuals

# Screen to Create

User Persona Sheet (1920x1080 slide format)

# Basic Persona Info

- Name: Taro Saso (25 years old, Male, Living in Tokyo)

- Occupation: Sales

# Information to Include in Sheet

1. PROFILE (Basic Info)

Fitness App Persona Sheet

Visuals

# Screen to Create

Customer Journey Map for Recipe Proposal App

# Map Structure (Table format)

Vertical Axis:

1. Phase (Awareness, Consideration, Usage Start, Continued Usage)

2. User Action (Action)

3. Thinking (Thinking)

Recipe Service Customer Journey Map