# PRO IMAGE PROMPT LAB

Neko3SE LAB experimental browser content.

**Live Site / 実際に使う:** https://neko3se.com/imageprompt/

## Overview / 概要

画像生成AIへ意図を伝えるとき、被写体だけでなく、構図、光、質感、雰囲気などをどのように整理して指示すればよいのか。

**English**  
How should subject, composition, light, texture and mood be organized when communicating an image concept to a generative model?

## Features / 主な機能

- Prompt-design template and explanation
- Breakdown of subject, composition, light, texture and mood
- Sample prompt and generated-image example
- Generated example image loaded from an external Base64 text asset

## How It Works / 仕組み

生成画像を外部のBase64テキストとして保持し、JavaScriptで読み込んで、プロンプト設計の解説と作例を1ページにまとめています。

**English**  
The generated image is stored as an external Base64 text asset, loaded with JavaScript, and presented on the same page as the prompt-design explanation.

## Technology / 使用技術

HTML5, CSS, JAVASCRIPT, BASE64 TEXT ASSET, RESPONSIVE DESIGN

## Environment / 動作環境

ブラウザ上で動作するコンテンツです。PC・Android・iPhoneを含む実機検証を行っていますが、端末・OS・ブラウザの組み合わせすべてを保証するものではありません。マイクや音声を利用するコンテンツでは、ブラウザ権限や端末設定も動作に影響します。

**English**  
This content runs in a web browser and has been tested on real devices including PC, Android and iPhone environments. This does not guarantee every device, OS and browser combination. For microphone/audio content, browser permissions and device settings can also affect behavior.

## Known Limitations / 既知の制約

- Generated results vary by model, version and generation conditions.
- The page explains prompt design; it does not run an image-generation model in the browser.
- Loading the example image requires HTTP(S); direct file:// viewing cannot fetch the Base64 text asset in some browsers.

## Related Links / 関連リンク

- Live Site: https://neko3se.com/imageprompt/
- Source directory: https://github.com/Neko3SE/devsite/tree/main/imageprompt
- Neko3SE LAB: https://neko3se.com/

## License

See the repository root `LICENSE`.