[ [LIB.AI.04] AI Tools ] AI Image Generation

AI Image Generation

> Text-to-image generation interface with style presets.

Overview

[ [0x[LIB.AI.04] STATUS ]

Enable users to generate high-quality images from text descriptions. Includes support for style presets (photorealistic, anime, 3d render), aspect ratio selection, and a personal gallery of generated history.

Features

[ [0x01] TEXT_TO_IMAG ]

STATUS: READY

DESC: Generate images from natural language prompts.

[ [0x02] STYLE_PRESET ]

STATUS: READY

DESC: One-click style modifiers for consistent results.

[ [0x03] ASPECT_RATIO ]

STATUS: READY

DESC: Support for square, landscape, and portrait formats.

[ [0x04] HISTORY_GALL ]

STATUS: READY

DESC: Automatically save and browse previously generated images.

Setup

[ [0x01] IMPORT COMPONENTS ]

DESC: Add the image generator to your page.

1import { Card, CardHeader, CardContent } from "@/components/ui/card";
2import { Button } from "@/components/ui/button";
3import { Textarea } from "@/components/ui/textarea";

Usage

[ [0xEF] BASIC USAGE ]

Copy the template from the library page.

1// See /library/ai-image for full template
2const handleGenerate = async (prompt: string, options: ImageOptions) => {
3  const response = await fetch('/api/ai/image', {
4    method: 'POST',
5    headers: { 'Content-Type': 'application/json' },
6    body: JSON.stringify({ prompt, ...options }),
7  });
8  return await response.json();
9};
10
11// ImageOptions type
12interface ImageOptions {
13  size: '1024x1024' | '1792x1024' | '1024x1792';
14  style: 'vivid' | 'natural';
15  quality: 'standard' | 'hd';
16}

Configuration

[ [0xA0] CONFIG OPTIONS ]

Option	Type	Default	Description
size	`"1024x1024" \| "1792x1024" \| "1024x1792"`	`"1024x1024"`	Output image dimensions.
style	`"vivid" \| "natural"`	`"vivid"`	DALL-E style preset.
quality	`"standard" \| "hd"`	`"standard"`	Image quality level.

Image Options

[ [0x2B] GENERATION SETTINGS ]

SIZE: Square (1024x1024), Landscape (1792x1024), Portrait (1024x1792)
STYLE: Vivid (hyper-real) or Natural (more realistic)
QUALITY: Standard or HD (enhanced detail)

Features

[ [0x01] TEXT_TO_IMAG ]

STATUS: READY

DESC: Generate images from natural language prompts.

[ [0x02] STYLE_PRESET ]

STATUS: READY

DESC: One-click style modifiers for consistent results.

[ [0x03] ASPECT_RATIO ]

STATUS: READY

DESC: Support for square, landscape, and portrait formats.

[ [0x04] HISTORY_GALL ]

STATUS: READY

DESC: Automatically save and browse previously generated images.

Usage

[ [0xEF] BASIC USAGE ]

Copy the template from the library page.

1// See /library/ai-image for full template
2const handleGenerate = async (prompt: string, options: ImageOptions) => {
3  const response = await fetch('/api/ai/image', {
4    method: 'POST',
5    headers: { 'Content-Type': 'application/json' },
6    body: JSON.stringify({ prompt, ...options }),
7  });
8  return await response.json();
9};
10
11// ImageOptions type
12interface ImageOptions {
13  size: '1024x1024' | '1792x1024' | '1024x1792';
14  style: 'vivid' | 'natural';
15  quality: 'standard' | 'hd';
16}

Option

Type

Default

Description

size

"1024x1024" | "1792x1024" | "1024x1792"

"1024x1024"

Output image dimensions.

style

"vivid" | "natural"

"vivid"

DALL-E style preset.

quality

"standard" | "hd"

"standard"

Image quality level.