📚 Design Enhancer Documentation

Complete guide to using the Design Enhancer tool for generating AI-powered design prompts. Learn how to create perfect prompts for your web design projects.

🎯 Introduction

Design Enhancer is a powerful prompt generation tool that helps you create detailed, comprehensive AI prompts for enhancing web designs. Whether you're working on a single page or a multi-page website, this tool generates customized prompts that guide AI to understand your exact design requirements.

Smart Prompts

Generate comprehensive AI prompts tailored to your specific design needs and preferences.

Theme Selection

Choose from multiple design themes or let AI decide the best option for your project.

Task Breakdown

Break complex projects into manageable parts with up to 20 execution steps.

🚀 Quick Start Guide

Follow these simple steps to generate your first design enhancement prompt:

1

Upload Your Files

Drag and drop your HTML, CSS, JavaScript, and PHP files into the upload zone. The tool will automatically categorize them.

2

Select Design Focus Areas

Choose which aspects of your design you want to enhance: Colors, Typography, Layout, Responsiveness, and more.

3

Choose Enhancement Level

Select how aggressive you want the changes to be: Minor Refinement, Moderate Refresh, or Aggressive Transformation.

4

Pick a Theme & Layout

Select a design theme and layout style, or let AI Decision make the best choice for your project.

5

Generate & Copy

Click "Generate Enhancement Prompt" and copy the result to use with your favorite AI tool.

👁️ Tool Overview

The Design Enhancer interface is divided into several sections, each serving a specific purpose:

Tool Interface Screenshot

  • File Upload Zone: Where you add your project files for enhancement
  • Design Focus: Select specific areas to improve
  • Enhancement Level: Control how dramatic the changes will be
  • Theme Selector: Choose your preferred design aesthetic
  • Layout Selector: Pick how content should be structured
  • Task Breakdown: Configure execution mode and steps
  • Additional Instructions: Add custom requirements

📁 File Upload

The file upload section allows you to add all your project files. Files are automatically categorized based on their type.

Supported File Types

  • HTML Files: .html, .htm - Your page structure
  • CSS Files: .css - Your stylesheets
  • JavaScript: .js - Your scripts
  • PHP Files: .php - Server-side code
Pro Tip

You can drag and drop multiple files at once, or click to browse and select files from your computer.

🎯 Design Focus Areas

Select which aspects of your design you want the AI to focus on when making improvements:

Colors & Palette

Improve color harmony, contrast, and overall color scheme.

Typography

Enhance font choices, sizes, spacing, and readability.

Layout & Spacing

Improve visual hierarchy, margins, and padding.

Responsiveness

Ensure the design works well on all screen sizes.

🎨 Design Themes

Choose a design theme that matches your project's aesthetic. You can select multiple themes for AI to blend together.

Available Themes

  • AI Decision: Let AI choose the best theme for your project
  • Midnight Aurora: Dark, cosmic theme with aurora color accents
  • Ocean Breeze: Cool blues and teals for a calm, professional feel
  • Sunset Gradient: Warm oranges and pinks for vibrant designs
  • Forest Green: Natural greens for eco-friendly aesthetics
  • Minimalist White: Clean, modern, and spacious
Mix & Match

Select multiple themes to create a unique blend. The AI will intelligently combine elements from each selected theme.

📐 Layout Options

Select how you want your content to be structured. Different layouts work better for different types of content.

Layout Types

  • AI Decision: Let AI determine the optimal layout
  • Single Page: All content on one scrolling page
  • Multi-Section: Divided into distinct content sections
  • Card-Based: Content organized in card components
  • Magazine Style: Editorial layout with mixed content

📊 Task Breakdown & Execution

For large projects, break the work into manageable parts. This helps AI deliver quality results step by step.

Number of Parts

Use the slider to select between 1-20 parts. The AI will divide the enhancement work accordingly.

Execution Modes

  • Step-by-Step: AI completes one part at a time, waiting for your review
  • Continuous: AI completes all parts sequentially without pausing
  • Parallel: Multiple parts processed simultaneously where possible
Recommendation

For complex projects with many files, we recommend using 10-20 parts with Step-by-Step execution for better control and quality.

🚫 File Exclusions

You can exclude specific files from certain types of changes:

  • Exclude from Theme: Keep the file's current color scheme
  • Exclude from Layout: Preserve the file's current structure
  • Exclude from Both: No design changes to this file

🏠 Homepage Configuration

Configure how your homepage should be handled during the enhancement process.

Options

  • Enhance Existing: Improve your current homepage
  • Create New Landing Page: Generate a completely new homepage

➕ Additional Pages

You can also request the creation of additional pages for your project:

  • About Page
  • Contact Page
  • Services Page
  • Blog/News Page
  • FAQ Page
  • Team Page
  • And many more...
Documentation Page

You can also request a documentation page that explains how to use your application, complete with illustrations and easy-to-follow guides.