feat: add visual-prompts-library skill — MotionSites.ai inspired prompt seeds by industry (replaces motion-and-css)
This commit is contained in:
@@ -0,0 +1,268 @@
|
|||||||
|
---
|
||||||
|
name: visual-prompts-library
|
||||||
|
description: Ready-to-use visual prompt seeds by category, drawn from MotionSites.ai design vocabulary. Use these as starting material for generate_gpt_image, generate_gemini_image, and pexels_search calls when building landing pages. Each entry gives a hero style, image prompt seed, video prompt seed, and Pexels query.
|
||||||
|
version: 1.0.0
|
||||||
|
auto-load: false
|
||||||
|
tags: [prompts, inspiration, media, visual]
|
||||||
|
---
|
||||||
|
|
||||||
|
# Visual Prompts Library
|
||||||
|
|
||||||
|
Inspiration-ready prompt seeds categorized by industry and aesthetic.
|
||||||
|
Use these as the `prompt` value passed to `generate_gpt_image`, `generate_gemini_image`,
|
||||||
|
and as the `query_override` for `pexels_search_photos` / `pexels_search_videos`.
|
||||||
|
|
||||||
|
Each entry includes:
|
||||||
|
- **Hero style** — the visual mood and design direction
|
||||||
|
- **Image prompt seed** — paste directly into generate_gpt_image or generate_gemini_image
|
||||||
|
- **Video prompt seed** — paste into pexels_search_videos query_override
|
||||||
|
- **Pexels query** — optimized for pexels_search_photos query_override
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## DARK / CINEMATIC — SaaS & Tech
|
||||||
|
|
||||||
|
### Dark Glass SaaS Hero
|
||||||
|
```
|
||||||
|
style: deep purple-black (#070612), volumetric light rays, glassmorphism panels, floating UI elements
|
||||||
|
image_prompt: "Deep space dark purple background, subtle glowing orbs in indigo and emerald, abstract flowing light streaks, professional SaaS hero background, cinematic wide angle, no text, 16:9"
|
||||||
|
video_prompt: "dark abstract tech background, slow flowing purple and blue light particles, volumetric depth, ambient loop, no text, cinematic"
|
||||||
|
pexels_query: "dark technology abstract cinematic wide"
|
||||||
|
usage: hero_background for SaaS / AI / software products
|
||||||
|
```
|
||||||
|
|
||||||
|
### Electric Blue Tech
|
||||||
|
```
|
||||||
|
style: charcoal black, electric blue highlights, circuit board abstraction, data visualization aesthetic
|
||||||
|
image_prompt: "Dark charcoal background with electric blue circuit patterns, glowing data nodes, abstract technology landscape, wide angle cinematic, left side clear for text, no text no watermarks"
|
||||||
|
video_prompt: "electric blue data network dark background, flowing particles, ambient tech loop, 1920x1080"
|
||||||
|
pexels_query: "dark technology blue circuit cinematic"
|
||||||
|
usage: hero_background for cybersecurity / data / infrastructure
|
||||||
|
```
|
||||||
|
|
||||||
|
### Noir Developer
|
||||||
|
```
|
||||||
|
style: near-black with warm amber terminal glow, monospace aesthetic, code as art
|
||||||
|
image_prompt: "Dark near-black background, faint code lines in warm amber, terminal screen glow, developer aesthetic, wide cinematic composition, no text visible, professional"
|
||||||
|
video_prompt: "dark terminal screen glow, code scrolling softly, ambient developer background, slow motion, loop"
|
||||||
|
pexels_query: "dark code terminal developer cinematic"
|
||||||
|
usage: hero_background for developer tools / APIs / technical products
|
||||||
|
```
|
||||||
|
|
||||||
|
### Crypto Neon Web3
|
||||||
|
```
|
||||||
|
style: deep black, neon gradient purple to cyan, holographic surfaces, abstract blockchain nodes
|
||||||
|
image_prompt: "Deep black background, neon purple and cyan gradient particles floating, holographic hexagonal grid, Web3 crypto abstract art, cinematic wide, no text"
|
||||||
|
video_prompt: "neon holographic particles dark background, blockchain nodes connecting, slow ambient loop, purple cyan"
|
||||||
|
pexels_query: "neon dark abstract holographic crypto"
|
||||||
|
usage: hero_background for Web3 / DeFi / NFT / blockchain
|
||||||
|
```
|
||||||
|
|
||||||
|
### Premium Finance Dark
|
||||||
|
```
|
||||||
|
style: deep navy, gold accents, architectural minimalism, marble or brushed metal textures
|
||||||
|
image_prompt: "Deep navy blue background with subtle gold light reflections, architectural lines, premium financial aesthetic, wide cinematic composition, elegant, no text"
|
||||||
|
video_prompt: "dark navy background, gold particles slowly drifting, premium finance ambient, subtle motion"
|
||||||
|
pexels_query: "dark navy gold finance architectural"
|
||||||
|
usage: hero_background for fintech / investment / banking
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## CINEMATIC AGENCY & CREATIVE
|
||||||
|
|
||||||
|
### Bold Agency Editorial
|
||||||
|
```
|
||||||
|
style: near-black or deep charcoal, stark high contrast, editorial photography quality
|
||||||
|
image_prompt: "Dramatic editorial photograph, strong directional lighting, high contrast black and white with one color accent, wide angle, cinematic depth of field, agency portfolio quality"
|
||||||
|
video_prompt: "cinematic slow motion editorial footage, high contrast, dramatic shadows, agency aesthetic"
|
||||||
|
pexels_query: "editorial cinematic dramatic agency dark"
|
||||||
|
usage: hero_background for creative agencies / branding studios / design portfolios
|
||||||
|
```
|
||||||
|
|
||||||
|
### Architectural Portfolio
|
||||||
|
```
|
||||||
|
style: brutalist or minimalist architecture photography, wide angles, dramatic light through structure
|
||||||
|
image_prompt: "Premium architectural photography, dramatic light through geometric structure, brutalist aesthetic, wide cinematic angle, high contrast shadows, portfolio quality, no people, no text"
|
||||||
|
video_prompt: "architectural space slow parallax, dramatic natural light, geometric composition, ambient loop"
|
||||||
|
pexels_query: "architecture dramatic light geometric cinematic"
|
||||||
|
usage: hero_background for architecture firms / interior design / real estate luxury
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## WARM / PHOTOREALISTIC — Service Industries
|
||||||
|
|
||||||
|
### Medical Clean Professional
|
||||||
|
```
|
||||||
|
style: bright whites and soft blues, modern clinical interior, sterile but warm, daylight-lit
|
||||||
|
image_prompt: "Modern medical clinic interior, bright white walls, clean professional equipment, soft natural daylight, wide angle, no people, warm clinical aesthetic, no text"
|
||||||
|
video_prompt: "modern clinic interior bright, soft natural light moving, clean ambient, slow pan"
|
||||||
|
pexels_query: "modern clinic interior bright professional wide"
|
||||||
|
usage: hero_background for hospitals / clinics / healthcare / medical SaaS
|
||||||
|
```
|
||||||
|
|
||||||
|
### Dental Clinic Welcoming
|
||||||
|
```
|
||||||
|
style: bright white, modern dental chair and equipment, warm accents, reassuring and clean
|
||||||
|
image_prompt: "Modern dental clinic treatment room, bright white and light blue, clean professional dental chair, warm lighting, wide angle shot, no people, inviting and professional, no text"
|
||||||
|
video_prompt: "dental clinic bright interior, natural light, clean ambient background, slow pan wide"
|
||||||
|
pexels_query: "dental clinic interior bright clean white wide"
|
||||||
|
usage: hero_background / section_background for dental practices
|
||||||
|
```
|
||||||
|
|
||||||
|
### Dental Team Portrait Seed
|
||||||
|
```
|
||||||
|
image_prompt: "Professional dentist portrait, white clinical coat, modern dental clinic background blurred, confident and friendly smile, soft professional lighting, 4:5 portrait, no text"
|
||||||
|
pexels_query: "dentist professional portrait smiling clinic"
|
||||||
|
usage: team_photo for dental industry
|
||||||
|
```
|
||||||
|
|
||||||
|
### Gym Dark Energy
|
||||||
|
```
|
||||||
|
style: dramatic spotlighting, dark gym background, athletic power, high contrast
|
||||||
|
image_prompt: "Premium gym interior, dramatic spot lighting on equipment, dark moody atmosphere, black and red color palette, wide angle, powerful athletic energy, no people, no text"
|
||||||
|
video_prompt: "dark gym interior, dramatic lighting, weights in foreground, slow cinematic pan, energy and power"
|
||||||
|
pexels_query: "gym dark dramatic lighting athletic interior"
|
||||||
|
usage: hero_background for fitness centers / CrossFit / personal training
|
||||||
|
```
|
||||||
|
|
||||||
|
### Fitness Athlete Hero
|
||||||
|
```
|
||||||
|
image_prompt: "Athletic person in peak condition, dramatic gym lighting, dark background, high contrast, powerful silhouette or action pose, no text, cinematic quality, 16:9"
|
||||||
|
pexels_query: "athlete fitness dark dramatic portrait cinematic"
|
||||||
|
usage: hero_background for personal training / fitness apps
|
||||||
|
```
|
||||||
|
|
||||||
|
### Restaurant Warm Atmosphere
|
||||||
|
```
|
||||||
|
style: golden ambient lighting, bokeh background, warm Edison bulbs, appetizing depth
|
||||||
|
image_prompt: "Premium restaurant interior, warm golden Edison bulb lighting, bokeh background, wooden tables and intimate seating, rich warm tones, inviting atmosphere, no text, wide angle"
|
||||||
|
video_prompt: "restaurant interior warm ambient, candles flickering softly, bokeh lights, slow gentle motion"
|
||||||
|
pexels_query: "restaurant interior warm golden ambient bokeh"
|
||||||
|
usage: hero_background for restaurants / fine dining / cafes
|
||||||
|
```
|
||||||
|
|
||||||
|
### Hero Food Photography
|
||||||
|
```
|
||||||
|
image_prompt: "Premium hero food photography, beautifully plated dish, dramatic directional lighting from left, dark moody background with warm highlights on food, rich textures visible, no text, 16:9"
|
||||||
|
video_prompt: "food close up slow motion, steam rising, warm lighting, cinematic food reveal"
|
||||||
|
pexels_query: "food photography cinematic dark dramatic plated"
|
||||||
|
usage: hero_background / gallery_image for food industry
|
||||||
|
```
|
||||||
|
|
||||||
|
### Law Firm Authority
|
||||||
|
```
|
||||||
|
style: dark wood paneling, leather, classical architecture, warm professional lighting
|
||||||
|
image_prompt: "Premium law firm interior, dark wood paneling, law books visible, warm professional lighting, classical architecture elements, wide angle, authoritative atmosphere, no text"
|
||||||
|
video_prompt: "law firm interior, books and wood, warm ambient light, slow subtle motion"
|
||||||
|
pexels_query: "law firm interior dark wood professional wide"
|
||||||
|
usage: hero_background for legal practices / law firms
|
||||||
|
```
|
||||||
|
|
||||||
|
### Real Estate Golden Hour
|
||||||
|
```
|
||||||
|
style: golden hour exterior or balanced interior, wide angle, aspirational, spacious
|
||||||
|
image_prompt: "Premium real estate property at golden hour, warm light on facade, architectural photography, wide angle, aspirational, spacious feeling, no people, no text, 16:9"
|
||||||
|
video_prompt: "luxury property exterior golden hour, slow drone-like move, warm light"
|
||||||
|
pexels_query: "luxury real estate golden hour architectural exterior"
|
||||||
|
usage: hero_background for real estate agencies / property development
|
||||||
|
```
|
||||||
|
|
||||||
|
### Real Estate Interior
|
||||||
|
```
|
||||||
|
image_prompt: "Modern luxury interior design, large windows with natural light, minimal furniture, high ceilings, wide angle architectural photography, no people, aspirational, 16:9"
|
||||||
|
pexels_query: "luxury interior modern minimalist natural light wide"
|
||||||
|
usage: hero_background / section_background for real estate / interior design
|
||||||
|
```
|
||||||
|
|
||||||
|
### Beauty Luxury Soft
|
||||||
|
```
|
||||||
|
style: soft pink and gold tones, smooth surfaces, ethereal glow, glamorous editorial
|
||||||
|
image_prompt: "Luxury beauty aesthetic, soft pink and champagne gold tones, smooth silk textures, ethereal soft light, editorial photography quality, minimal product arrangement, no text"
|
||||||
|
video_prompt: "luxury beauty soft pink gold, silk fabric movement, ethereal slow motion"
|
||||||
|
pexels_query: "luxury beauty pink gold soft elegant"
|
||||||
|
usage: hero_background for beauty / cosmetics / skincare / salons
|
||||||
|
```
|
||||||
|
|
||||||
|
### Travel Golden Vista
|
||||||
|
```
|
||||||
|
style: golden hour landscape, immersive wide vista, dramatic sky, vibrant local color
|
||||||
|
image_prompt: "Stunning travel destination at golden hour, dramatic wide landscape, vibrant colors, cinematic composition, sense of adventure and wonder, no text, 16:9"
|
||||||
|
video_prompt: "travel landscape golden hour, slow aerial pan, dramatic sky, cinematic"
|
||||||
|
pexels_query: "travel landscape golden hour dramatic wide cinematic"
|
||||||
|
usage: hero_background for travel agencies / hotels / tourism
|
||||||
|
```
|
||||||
|
|
||||||
|
### Hotel Luxury Interior
|
||||||
|
```
|
||||||
|
image_prompt: "5-star hotel room or lobby, elegant interior, warm lighting, luxury materials marble and gold, aspirational, wide angle, no people, no text"
|
||||||
|
pexels_query: "luxury hotel interior elegant warm marble wide"
|
||||||
|
usage: hero_background / section_background for hotels / resorts
|
||||||
|
```
|
||||||
|
|
||||||
|
### Wellness Spa Serenity
|
||||||
|
```
|
||||||
|
style: natural materials, soft light, calm water or stone, fresh greens, minimalist
|
||||||
|
image_prompt: "Luxury spa or wellness space, natural stone and wood, soft diffused light, small water feature or plants, serene and minimal, wide angle, no people, no text"
|
||||||
|
video_prompt: "spa interior, water flowing gently, candles, natural materials, ambient serene loop"
|
||||||
|
pexels_query: "spa wellness natural stone serene wide"
|
||||||
|
usage: hero_background for spas / wellness centers / yoga studios
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## FEATURE ICONS (square 1:1 format)
|
||||||
|
|
||||||
|
### Flat Minimal Icon Set
|
||||||
|
```
|
||||||
|
image_prompt: "Minimal flat design icon, [SUBJECT], white or transparent background, single color accent, clean lines, no gradients, professional, 512x512 square"
|
||||||
|
usage: feature_icon — replace [SUBJECT] with: tooth/dental, shield/security, chart/analytics, etc.
|
||||||
|
```
|
||||||
|
|
||||||
|
### Glassmorphism Icon
|
||||||
|
```
|
||||||
|
image_prompt: "Glass card icon design, [SUBJECT] symbol, frosted glass effect, soft purple-blue glow on dark background, minimal, premium SaaS aesthetic, square"
|
||||||
|
usage: feature_icon for SaaS / tech products
|
||||||
|
```
|
||||||
|
|
||||||
|
### Medical Feature Icon
|
||||||
|
```
|
||||||
|
image_prompt: "[SUBJECT] medical icon, clean white background, flat design, soft blue and white colors, professional healthcare aesthetic, 512x512 square"
|
||||||
|
usage: feature_icon for medical / dental / health — replace [SUBJECT]: stethoscope, tooth, heart, etc.
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## TEAM PHOTOS (portrait 4:5 format)
|
||||||
|
|
||||||
|
### Professional Corporate Portrait
|
||||||
|
```
|
||||||
|
image_prompt: "Professional business portrait, neutral gradient background, soft studio lighting with catchlights, confident and approachable expression, 4:5 portrait, no text"
|
||||||
|
pexels_query: "professional portrait business studio neutral background"
|
||||||
|
```
|
||||||
|
|
||||||
|
### Medical Staff Portrait
|
||||||
|
```
|
||||||
|
image_prompt: "Professional doctor portrait, white coat, modern clinical background blurred, confident friendly smile, soft professional lighting, 4:5 portrait"
|
||||||
|
pexels_query: "doctor professional portrait smiling white coat"
|
||||||
|
```
|
||||||
|
|
||||||
|
### Fitness Trainer Portrait
|
||||||
|
```
|
||||||
|
image_prompt: "Personal trainer professional portrait, athletic wear, gym background blurred, energetic and confident, natural lighting, 4:5 portrait"
|
||||||
|
pexels_query: "personal trainer professional portrait athletic confident"
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## USAGE PATTERN
|
||||||
|
|
||||||
|
When Claude picks a visual prompt seed:
|
||||||
|
1. Select the matching entry based on industry + usage_context
|
||||||
|
2. Replace placeholders like [SUBJECT]
|
||||||
|
3. Pass `image_prompt` as the `prompt` param to `generate_gpt_image` or `generate_gemini_image`
|
||||||
|
4. Pass `pexels_query` as `query_override` to `pexels_search_photos`
|
||||||
|
5. MediaPromptEngine appends composition, lighting, and format rules on top automatically
|
||||||
|
|
||||||
|
Call this skill with: get_skill("visual-prompts-library")
|
||||||
Reference in New Issue
Block a user