Create multiple screens for HR SaaS

View template previews, prompts, and related templates.

UI/UX Design

Prompt Example

# 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] - Left sidebar navigation (Dark mode) - Header (Breadcrumb list, User icon, Notification bell) [Employee List Screen] - Top: Search box, Department/Position filter, "Add Employee" button (Primary) - Main: Employee data table - Columns: Employee ID, Name (with icon), Department, Position, Hire Date, Status (Active/Leave, etc.) - Right end of row: Arrow icon or "Detail" button to navigate to details - Bottom: Pagination [Employee Detail Screen] - Header Area: - Large display of Employee icon, Name, Employee ID, Department - Action buttons such as "Edit", "Resignation Procedure" on the top right - Main Content (Tab switching): - Basic Info Tab: Profile info such as DOB, Address, Contact info - Work Info Tab: Assignment history, Evaluation history, Skill set - HR Info Tab: Employment contract details, Payroll account info, Social insurance info - Layout: - Arranged in card-type sections for readability (Use Auto Layout) # Target User HR personnel in companies.

More Prompt Templates

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

UI/UX Design

# 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]

Task Management App

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