Skip to content

AgentImageGeneration ​

Stable image surface from queued work through refinement to completion.

Demo ​

AgentImageGenerationOne public API for H5 and Wevu
Live state
Release readiness workflowAgentImageGeneration
Refining image68% · Rendering details
Generation progress68%
PromptA clean mini-program Agent interface

Basic Usage ​

vue
<script setup lang="ts">
import { AgentImageGeneration } from '@/components/agent-ui'
</script>

<template>
  <AgentImageGeneration status="generating" :progress="68" prompt="Generate an Agent UI" />
</template>

Props ​

PropTypeDefaultDescription
classNameClassValueundefinedRoot classes merged by the target-specific cn helper
status'queued' | 'generating' | 'completed' | 'failed'queuedGeneration status
progressnumber0Progress
srcstring—Image source
altstringGenerated imageAlt text
promptstring—Prompt

Events ​

EventPayloadDescription
retryvoidRetry
downloadstringDownload

Target notes

TargetImport
H5Named export from @/components/agent-ui
weappDefault export from @/components/agent-ui/AgentImageGeneration.vue