open-design/apps/web/src/i18n/content.ts
Tom Huang 266daf904f
feat(prompt-templates): add 11 HyperFrames video prompts + media generation README section (#227)
* feat(prompt-templates): add 11 HyperFrames video prompts and surface media generation in README

Adds eleven `hyperframes-*` prompt templates under `prompt-templates/video/`,
each one a concrete brief with scene-by-scene timing, GSAP eases, palette,
and the HyperFrames non-negotiables (deterministic, paused timelines,
entrance-only motion, lint/inspect commands). Archetypes covered:

- minimal product reveal (5s, 16:9)
- SaaS product promo (30s, 16:9, Linear/ClickUp-style)
- TikTok karaoke talking-head (9:16, TTS + word-synced captions)
- brand sizzle reel (30s, beat-synced kinetic typography)
- animated bar-chart race (NYT-style data infographic)
- Apple-style flight map route (origin → destination)
- 4s cinematic logo outro
- $0 → $10K money counter hype (9:16)
- 3-phone app showcase
- 9:16 social overlay stack (X · Reddit · Spotify · Instagram)
- 15s website-to-video pipeline

Each template uses `model: "hyperframes-html"`, real catalog-block thumbnails
from HeyGen's CDN as previewImageUrl, and source attribution to
`heygen-com/hyperframes` (Apache-2.0).

README also gets a new **Media generation** section between *Visual directions*
and *Beyond chat*, plus a new row in the *At a glance* table. The section
documents the three model families currently surfaced as templates
(gpt-image-2, Seedance 2.0, HyperFrames) with example galleries — gpt-image-2
thumbnails, Seedance MP4-linked thumbnails, and the 11 HyperFrames tiles —
and notes the wider model coverage (Kling, Veo, Sora, MiniMax, Suno, Udio,
Lyria, TTS) already wired in `VIDEO_MODELS` / `AUDIO_MODELS_BY_KIND` and
open for community templates.

* i18n(de): register new HyperFrames templates, categories, tags

Adds German titles/summaries for the 11 new hyperframes-* video templates
plus the Product/Marketing/Data/Travel/Branding/Short Form categories and
hyperframes/title-card/sizzle/etc. tags they introduce, so the German sync
guarantees enforced by apps/web/src/i18n/content.test.ts hold.

* docs(readme): sync Media generation section to de / ja / ko / zh-CN; bump counts to 93 (43 + 39 + 11)

Mirrors the English Media generation row + section into the four locale READMEs
(README.de.md, README.ja-JP.md, README.ko.md, README.zh-CN.md), translating
prose / table headers / captions while keeping the gpt-image-2, Seedance MP4,
and HyperFrames catalog-block thumbnails identical across all five locales so
the galleries render the same images.

Counts updated to reflect current main (after rebase): 43 gpt-image-2 + 39
Seedance + 11 HyperFrames = 93 prompts total. The English README's At-a-glance
row, intro paragraph, and gallery sub-headers now read "sample of 43" /
"sample of 39" / "11 ready-to-replicate templates" — locales follow.

Resolves the Codex review's German-i18n flag end-to-end: README copy is in
sync, and the German content map (DE_PROMPT_TEMPLATE_*) was already extended
in the prior commit on this branch.
2026-05-02 11:01:16 +08:00

887 lines
44 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import type {
DesignSystemSummary,
PromptTemplateSummary,
SkillSummary,
} from '../types';
import type { Locale } from './types';
const DE_SKILL_COPY: Record<string, { description?: string; examplePrompt?: string }> = {
'audio-jingle': {
examplePrompt:
'Ein fröhlicher 30-Sekunden-Indie-Pop-Jingle für den Launch eines Coffee Shops — warmes E-Piano, Besen-Drums, sanfter Bass und ein einzelner sonniger „ahhh“-Chor im Refrain. Ohne Gesang. Loop-freundliches Ende.',
description:
'Audio-Generierung für Jingles, Musikbetten, Voiceover und Soundeffekte. Musik-Anfragen werden an Suno V5 / Udio / Lyria geleitet, Sprache an MiniMax TTS / FishAudio / ElevenLabs V3 und SFX an ElevenLabs SFX oder AudioCraft. Die Ausgabe ist eine MP3/WAV-Datei im Projektordner.',
},
'blog-post': {
examplePrompt:
'Ein Long-form-Artikel / Blogpost — Masthead, Hero-Bild-Platzhalter, Artikeltext mit Abbildungen und Pull Quotes, Autorenzeile, verwandte Beiträge.',
},
'critique': {
examplePrompt:
'Führen Sie eine 5-dimensionale Kritik für das gerade erzeugte magazine-web-ppt Deck aus — bewerten Sie Philosophie / Hierarchie / Detail / Funktion / Innovation und geben Sie Keep / Fix / Quick-wins aus.',
},
'dashboard': {
examplePrompt:
'Admin- / Analytics-Dashboard in einer einzigen HTML-Datei.',
},
'dating-web': {
examplePrompt:
'Entwerfen Sie mutuals — eine Dating-Site für X-Poster. Tägliches Digest-Dashboard mit Statistiken, Balkendiagramm für gegenseitige Matches und Community-Ticker.',
},
'digital-eguide': {
examplePrompt:
'Entwerfen Sie The Creator\'s Style & Format Guide — Coverseite und eine Innenseite für eine Lifestyle-Creator-Brand.',
},
'docs-page': {
examplePrompt:
'Eine Dokumentationsseite — linke Navigation, scrollbarer Artikelbereich, rechte Inhaltsübersicht.',
},
'email-marketing': {
examplePrompt:
'Entwerfen Sie eine Launch-E-Mail für eine sportliche Laufschuhmarke — Masthead, Hero, großes Headline-Lockup, Specs Grid, CTA.',
},
'eng-runbook': {
examplePrompt:
'Schreiben Sie ein Runbook für unseren Auth-Service — Alerts, Dashboards, Standardverfahren, On-Call-Rotation.',
},
'finance-report': {
examplePrompt:
'Erstellen Sie einen Q3-Finanzbericht für ein Early-Stage-SaaS — MRR, Burn, Bruttomarge, Top-Accounts.',
},
'gamified-app': {
examplePrompt:
'Entwerfen Sie eine gamifizierte Life-Management-App — mobiler Multi-Screen-Prototyp: Cover-Poster, heutige Quests mit XP und Quest-Detail. Daily quests for becoming a better human.',
},
'magazine-web-ppt': {
examplePrompt:
'Erstellen Sie mir ein Magazin-PPT über Ein-Personen-Unternehmen · von AI gefaltete Organisationen, 25-minütiger Vortrag, Zielgruppe Designer + Gründer. Empfehlen Sie zuerst eine Richtung (Monocle / WIRED / Kinfolk / Domus / Lab), damit ich wählen kann.',
},
'hr-onboarding': {
examplePrompt:
'Erstellen Sie einen 30-Tage-Onboardingplan für einen neuen Product Designer in einem 40-Personen-Startup.',
},
'hyperframes': {
examplePrompt:
'Ein 5-Sekunden-Product-Reveal: ein minimalistisches High-End-Produkt auf einer sauberen cremefarbenen Fläche, weiches Seitenlicht, langsamer Kamera-Push-in, zurückhaltende Bewegung, keine Text-Overlays.',
description:
'Erstellt Videokompositionen, Animationen, Title Cards, Overlays, Untertitel, Voiceovers, audio-reaktive Visuals und Szenenübergänge in HyperFrames HTML.',
},
'image-poster': {
examplePrompt:
'Editorial-Poster für ein Indie-Filmfestival — eine kräftige abstrakte Silhouette auf warmem, leicht körnigem Papier; handgesetzter Sans-Serif-Titel oben, Festivaldaten und Ort unten in Monospace. Gedämpfte Ocker- und Tintenpalette.',
description:
'Einzelbild-Generierung für Poster, Key Art und Editorial-Illustrationen. Standard ist gpt-image-2, der Workflow ist aber provider-agnostisch.',
},
'invoice': {
examplePrompt:
'Erstellen Sie eine Rechnung eines freiberuflichen Designstudios an einen Kunden für ein Brand-Identity-Projekt — drei Positionen, 10% Retainer, 9% Umsatzsteuer.',
},
'kanban-board': {
examplePrompt:
'Erstellen Sie ein Kanban-Board für ein 5-köpfiges Growth-Team mitten im Sprint — Backlog, Doing, Review, Done.',
},
'magazine-poster': {
examplePrompt:
'Entwerfen Sie ein Editorial-Poster im Magazin-Stil — You don\'t need a designer to ship your first draft anymore. Zeitungspapier, sechs nummerierte Abschnitte.',
},
'meeting-notes': {
examplePrompt:
'Schreiben Sie Notizen aus einem 60-minütigen Weekly des Growth-Teams — Agenda, Entscheidungen, Action Items mit Verantwortlichen, nächstes Meeting.',
},
'mobile-app': {
examplePrompt:
'Ein Mobile-App-Screen, gerendert in einem pixelgenauen iPhone-15-Pro-Rahmen auf der Seite.',
},
'mobile-onboarding': {
examplePrompt:
'Entwerfen Sie einen 3-Screen-Mobile-Onboarding-Flow für eine Meditations-App — Welcome, Value Props, Sign-in.',
},
'motion-frames': {
examplePrompt:
'Entwerfen Sie einen animierten Hero — ein rotierender Type-Ring um einen Wireframe-Globus, mit der Headline Reach every country. Loop bei 12s, bereit für HyperFrames-Export.',
},
'pm-spec': {
examplePrompt:
'Schreiben Sie mir eine PRD für Two-Factor Auth in unserer SaaS-App — Problem, Scope, Meilensteine, offene Fragen.',
},
'pricing-page': {
examplePrompt:
'Eine eigenständige Pricing Page — Header, Plan-Stufen, Feature-Vergleichstabelle und FAQ.',
},
'replit-deck': {
examplePrompt:
'Single-file horizontal-swipe HTML deck im Stil der Landing-Page-Template-Galerie von Replit Slides.',
},
'saas-landing': {
examplePrompt:
'Einseitige SaaS-Landingpage mit Hero, Features, Social Proof, Pricing und CTA.',
},
'simple-deck': {
examplePrompt:
'Single-file horizontal-swipe HTML deck.',
},
'social-carousel': {
examplePrompt:
'Entwerfen Sie ein 3-Karten-Cinematic-Social-Carousel — onwards., to the next one., looking ahead.. 1080×1080 Squares, direkt bereit für Instagram.',
},
'sprite-animation': {
examplePrompt:
'Erstellen Sie eine sprite-basierte Animation mit Trivia zur Geschichte von Nintendo. Kombinieren Sie Pixel-Maskottchen, animierten Text und einen Hanafuda-Akzent. Farbe und Typografie sollen sich wie die Nintendo-Brand anfühlen.',
},
'team-okrs': {
examplePrompt:
'Erstellen Sie einen OKR-Tracker für Q4 — drei Objectives, je drei Key Results, Progress Bars, Verantwortliche, Status-Pills.',
},
'tweaks': {
examplePrompt:
'Ergänzen Sie diese Landingpage um ein Tweak Panel — Accent Color, Type Scale, Density, Light/Dark — und persistieren Sie in localStorage, damit die Auswahl nach Refresh erhalten bleibt.',
},
'video-shortform': {
examplePrompt:
'5-Sekunden-Product-Reveal — eine Keramik-Kaffeetasse rotiert auf einem weichen Papierhintergrund, warmes Seitenlicht von links, feine Staubpartikel schweben im Lichtstrahl. Filmisch, 16:9, langsamer Kamera-Drift.',
description:
'Short-form-Video-Generierung für 3-10-Sekunden-Clips wie Product Reveals, Motion Teasers und Ambient Loops.',
},
'web-prototype': {
examplePrompt:
'Allzweck-Prototyp für Desktop-Web.',
},
'weekly-update': {
examplePrompt:
'Erstellen Sie ein Weekly-Update-Deck für das Growth-Team — was fertig wurde, was läuft, Blocker, Kennzahlen und Fragen für nächste Woche.',
},
'wireframe-sketch': {
examplePrompt:
'Skizzieren Sie ein handgezeichnetes Wireframe v0.1 für ein Portal — vier Varianten als Tabs auf Millimeterpapier, Marker-Headlines, Sticky-Note-Anmerkungen, schraffierte Chart-Platzhalter.',
},
};
const DE_DESIGN_SYSTEM_SUMMARIES: Record<string, string> = {
airbnb: 'Reisemarktplatz. Warmer Korallenakzent, fotogetrieben, abgerundete UI.',
airtable: 'Spreadsheet-Datenbank-Hybrid. Farbenfroh, freundlich, strukturierte Datenästhetik.',
apple: 'Unterhaltungselektronik. Premium-Weißraum, SF Pro, filmische Bildsprache.',
binance: 'Krypto-Börse. Kräftiger gelber Akzent auf Monochrom, Trading-Floor-Dringlichkeit.',
bmw: 'Luxusautomobil. Dunkle Premium-Flächen, präzise deutsche Engineering-Ästhetik.',
bugatti: 'Hypercar-Marke. Kinodunkle Leinwand, monochrome Strenge, monumentale Display-Type.',
cal: 'Open-Source-Terminplanung. Saubere neutrale UI, entwicklerorientierte Einfachheit.',
claude: 'Anthropics AI-Assistent. Warmer Terrakotta-Akzent, klares Editorial-Layout.',
clay: 'Kreativagentur. Organische Formen, weiche Verläufe, art-directed Layout.',
clickhouse: 'Schnelle Analytics-Datenbank. Gelb akzentuierter, technischer Dokumentationsstil.',
cohere: 'Enterprise-AI-Plattform. Lebendige Verläufe, datenreiche Dashboard-Ästhetik.',
coinbase: 'Krypto-Börse. Klare blaue Identität, vertrauensfokussiert, institutionelles Gefühl.',
composio: 'Tool-Integrationsplattform. Modern dunkel mit farbigen Integrationsicons.',
cursor: 'AI-first Code-Editor. Schlanke dunkle Oberfläche, Verlaufsakzente.',
default:
'Sauberer, produktorientierter Standard. Nutzen, wenn der Brief keine bestimmte Stimmung verlangt — gut für B2B-Tools, Dashboards und Utility-Pages.',
elevenlabs: 'AI-Voice-Plattform. Dunkle filmische UI, Audio-Waveform-Ästhetik.',
expo: 'React-Native-Plattform. Dunkles Theme, enge Laufweite, codezentriert.',
ferrari: 'Luxusautomobil. Chiaroscuro-Editorial, Ferrari-Red-Akzente, filmisches Schwarz.',
figma: 'Kollaboratives Design-Tool. Lebendige Mehrfarbigkeit, spielerisch und professionell.',
framer: 'Website-Builder. Mutiges Schwarz und Blau, motion-first, designorientiert.',
hashicorp: 'Infrastrukturautomatisierung. Sauberer Enterprise-Look, Schwarz und Weiß.',
ibm: 'Enterprise-Technologie. Carbon Design System, strukturierte blaue Palette.',
intercom: 'Customer Messaging. Freundliche blaue Palette, konversationelle UI-Muster.',
kami:
'Editoriales Papiersystem. Warme Pergament-Leinwand, tintenblauer Akzent, Serif in nur einem Schnitt — gemacht für Lebensläufe, One-Pager, White-Paper, Portfolios und Slide-Decks.',
kraken: 'Krypto-Trading. Dunkle UI mit violettem Akzent, datenreiche Dashboards.',
lamborghini: 'Supercar-Marke. Echtschwarze Flächen, Goldakzente, dramatische Großbuchstaben-Typografie.',
'linear-app': 'Projektmanagement. Ultraminimal, präzise, violetter Akzent.',
lovable: 'AI-Full-Stack-Builder. Spielerische Verläufe, freundliche Dev-Ästhetik.',
mastercard: 'Globales Zahlungsnetzwerk. Warme Cream-Leinwand, orbitale Pillenformen, Editorial-Wärme.',
meta: 'Tech-Retail-Store. Fotografiezentriert, binäre Hell/Dunkel-Flächen, Meta-Blue CTAs.',
minimax: 'AI-Modellanbieter. Mutige dunkle Oberfläche mit Neonakzenten.',
mintlify: 'Dokumentationsplattform. Sauber, grün akzentuiert, fürs Lesen optimiert.',
miro: 'Visuelle Zusammenarbeit. Heller gelber Akzent, Infinite-Canvas-Ästhetik.',
'mistral-ai': 'Open-Weight-LLM-Anbieter. Französisch konstruiertes Minimalismusgefühl, violett getönt.',
mongodb: 'Dokumentendatenbank. Grünes Leaf-Branding, Fokus auf Entwicklerdokumentation.',
nike: 'Sporthandel. Monochrome UI, massive Großbuchstaben, Full-Bleed-Fotografie.',
notion: 'All-in-one-Workspace. Warmer Minimalismus, Serif-Headings, weiche Flächen.',
nvidia: 'GPU-Computing. Grün-schwarze Energie, technische Power-Ästhetik.',
ollama: 'LLMs lokal ausführen. Terminal-first, monochrome Einfachheit.',
'opencode-ai': 'AI-Coding-Plattform. Entwicklerzentriertes dunkles Theme.',
pinterest: 'Visuelle Entdeckung. Roter Akzent, Masonry Grid, bildfokussiert.',
playstation:
'Gaming-Konsolen-Retail. Drei-Flächen-Channel-Layout, ruhige Autorität in Display-Type, cyanfarbene Hover-Skalierung.',
posthog: 'Product Analytics. Spielerisches Branding, entwicklerfreundliche dunkle UI.',
raycast: 'Produktivitätslauncher. Schlankes dunkles Chrome, lebendige Verlaufsakzente.',
renault: 'Französisches Automobil. Lebendige Aurora-Verläufe, NouvelR-Typografie, starke Energie.',
replicate: 'ML-Modelle per API ausführen. Saubere weiße Leinwand, code-orientiert.',
resend: 'E-Mail-API. Minimalistisches dunkles Theme, Monospace-Akzente.',
revolut: 'Digital Banking. Schlanke dunkle Oberfläche, Verlaufskarten, Fintech-Präzision.',
runwayml: 'AI-Videogenerierung. Filmische dunkle UI, medienreiches Layout.',
sanity: 'Headless CMS. Roter Akzent, content-first Editorial-Layout.',
sentry: 'Fehler-Monitoring. Dunkles Dashboard, datenreich, pink-violetter Akzent.',
shopify: 'E-Commerce-Plattform. Dark-first und filmisch, neongrüner Akzent, ultraleichte Type.',
spacex: 'Raumfahrttechnologie. Strenges Schwarz-Weiß, Full-Bleed-Bildsprache, futuristisch.',
spotify: 'Musikstreaming. Lebendiges Grün auf Dunkel, fette Type, album-art-driven.',
starbucks:
'Globale Kaffee-Retail-Marke. Vierstufiges grünes System, warme Cream-Leinwand, Full-Pill-Buttons.',
stripe: 'Payment-Infrastruktur. Signatur-violette Verläufe, Weight-300-Eleganz.',
supabase: 'Open-Source-Firebase-Alternative. Dunkles Smaragd-Theme, code-first.',
superhuman: 'Schneller E-Mail-Client. Premium-dunkle UI, keyboard-first, violetter Glow.',
tesla: 'Elektrisches Automobil. Radikale Reduktion, Full-Viewport-Fotografie, nahezu keine UI.',
theverge:
'Tech-Editorial-Medium. Acid-Mint- und Ultraviolett-Akzente, Manuka-Display, Rave-Flyer-Story-Tiles.',
'together-ai': 'Open-Source-AI-Infrastruktur. Technisch, blueprint-artiges Design.',
uber: 'Mobilitätsplattform. Kräftiges Schwarz-Weiß, enge Type, urbane Energie.',
vercel: 'Frontend-Deployment. Schwarz-Weiß-Präzision, Geist Font.',
vodafone: 'Globale Telekommarke. Monumentale Großbuchstaben-Display-Type, Vodafone-Red-Kapitelbänder.',
voltagent: 'AI-Agent-Framework. Void-schwarze Leinwand, Smaragdakzent, terminal-nativ.',
'warm-editorial':
'Serifengeführte Magazin-Ästhetik. Terrakotta-Akzent auf warmem Off-White-Papier — gut für Long-form, Editorial und brandgeführte Marketingseiten.',
warp: 'Modernes Terminal. Dunkle IDE-artige Oberfläche, blockbasierte Command-UI.',
webflow: 'Visueller Web-Builder. Blau akzentuiert, polierte Marketing-Site-Ästhetik.',
wired: 'Tech-Magazin. Papierweiße Broadsheet-Dichte, Custom-Serif-Display, Mono-Kicker, tintenblaue Links.',
wise: 'Geldtransfer. Leuchtend grüner Akzent, freundlich und klar.',
'x-ai': 'Elon Musks AI-Lab. Strenger Monochrom-Look, futuristischer Minimalismus.',
xiaohongshu: 'Lifestyle-UGC-Social-Plattform. Singuläres Brand-Rot, großzügiger Radius, content-first.',
zapier: 'Automatisierungsplattform. Warmes Orange, freundlich illustrationsgetrieben.',
};
const DE_DESIGN_SYSTEM_CATEGORIES: Record<string, string> = {
Starter: 'Starter',
'AI & LLM': 'AI & LLM',
'Bold & Expressive': 'Mutig & Ausdrucksstark',
'Creative & Artistic': 'Kreativ & Künstlerisch',
'Developer Tools': 'Entwickler-Tools',
'Layout & Structure': 'Layout & Struktur',
'Modern & Minimal': 'Modern & Minimal',
'Morphism & Effects': 'Morphism & Effekte',
'Productivity & SaaS': 'Produktivität & SaaS',
'Professional & Corporate': 'Professionell & Corporate',
'Backend & Data': 'Backend & Daten',
'Design & Creative': 'Design & Kreativität',
'Fintech & Crypto': 'Fintech & Krypto',
'E-Commerce & Retail': 'E-Commerce & Handel',
'Media & Consumer': 'Medien & Consumer',
Automotive: 'Automotive',
'Editorial & Print': 'Editorial & Print',
'Retro & Nostalgic': 'Retro & Nostalgisch',
'Themed & Unique': 'Thematisch & Einzigartig',
Uncategorized: 'Nicht kategorisiert',
};
const DE_DESIGN_SYSTEM_IDS_WITH_EN_FALLBACK = [
'agentic',
'ant',
'application',
'artistic',
'bento',
'bold',
'brutalism',
'cafe',
'claymorphism',
'clean',
'colorful',
'contemporary',
'corporate',
'cosmic',
'creative',
'dashboard',
'dithered',
'doodle',
'dramatic',
'editorial',
'elegant',
'energetic',
'enterprise',
'expressive',
'fantasy',
'flat',
'friendly',
'futuristic',
'glassmorphism',
'gradient',
'levels',
'lingo',
'luxury',
'material',
'minimal',
'modern',
'mono',
'neobrutalism',
'neon',
'neumorphism',
'pacman',
'paper',
'perspective',
'premium',
'professional',
'publication',
'refined',
'retro',
'shadcn',
'simple',
'skeumorphism',
'sleek',
'spacious',
'storytelling',
'tetris',
'vibrant',
'vintage',
] as const;
const DE_PROMPT_TEMPLATE_CATEGORIES: Record<string, string> = {
Infographic: 'Infografik',
'Anime / Manga': 'Anime / Manga',
'App / Web Design': 'App- / Webdesign',
Illustration: 'Illustration',
'Profile / Avatar': 'Profil / Avatar',
'Social Media Post': 'Social-Media-Post',
General: 'Allgemein',
Advertising: 'Werbung',
'Motion Graphics': 'Motion Graphics',
Cinematic: 'Filmisch',
'VFX / Fantasy': 'VFX / Fantasy',
Anime: 'Anime',
'Social / Meme': 'Social / Meme',
Branding: 'Branding',
Data: 'Daten',
Marketing: 'Marketing',
Product: 'Produkt',
'Short Form': 'Short Form',
Travel: 'Reise',
};
const DE_PROMPT_TEMPLATE_TAGS: Record<string, string> = {
'3d': '3D',
'3d-render': '3D-Render',
action: 'Action',
anime: 'Anime',
'app-showcase': 'App-Showcase',
'audio-reactive': 'Audio-reaktiv',
brand: 'Brand',
branding: 'Branding',
captions: 'Untertitel',
chart: 'Chart',
cinematic: 'Filmisch',
'cinematic-romance': 'Filmische Romanze',
counter: 'Counter',
cyberpunk: 'Cyberpunk',
'data-viz': 'Data-Viz',
editorial: 'Editorial',
endcard: 'End Card',
fantasy: 'Fantasy',
food: 'Food',
hype: 'Hype',
hyperframes: 'HyperFrames',
infographic: 'Infografik',
karaoke: 'Karaoke',
'kinetic-typography': 'Kinetische Typografie',
'linear-style': 'Linear-Stil',
logo: 'Logo',
map: 'Karte',
marketing: 'Marketing',
minimal: 'Minimal',
mobile: 'Mobile',
money: 'Geld',
nature: 'Natur',
outro: 'Outro',
overlay: 'Overlay',
pipeline: 'Pipeline',
portrait: 'Porträt',
product: 'Produkt',
'product-promo': 'Produkt-Promo',
route: 'Route',
saas: 'SaaS',
sizzle: 'Sizzle',
social: 'Social',
tiktok: 'TikTok',
'title-card': 'Title Card',
travel: 'Reise',
tts: 'TTS',
typography: 'Typografie',
vertical: 'Vertikal',
'website-to-video': 'Website-zu-Video',
};
const DE_PROMPT_TEMPLATE_COPY: Record<string, Partial<Pick<PromptTemplateSummary, 'summary' | 'title'>>> = {
'3d-stone-staircase-evolution-infographic': {
title: '3D-Infografik einer Steintreppen-Evolution',
summary:
'Verwandelt eine flache Evolutions-Zeitachse in eine realistische 3D-Steintreppen-Infografik mit detaillierten Organismus-Renderings und strukturierten Seitenpanels.',
},
'anime-martial-arts-battle-illustration': {
title: 'Anime-Kampfsport-Battle-Illustration',
summary:
'Erzeugt eine dynamische, wirkungsvolle Anime-Illustration von zwei weiblichen Figuren, die in einem traditionellen Dojo mit elementaren Energieeffekten kämpfen.',
},
'e-commerce-live-stream-ui-mockup': {
title: 'E-Commerce-Livestream-UI-Mockup',
summary:
'Erzeugt ein realistisches Social-Media-Livestream-Interface über einem Porträt, inklusive anpassbarer Chat-Nachrichten, Geschenk-Popups und Produktkaufkarte.',
},
'illustrated-city-food-map': {
title: 'Illustrierte Stadt-Food-Map',
summary:
'Erzeugt eine handgezeichnete Tourist Map im Aquarellstil mit nummerierten lokalen Spezialitäten, Sehenswürdigkeiten und Legende.',
},
'momotaro-explainer-slide-in-hybrid-style': {
title: 'Momotaro-Erklärslide im Hybrid-Stil',
summary:
'Kombiniert die einfache, warme Ästhetik von Irasutoya-Illustrationen mit der hohen Informationsdichte japanischer Behörden-Slides.',
},
'profile-avatar-anime-girl-to-cinematic-photo': {
title: 'Profil / Avatar - Anime-Girl zu filmischem Foto',
summary:
'Verwandelt eine Charakterreferenz-Illustration in ein realistisches, warm getöntes Vintage-Interieur-Porträt und bewahrt Outfit, Pose und Katze.',
},
'profile-avatar-casual-fashion-grid-photoshoot': {
title: 'Profil / Avatar - Casual-Fashion-Grid-Fotoshooting',
summary:
'Strukturierter JSON-Prompt für eine 4-Foto-Collage eines lässigen Fashion-Shootings mit detaillierten Parametern für Person und Licht.',
},
'profile-avatar-cinematic-south-asian-male-portrait-with-vultures': {
title: 'Profil / Avatar - Filmisches südasiatisches Männerporträt mit Geiern',
summary:
'Detailliertes filmisches Porträt eines jungen südasiatischen Mannes in einer düsteren Dark-Fantasy-Szene, umgeben von Geiern und Raben.',
},
'profile-avatar-cyberpunk-anime-portrait-with-neon-face-text': {
title: 'Profil / Avatar - Cyberpunk-Anime-Porträt mit Neon-Gesichtstext',
summary:
'Stilvolles neongetränktes Anime-Porträt für Poster, Social-Media-Art oder futuristische Branding-Visuals.',
},
'profile-avatar-elegant-fantasy-girl-in-violet-garden': {
title: 'Profil / Avatar - Elegantes Fantasy-Girl im violetten Garten',
summary:
'Erzeugt ein poliertes Anime-Fantasy-Porträt einer eleganten Frau mit glänzend gestyltem Haar, violett-schwarzer Kleidung und magischem Blumengarten.',
},
'profile-avatar-ethereal-blue-haired-fantasy-portrait': {
title: 'Profil / Avatar - Ätherisches blauhaariges Fantasy-Porträt',
summary:
'Erzeugt ein weiches, leuchtendes Anime-Fantasy-Porträt für elegante vertikale Key Art oder Charakterillustrationen mit fließendem Haar.',
},
'profile-avatar-glamorous-woman-in-black-portrait': {
title: 'Profil / Avatar - Glamouröses Frauenporträt in Schwarz',
summary:
'Erzeugt ein fotorealistisches Luxusporträt einer eleganten Frau in schwarzem Outfit, ideal für Fashion Editorials oder Beauty Imagery.',
},
'profile-avatar-hyper-realistic-selfie-texture-prompts': {
title: 'Profil / Avatar - Hyperrealistische Selfie-Textur-Prompts',
summary:
'Detaillierte Prompt-Snippets für realistische Hauttexturen und authentisches Smartphone-Selfie-Framing mit sichtbaren Poren und natürlichem Licht.',
},
'profile-avatar-lavender-fantasy-mage-portrait': {
title: 'Profil / Avatar - Lavendel-Fantasy-Magierinnenporträt',
summary:
'Erzeugt ein poliertes Anime-Fantasy-Porträt einer eleganten Magierprinzessin mit blondem Haar, violetten Blumen und Kristallkleidung.',
},
'profile-avatar-monochrome-studio-portrait': {
title: 'Profil / Avatar - Monochromes Studio-Porträt',
summary:
'High-end Commercial-Photography-Prompt für ein monochromes Porträt mit markant geteiltem Hintergrund und dramatischem Studiolicht.',
},
'profile-avatar-old-photo-restoration-to-dslr-portrait': {
title: 'Profil / Avatar - Alte Fotorestaurierung zu DSLR-Porträt',
summary:
'Restauriert ein beschädigtes Vintage-Familienfoto mit vier Personen zu einem sauberen, kolorierten, hochauflösenden realistischen Porträt.',
},
'profile-avatar-poetic-woman-in-garden-portrait': {
title: 'Profil / Avatar - Poetisches Frauenporträt im Garten',
summary:
'Erzeugt ein realistisches Editorial-Porträt einer belesenen jungen Frau in einem sonnigen Garten, ideal für Lifestyle-Fotografie oder Literary Branding.',
},
'profile-avatar-professional-identity-portrait-wallpaper': {
title: 'Profil / Avatar - Professionelles Identity-Porträt-Wallpaper',
summary:
'Erzeugt ein hochauflösendes Premium-Wallpaper mit einer Person in professioneller Kleidung, beruflichen Aktivitäten und Typografie.',
},
'profile-avatar-realistically-imperfect-ai-selfie': {
title: 'Profil / Avatar - Realistisch unperfektes AI-Selfie',
summary:
'Kreativer GPT-Image-2-Prompt für ein „misslungenes“ Selfie, das wie ein zufälliger, niedrigqualitativer Smartphone-Schnappschuss wirkt.',
},
'profile-avatar-signed-marker-portrait-on-shikishi': {
title: 'Profil / Avatar - Signiertes Marker-Porträt auf Shikishi',
summary:
'Erzeugt ein lebendiges signiertes Marker-Porträt auf quadratischem Shikishi-Board für Fan-Art-Autogramme und persönliche Dankesvisuals.',
},
'profile-avatar-snow-rabbit-empress-portrait': {
title: 'Profil / Avatar - Schneehasen-Kaiserin-Porträt',
summary:
'Realistischer Fantasy-Porträtprompt für eine königliche, hasenmotivierte Frau in winterlichem Hanfu vor einem verschneiten Bergtempel.',
},
'profile-avatar-snow-rabbit-mask-hanfu-portrait': {
title: 'Profil / Avatar - Schneehasenmasken-Hanfu-Porträt',
summary:
'Erzeugt ein filmisches Winter-Fantasy-Porträt einer maskierten Frau in weißem Hanfu mit Hasenmotiv, ideal für elegante Charakterkunst.',
},
'profile-avatar-snowy-rabbit-hanfu-portrait': {
title: 'Profil / Avatar - Verschneites Hasen-Hanfu-Porträt',
summary:
'Erzeugt ein ultradetailliertes Fantasy-Beauty-Porträt einer hasenohrigen Frau in besticktem Hanfu für Charakterkunst oder Kostümdesign.',
},
'profile-avatar-snowy-rabbit-spirit-portrait': {
title: 'Profil / Avatar - Verschneites Hasengeist-Porträt',
summary:
'Erzeugt ein ruhiges Fantasy-Porträt einer anonymen hasenohrigen Frau im Winter, ideal für atmosphärische Charakterkunst.',
},
'profile-avatar-song-dynasty-hanfu-portrait': {
title: 'Profil / Avatar - Hanfu-Porträt der Song-Dynastie',
summary:
'Optimierter Prompt für ein detailliertes realistisches Porträt einer Schönheit im traditionellen Hanfu der Song-Dynastie in einem antiken Hof.',
},
'social-media-post-anime-pokemon-shop-outfit-teaser-poster': {
title: 'Social-Media-Post - Anime-Pokémon-Shop-Outfit-Teaser',
summary:
'Erzeugt ein weiches pastelliges Anime-Fashion-Announcement-Poster mit verschwommenem Gesicht in einem Pokémon-Store.',
},
'social-media-post-cinematic-elevator-scene': {
title: 'Social-Media-Post - Filmische Aufzugsszene',
summary:
'Prompt für eine düstere, filmische Szene einer Frau in einem metallischen Aufzug mit realistischem Licht und Reflexionen.',
},
'social-media-post-confused-elf-girl-at-pastel-desk': {
title: 'Social-Media-Post - Verwirrtes Elf-Girl am Pastell-Schreibtisch',
summary:
'Erzeugt eine weiche pastellige Anime-Illustration eines Elf-Girls am Computer in einem gemütlichen Kawaii-Workspace.',
},
'social-media-post-editorial-fashion-photography': {
title: 'Social-Media-Post - Editorial-Fashion-Fotografie',
summary:
'Stimmungsvoller, fashion-fokussierter Prompt für eine minimalistische Studioszene mit weichem Licht und warmen Tönen.',
},
'social-media-post-fashion-editorial-collage': {
title: 'Social-Media-Post - Fashion-Editorial-Collage',
summary:
'Hochdetaillierter 2x2-Fotocollage-Prompt für Fashion-Editorial-Shots mit konsistentem Styling, spezifischem Licht und Referenzgesicht.',
},
'social-media-post-psg-transfer-announcement-poster': {
title: 'Social-Media-Post - PSG-Transfer-Ankündigungsposter',
summary:
'Kräftiges professionelles Football-Signing-Poster zur Ankündigung eines Spielerwechsels zu Paris Saint-Germain.',
},
'social-media-post-showa-day-retro-culture-magazine-cover': {
title: 'Social-Media-Post - Retro-Kultur-Magazincover zum Showa Day',
summary:
'Warme Editorial-Seite zu einem japanischen Feiertag mit Anime-Charakterkunst, nostalgischer Showa-Straßenszene und Magazinlayout.',
},
'social-media-post-social-media-fashion-outfit-generation': {
title: 'Social-Media-Post - Fashion-Outfit-Generierung',
summary:
'Prompt zur Generierung einer Woche Fashion-Blogger-Outfit-Empfehlungen auf Basis eines Charakterprofils, inklusive Labels und Preisen.',
},
'social-media-post-travel-snapshot-collage-prompt': {
title: 'Social-Media-Post - Travel-Snapshot-Collage',
summary:
'Detaillierter Prompt für eine nostalgische 12-Frame-Collage aus smartphoneartigen Reisefotos einer Solo-Reise.',
},
'social-media-post-vintage-sign-painter-sketch': {
title: 'Social-Media-Post - Vintage-Sign-Painter-Skizze',
summary:
'Erzeugt eine handgezeichnete Marker-Skizze auf Papier mit realistischen Details wie Graphitlinien und Tintenverlauf.',
},
'vr-headset-exploded-view-poster': {
title: 'VR-Headset-Explosionsansicht-Poster',
summary:
'Erzeugt ein Hightech-Explosionsdiagramm eines VR-Headsets mit detaillierten Komponenten-Callouts und Promotion-Text.',
},
'3d-animated-boy-building-lego': {
title: '3D-animierter Junge baut Lego',
summary:
'Multi-Shot-Video-Prompt im 3D-Animationsstil über einen Jungen, der in einem Zimmer vorsichtig Lego-Steine zusammensetzt, inklusive Time-Lapse-Effekten.',
},
'a-decade-of-refinement-glow-up': {
title: 'Ein Jahrzehnt Verfeinerung: Glow-Up',
summary:
'Transformation-Prompt für Seedance 2.0, der einen Mann von einem lockeren 2016-Setting zu einem luxuriösen Dubai-Lifestyle 2026 führt.',
},
'ancient-guardian-dragon-rescue': {
title: 'Rettung durch einen uralten Wächterdrachen',
summary:
'Detaillierter filmischer Multi-Shot-Prompt über ein Mädchen in einem regnerischen Dorf, das von einem auftauchenden Drachen gerettet wird.',
},
'ancient-indian-kingdom-fpv-video': {
title: 'FPV-Video eines alten indischen Königreichs',
summary:
'Schneller filmischer FPV-Drohnenprompt, der ein mystisches indisches Königreich mit Tempeln und Dschungeln zeigt.',
},
'animation-transfer-and-camera-tracking-prompt': {
title: 'Prompt für Animation Transfer und Camera Tracking',
summary:
'Technischer Prompt für Seedance 2.0, der eine bestimmte Bewegungsreferenz auf eine Figur anwendet und zugleich festes Camera Tracking hält.',
},
'beat-synced-outfit-transformation-dance': {
title: 'Beat-synchroner Outfit-Transformationstanz',
summary:
'Seedance-2.0-Prompt, der eine Figur anhand von Breakdown-Frames tanzen lässt und einen beat-synchronen Outfitwechsel ausführt.',
},
'character-intro-motion-graphics-sequence': {
title: 'Character-Intro-Motion-Graphics-Sequenz',
summary:
'Komplexer mehrstufiger Motion-Graphics-Prompt zur Vorstellung eines Character-Teams mit UI-Overlays und Übergängen.',
},
'cinematic-birthday-celebration-sequence': {
title: 'Filmische Geburtstagsfeier-Sequenz',
summary:
'Hochdetaillierter Multi-Shot-Video-Prompt für eine Geburtstagssequenz mit Fokus auf Charakterkonsistenz und emotionalem Storytelling.',
},
'cinematic-dragon-interaction-flight': {
title: 'Filmische Dracheninteraktion und Flug',
summary:
'Detaillierter Storyboard-Prompt für ein Video mit emotionaler Interaktion zwischen einer Frau und einem Drachen, gefolgt von einem filmischen Flug.',
},
'cinematic-east-asian-woman-hand-dance': {
title: 'Filmischer Handtanz einer ostasiatischen Frau',
summary:
'Hochdetaillierter filmischer Multi-Shot-Video-Prompt für einen stilisierten Handtanz mit time-coded Kamera- und Handlungsanweisungen.',
},
'cinematic-emotional-face-close-up': {
title: 'Filmisches emotionales Face-Close-up',
summary:
'Hochdetaillierter technischer Seedance-2.0-Prompt mit Fokus auf realistische Hauttexturen und komplexe emotionale Gesichtstransitionen.',
},
'cinematic-marine-biologist-exploration': {
title: 'Filmische Erkundung einer Meeresbiologin',
summary:
'Detaillierter filmischer Video-Prompt für eine Unterwasserszene, in der eine Meeresbiologin ein altes Schiffswrack in einem Korallenriff entdeckt.',
},
'cinematic-music-podcast-and-guitar-technique': {
title: 'Filmischer Musik-Podcast und Gitarrentechnik',
summary:
'Fortgeschrittener filmischer Prompt für ein 4K-Musikpodcast-Video mit Fokus auf Gitarrentechnik, Pinch Harmonics und Studioästhetik.',
},
'cinematic-route-navigation-guide': {
title: 'Filmischer Routen-Navigationsguide',
summary:
'Strukturierter Multi-Scene-Prompt für Seedance, um ein konsistentes Walking-Navigation-Video mit wiederkehrendem Tour-Guide zu erstellen.',
},
'cinematic-street-racing-sequence-for-seedance-2': {
title: 'Filmische Street-Racing-Sequenz für Seedance 2',
summary:
'Detaillierter Multi-Shot-Prompt für eine nächtliche Street-Racing-Sequenz mit intensivem Fahrerfokus, dynamischer Kameraarbeit und explosiver Beschleunigung.',
},
'cinematic-vampire-alley-fight-sequence': {
title: 'Filmische Vampir-Kampfszene in einer Gasse',
summary:
'Umfassender Action-Prompt für eine Kurzfilmszene mit dynamischer Kamera und Hochgeschwindigkeitskampf in einer neonbeleuchteten Gasse.',
},
'crimson-horizon-sci-fi-cinematic-sequence': {
title: 'Crimson Horizon Sci-Fi-Filmsequenz',
summary:
'Umfassende 9-Shot-Filmsequenz für einen Sci-Fi-Film namens „Crimson Horizon“, vom Raketenstart bis zur unheimlichen Alien-Begegnung auf dem Mars.',
},
'cyberpunk-game-trailer-script': {
title: 'Cyberpunk-Game-Trailer-Script',
summary:
'Ausführlicher Video-Prompt für einen Cyberpunk-Game-Trailer mit Charakterdesign, UI-Animationen und Umgebungswechsel vom weißen Void zur Favela.',
},
'forbidden-city-cat-satire': {
title: 'Satire mit Katze in der Verbotenen Stadt',
summary:
'Komplexer Dark-Comedy-Prompt für Seedance 2.0 mit einem orangefarbenen Katzenbeamten und einem Hyänenkaiser in einer satirischen Qing-Dynastie-Szene.',
},
'hollywood-haute-couture-fantasy-video-prompt': {
title: 'Hollywood-Haute-Couture-Fantasy-Video-Prompt',
summary:
'Detaillierter Multi-Scene-Video-Prompt für Seedance 2.0, ausgelegt auf einen Hollywood-Haute-Couture-Fantasy-Film mit 8K/Unreal-Engine-Ästhetik.',
},
'hyperframes-app-showcase-three-phones': {
title: 'HyperFrames: 12-Sekunden-App-Showcase drei schwebende Phones',
summary:
'Eine 12-sekündige 16:9-App-Showcase-Komposition drei schwebende iPhone-Screens schweben im 3D-Raum, jedes rotiert nacheinander, um ein anderes Feature zu zeigen, beat-synchrone Label-Callouts, End-Logo-Lockup. Direkt auf dem HyperFrames-`app-showcase`-Catalog-Block aufgebaut.',
},
'hyperframes-brand-sizzle-reel': {
title: 'HyperFrames: 30-Sekunden-Brand-Sizzle-Reel',
summary:
'Ein 30-sekündiges 16:9-HyperFrames-Sizzle-Reel schnelle Schnitte, beat-synchrone kinetische Typografie, audio-reaktive Skalierung auf Display-Wörtern, Shader-Übergänge zwischen fünf Szenen, End-Card mit Logo-Bloom. Modelliert nach dem aisoc-hype-Archetyp aus dem Student-Kit.',
},
'hyperframes-data-bar-chart-race': {
title: 'HyperFrames: Animiertes Bar-Chart-Race (NYT-Stil)',
summary:
'Eine 12-sekündige 16:9-Daten-Infografik animiertes Balken- und Liniendiagramm mit gestaffeltem Kategorie-Reveal, NYT-artiger Serif-Headline, Quellen-Footnote, kinetische Wert-Labels. Direkt auf dem HyperFrames-`data-chart`-Catalog-Block aufgebaut.',
},
'hyperframes-flight-map-route': {
title: 'HyperFrames: Apple-Style-Flugkarte (Origin → Destination)',
summary:
'Eine 8-sekündige filmische 16:9-Flugrouten-Karte realistischer Terrain-Zoom, animiertes Flugzeug, das auf einer geschwungenen Route von Start- zu Zielort gleitet, beschriftete Städte, kinetischer Distanzzähler. Direkt auf dem HyperFrames-`nyc-paris-flight`-Catalog-Block aufgebaut, für jedes Städtepaar wiederverwendbar.',
},
'hyperframes-logo-outro-cinematic': {
title: 'HyperFrames: 4-Sekunden filmisches Logo-Outro',
summary:
'Ein 4-sekündiges 16:9-Logo-Outro stückweise Wordmark-Aufbau mit Bloom, Shimmer-Sweep über das finale Lockup, weiches Grain-Overlay, einzeilige CTA. Aufgebaut auf den HyperFrames-Blöcken `logo-outro`, `shimmer-sweep` und `grain-overlay`.',
},
'hyperframes-money-counter-hype': {
title: 'HyperFrames: $0 → $10K Money-Counter-Hype (9:16)',
summary:
'Ein 6-sekündiger vertikaler 1080×1920-HyperFrames-Hype-Clip Apple-artiger $0 → $10.000-Counter mit grünem Flash, Money-Burst-Partikeln, Cash-Stack-Icon, Kicker-Headline. Aufgebaut auf dem HyperFrames-`apple-money-count`-Catalog-Block.',
},
'hyperframes-product-reveal-minimal': {
title: 'HyperFrames: 5-Sekunden minimaler Product Reveal',
summary:
'Eine 5-sekündige HyperFrames-Komposition für einen High-End-Product-Reveal dunkle Leinwand, einzelner warmer Akzent, langsamer Push-in-Title-Card, kinetische Kicker-Zeile, zurückhaltende Bewegung. Der Agent rendert MP4 aus HTML+GSAP via Puppeteer; kein Stock Footage nötig.',
},
'hyperframes-saas-product-promo-30s': {
title: 'HyperFrames: 30-Sekunden-SaaS-Product-Promo (Linear-Stil)',
summary:
'Eine 30-sekündige HyperFrames-Komposition modelliert nach Linear/ClickUp-artigen Produktfilmen UI-3D-Reveals, beat-synchrone kinetische Typografie, animierte UI-Screenshots, End-Card mit Logo-Outro. Aus HF-Catalog-Blöcken (ui-3d-reveal, app-showcase, logo-outro) plus Shader-Übergängen zwischen Szenen aufgebaut.',
},
'hyperframes-social-overlay-stack': {
title: 'HyperFrames: 9:16 Social-Overlay-Stack (X · Reddit · Spotify · Instagram)',
summary:
'Eine 15-sekündige vertikale 1080×1920-HyperFrames-Komposition, die vier animierte Social-Cards über einen Face-Cam-Loop stapelt einen X-Post, eine Reddit-Reaktion, eine Spotify-Now-Playing-Card und am Ende eine Instagram-Follow-CTA. Jede Karte ist ein HyperFrames-Catalog-Block; die Choreografie ist das Value-Add.',
},
'hyperframes-tiktok-karaoke-talking-head': {
title: 'HyperFrames: 9:16 TikTok-Talking-Head mit Karaoke-Untertiteln',
summary:
'Ein vertikaler 1080×1920-HyperFrames-Short TTS-narrierter Talking-Head über einem Face-Cam-Loop, mit karaoke-artigen wort-synchronen Untertiteln, animiertem Lower Third und einem TikTok-Follow-Overlay am Ende. Spiegelt den may-shorts-19-Archetyp aus dem HyperFrames-Student-Kit.',
},
'hyperframes-website-to-video-promo': {
title: 'HyperFrames: Website-zu-Video-Pipeline (15-Sekunden-Marketing-Cut)',
summary:
'Eine 15-sekündige 16:9-HyperFrames-Komposition, die eine Live-Website in drei Viewport-Größen erfasst und dann mit einem chromatischen Radial-Split zwischen Szenen animiert. Spiegelt den hyperframes-sizzle-Student-Kit-Archetyp wider, bei dem die Site das Quell-Asset ist.',
},
'hunched-character-animation': {
title: 'Animation einer gebeugten Figur',
summary:
'Anweisung für Seedance 2, eine In-place-Walking-Animation für eine bestimmte Charakterreferenz zu erstellen.',
},
'live-action-anime-adaptation-water-vs-thunder-breathing-duel': {
title: 'Live-Action-Anime-Adaption: Wasser- vs. Donner-Atmungsduell',
summary:
'Hochdetaillierter 15-Sekunden-Prompt für eine Live-Action-Adaption eines Anime-Duells mit blauen Wasser- und goldenen Blitzeffekten.',
},
'luxury-supercar-cinematic-narrative': {
title: 'Filmische Luxus-Supercar-Erzählung',
summary:
'Hochdetaillierter filmischer Multi-Shot-Prompt für Seedance 2.0 mit stilvollem Mann, Dobermännern und Vintage-Supercar in nebliger Bergszene.',
},
'magical-academy-storyboard-sequence': {
title: 'Storyboard-Sequenz einer magischen Akademie',
summary:
'Detaillierter Storyboard-Prompt für eine filmische Sequenz über ein Magical Girl an einer Akademie, von Ankunft bis magischem Duell.',
},
'modern-rural-aesthetics-healing-short-film-video-prompt': {
title: 'Healing-Kurzfilm im modernen Rural-Aesthetic-Stil',
summary:
'Detaillierter Three-Shot-Prompt für Seedance 2.0, der einen heilenden filmischen Kurzfilm im modernen Rural-Aesthetic-Stil erzeugt.',
},
'nightclub-flyer-atmospheric-animation': {
title: 'Atmosphärische Animation eines Nightclub-Flyers',
summary:
'Subtiler Seedance-2.0-Animationsprompt, der Hintergrund- und Lichtelemente zum Leben erweckt, während das Motiv fixiert bleibt.',
},
'retro-hk-wuxia-film-aesthetic': {
title: 'Retro-HK-Wuxia-Filmästhetik',
summary:
'Komplexer mehrteiliger Video-Prompt, der die 80er-/90er-Hongkong-Wuxia-Filmästhetik mit einer Verwandlung von Katze zu Mensch nachbildet.',
},
'seedance-2-0-15-second-cinematic-japanese-romance-short-film': {
title: 'Seedance 2.0: 15-Sekunden-filmischer japanischer Romance-Kurzfilm',
summary:
'Hochdetaillierter 15-Sekunden-Multi-Scene-Prompt für einen filmischen, ultrarealistischen japanischen High-School-Romance-Kurzfilm.',
},
'seedance-2-0-80-year-old-rapper-mv': {
title: 'Seedance 2.0: 80-jährige Rapperin im Musikvideo',
summary:
'Detaillierter 15-Sekunden-Prompt für ein horizontales Street-Rap-MV in 16:9 mit einer 80-jährigen Frau und kühlen Neonviolett-/Blautönen.',
},
'sequence-and-movement-instruction-for-martial-arts-video': {
title: 'Sequenz- und Bewegungsanweisung für Kampfsportvideo',
summary:
'Video-Prompt für Seedance 2.0, der eine Sequenz anhand eines Character Sheets animiert und spezifische Bewegungen und Schritte betont.',
},
'soul-switching-mirror-magic-sequence': {
title: 'Magische Spiegel-Sequenz mit Seelentausch',
summary:
'Narrativer Video-Prompt über ein magisches Seelentausch-Ereignis an einem Spiegel, mit Kameraanweisungen und emotionalen Cues.',
},
'toaster-rocket-jumpscare': {
title: 'Toaster-Raketen-Jumpscare',
summary:
'Prompt für eine realistische Home-Video-Aufnahme eines alten Mannes, der erschrickt, als ein Toaster Brot wie eine Rakete abschießt.',
},
'traditional-dance-performance': {
title: 'Traditionelle Tanzperformance',
summary:
'Umfassender Seedance-2.0-Video-Prompt für einen anmutigen traditionellen Tanz auf Basis von Choreografie- und Identitätsreferenzbildern.',
},
'vintage-disney-style-pirate-crocodile-animation': {
title: 'Piraten-Krokodil-Animation im Vintage-Disney-Stil',
summary:
'Mehrszeniger narrativer Prompt für eine klassische Vintage-Disney-Animation mit einem Krokodilpiraten und Vogelpiraten auf einem Schiff.',
},
'viral-k-pop-dance-choreography': {
title: 'Virale K-Pop-Dance-Choreografie',
summary:
'Detaillierter Seedance-2.0-Prompt, der eine Figur eine Choreografie auf Basis eines 16-Panel-Storyboard-Referenzbilds tanzen lässt.',
},
'wasteland-factory-chase': {
title: 'Wasteland-Factory-Chase',
summary:
'Filmischer Prompt für eine High-Speed-Wüsten-Wasteland-Szene mit einer laufenden Industriefabrik auf Beinen und einer Verfolgung per Rebel Bike.',
},
};
export const GERMAN_CONTENT_IDS = {
skills: Object.keys(DE_SKILL_COPY),
designSystems: [
...Object.keys(DE_DESIGN_SYSTEM_SUMMARIES),
...DE_DESIGN_SYSTEM_IDS_WITH_EN_FALLBACK,
],
designSystemCategories: Object.keys(DE_DESIGN_SYSTEM_CATEGORIES),
promptTemplates: Object.keys(DE_PROMPT_TEMPLATE_COPY),
promptTemplateCategories: Object.keys(DE_PROMPT_TEMPLATE_CATEGORIES),
promptTemplateTags: Object.keys(DE_PROMPT_TEMPLATE_TAGS),
};
function isGerman(locale: Locale): boolean {
return locale === 'de';
}
function normalizeText(text: string): string {
return text.replace(/\s+/g, ' ').trim();
}
export function localizeSkillPrompt(locale: Locale, skill: SkillSummary): string | undefined {
if (isGerman(locale)) {
const translated = DE_SKILL_COPY[skill.id]?.examplePrompt;
if (translated) return translated;
}
return skill.examplePrompt ? normalizeText(skill.examplePrompt) : undefined;
}
export function localizeSkillDescription(locale: Locale, skill: SkillSummary): string {
if (isGerman(locale)) {
const translated = DE_SKILL_COPY[skill.id]?.description;
if (translated) return translated;
}
return normalizeText(skill.description);
}
export function localizeDesignSystemSummary(
locale: Locale,
system: DesignSystemSummary,
): string {
if (isGerman(locale)) {
const translated = DE_DESIGN_SYSTEM_SUMMARIES[system.id];
if (translated) return translated;
}
return system.summary || system.category || '';
}
export function localizeDesignSystemCategory(locale: Locale, category: string): string {
if (!isGerman(locale)) return category;
return DE_DESIGN_SYSTEM_CATEGORIES[category] ?? category;
}
export function localizePromptTemplateCategory(locale: Locale, category: string): string {
if (!isGerman(locale)) return category;
return DE_PROMPT_TEMPLATE_CATEGORIES[category] ?? category;
}
export function localizePromptTemplateSummary(
locale: Locale,
template: PromptTemplateSummary,
): PromptTemplateSummary {
if (!isGerman(locale)) return template;
const translated = DE_PROMPT_TEMPLATE_COPY[template.id];
const tags = template.tags?.map((tag) => DE_PROMPT_TEMPLATE_TAGS[tag] ?? tag);
return {
...template,
title: translated?.title ?? template.title,
summary: translated?.summary ?? template.summary,
category: localizePromptTemplateCategory(locale, template.category || 'General'),
tags,
};
}