Select Category

Select Page Type

Select a category above to view page types.

Customize Prompt

Core Settings

Fidelity Style

Color Scheme

Target Device

UI Framework

Visual Style

Theme / Mood

Background Mode

Typography

Icon Style

AI & Output Settings

Target AI Tool

Aspect Ratio

Complexity Level

Interactions

Layout & Technical

Grid System

Annotations

Project Name

Additional Notes (Optional)

Generated Prompt

Select a category and page type to generate...

Quick Prompt Templates

Saved Prompts

How to Use

What Is This Tool?

Frequency Asked Questions

Google Jules is an advanced coding agent reference. This tool creates prompts to help you interact with such agents for frontend code generation.

Yes, specify 'React' or 'Framework-specific' in the settings to generate prompts that ask for component-based code.

Since it is Google-focused, the prompts heavily favor Material Design principles by default unless changed.

Trusted Resources for Google Jules UI

To ensure high-quality results, we recommend validating your generated prompts against official documentation and community standards. Here is a verified source:

Google Jules Code Assistant

Using official guidelines from Google Jules Code Assistant helps improve the accuracy and relevance of your AI-generated designs.

Google Jules UI Design AI Prompt Generator