skills.rest
AnderHonorato
AnderHonoratoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

webdev-image-generation

Generate and edit AI images in Manus webdev fullstack and Expo mobile projects.

Updated Aug 28, 2026
Search Tags:#typescript#image generation#trpc#ai image editing#expo#gpt-image#manus webdev
One-click install
npx skills add https://github.com/AnderHonorato/Mem-rias-IA---Infinity --skill webdev-image-generation-anderhonorato
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webdev-image-generation
Source: https://github.com/AnderHonorato/Mem-rias-IA---Infinity/tree/main/Manus/Skills/webdev-image-generation
Command: npx skills add https://github.com/AnderHonorato/Mem-rias-IA---Infinity --skill webdev-image-generation-anderhonorato

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Developers building Manus webdev fullstack (web-db-user) or Expo mobile apps need AI-generated or AI-edited images without manually configuring an image service or managing API credentials. ## Core Features & Use Cases - Image Generation: Call the preconfigured generateImage() helper from server-side code to create images from text prompts via the internal ImageService. - Image Editing: Pass originalImages with a URL and MIME type to edit existing images with a prompt. - Model Selection & Listing: Use listImageModels() to discover available models and override the default GPT Image 2 model or quality level. - Use Case: Inside a tRPC procedure, generate a hero banner image for a landing page, then store the returned URL in your database. ## Quick Start Import generateImage from server/_core/imageGeneration.ts inside a tRPC procedure and call it with a text prompt to get back a hosted image URL.

Frequently Asked Questions about webdev-image-generation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an AI image in a Manus webdev project?▼

Import generateImage from server/_core/imageGeneration.ts and call it with a prompt object. It returns an object containing the generated image URL, with no manual ImageService setup required.

How do I edit an existing image with AI?▼

Pass an originalImages array to generateImage containing the source image URL and its mimeType, along with a prompt describing the edit. The helper returns the edited image URL.

Which image generation model is used by default?▼

The default is GPT Image 2 (MODEL_GPT_IMAGE_2) at medium quality. You can override it by passing model and quality parameters, or call listImageModels to see all available options.

Can I call generateImage from client-side code?▼

No, you should always call it from server-side code such as tRPC procedures. Calling it from the client would expose API keys, so keep generation behind your backend endpoints.

Why does image generation seem slow or fail sometimes?▼

Generation typically takes 5-20 seconds, so implement loading states in your UI. It can also fail, so wrap calls in proper error handling to manage failures gracefully.

Related Skills

Explore More Software Engineering Skills→
Military-Veteran-Team-LPT-RealtyMilitary-Veteran-Team-LPT-Realty

webdev-image-generation

Generates and edits images in Manus webdev and Expo projects via the internal ImageService helper.

Official
Basic
Permit-JunctionPermit-Junction

scrape-webpage

Scrape webpage content, extract metadata, and download images for AEM Edge Delivery Services.

Official
Intermediate
nmnmccnmnmcc
2

ux

Evaluate and improve full user journeys across visual, verbal, and reliability dimensions.

Community
Advanced
waiyanphyo999waiyanphyo999
1

webdev-image-generation

Generate and edit AI images in web and mobile projects via a preconfigured ImageService helper.

Community
Basic