skills.rest
TMR1905
TMR1905COMMUNITY
Explore all skills by this author →
GitHub

image-prompt

Generate AI image prompts aligned with website design systems.

Updated Mar 7, 2026
Search Tags:#prompt engineering#design system#image generation#web design#asset creation#AI art
One-click install
npx skills add https://github.com/TMR1905/NexaVR-Website --skill image-prompt-tmr1905
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-prompt
Source: https://github.com/TMR1905/NexaVR-Website/tree/main/.claude/skills/image-prompt
Command: npx skills add https://github.com/TMR1905/NexaVR-Website --skill image-prompt-tmr1905

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of precise AI image generation prompts tailored for website assets, ensuring visual consistency with a project's design system.

Core Features & Use Cases

  • AI Prompt Generation: Crafts detailed prompts for image generation models like Nano Banana Pro.
  • Design System Alignment: Ensures generated images match the project's color palette, aesthetic, and mood.
  • Contextual Awareness: Adapts prompts based on image placement (hero, card, icon), aspect ratio, and legibility needs (text overlay).
  • Use Case: Generate a hero image prompt for a futuristic website with a dark theme and electric blue accents, ensuring the image has a dark, text-safe central area.

Quick Start

Generate a prompt for a hero background image for the NexaVR project.

Frequently Asked Questions about image-prompt

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

FAQPage Schema
How do I generate AI image prompts that match my website's design system?▼

To generate AI image prompts that match your design system, provide details like section name, purpose, and dimensions. The Skill aligns the prompt's color palette, typography, and layout requirements to ensure visual consistency with your project.

What's the best way to create a hero image prompt with dark edges for text overlay?▼

The best way to create a hero image prompt with dark edges is to specify the need for a text-safe central area. The Skill applies specific rules for dark edges, cinematic lighting, and negative prompts to ensure legibility for overlays.

Can I use this to generate prompts for different types of website assets like icons and backgrounds?▼

Yes, you can generate prompts for various website assets. It adapts contextual awareness for different placements, creating tailored prompts for hero images, product shots, backgrounds, icons, and section visuals based on your descriptions.

Does this prompt generator optimize output specifically for Nano Banana Pro?▼

Yes, the prompt generator optimizes output specifically for Nano Banana Pro. It structures prompts to include subject, style, lighting, color palette, background, composition, and technical details tailored to that image generation model.

What details do I need to provide to generate a prompt for a specific website section?▼

You need to provide basic details such as the section name, its purpose, required dimensions, or a general description. Using this input, the Skill crafts a structured prompt aligned with your project's aesthetic and mood.

Related Skills

Explore More Design & Creative Skills→
safzanpiranisafzanpirani
1

stitch-design-taste

Generate DESIGN.md design system specifications for Google Stitch UI generation.

Community
Advanced
nexu-ionexu-io
3.2k

nano-banana

Generate or edit images with Nano Banana models from prompts and input images.

Official
Intermediate
ChildoftheVibeChildoftheVibe

image-to-code

Convert design images into semantic HTML/CSS/JS frontend implementations.

Community
Advanced
ArvincreatorArvincreator
637

Image Prompt

Generates multi-style AI image prompts with links to platforms like Midjourney and Stable Diffusion.

Community
Basic