External/open-design
1
0
Fork 0
mirror of https://github.com/nexu-io/open-design.git synced 2026-10-27 09:51:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(landing): add Codex Slides sister-product page (#6050)

Browse Source 
* feat(landing): add Codex Slides sister-product page

Add /codex-slides/ under the Product menu next to HTML Anything and
HTML Video, for the open-source AI slide studio nexu-io/codex-slides.

- Reuses the sibling product-page shape (hero, at-a-glance band, ideas,
  numbered flow, deck gallery, product-UI gallery, scenarios, export
  spec, Fast mode + install, closing CTA band).
- Full 11-locale copy: English base + Agent translations, metadata and
  body localized; JSON-LD (SoftwareApplication + Breadcrumb + FAQ) uses
  the localized page URL.
- Closing CTA reuses the shared .dbfinal painted band and leads with the
  Open Design desktop download; ghost CTA stars the Codex Slides repo.
- Wires the entry into the Product mega-menu and the footer product
  column; ships local webp screenshots (no R2 upload step).

* fix(landing): give the Fast mode / Install block its own section heading

The two-up Fast mode + Install in Codex notes had no heading of their
own, so they read as if they belonged under the preceding export section.
Wrap them in a proper section titled duoTitle (Fast and frictionless)
with the two notes demoted to sub-headings.

---------

Co-authored-by: Joey <236967869+joeylee12629-star@users.noreply.github.com>
This commit is contained in:
Joey-nexu
2026-07-26 07:50:28 +00:00
committed by GitHub
co-authored by Joey
parent 99c13e083e
commit 40a35b7786
29 changed files with 2207 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/landing-page/app/_components/header.tsx
+14
View File
@@ -109,6 +109,7 @@ export interface HeaderProps {
| 'product'
| 'html-anything'
| 'html-video'
| 'codex-slides'
| 'solution'
| 'agent'
| 'plugins'
@@ -225,6 +226,7 @@ export function Header({
active === 'home' ||
active === 'html-anything' ||
active === 'html-video' ||
active === 'codex-slides' ||
active === 'agent'
? ' is-active'
: '')
@@ -262,6 +264,18 @@ export function Header({
<span className='dropdown-name'>{productMenuCopy.htmlVideoName}</span>
</a>
</li>
{/* Product name, not a translatable phrase — same treatment
as the hardcoded "Open Design" in the footer's product
column, so it does not add an identical string to every
locale block. */}
<li>
<a
href={href('/codex-slides/')}
className={active === 'codex-slides' ? 'is-active' : undefined}
>
<span className='dropdown-name'>Codex Slides</span>
</a>
</li>
</ul>
</li>
{/* Agent column — the coding agents each with a dedicated
apps/landing-page/app/_components/site-footer.astro
+1
View File
@@ -79,6 +79,7 @@ const l = getFooterLegalCopy(locale);
<li><a href={href('/')}>Open Design</a></li>
<li><a href={href('/html-anything/')}>{ui.footer.htmlAnything}</a></li>
<li><a href={href('/html-video/')}>{ui.footer.htmlVideo}</a></li>
<li><a href={href('/codex-slides/')}>Codex Slides</a></li>
</ul>
</div>
apps/landing-page/app/codex-slides-i18n.ts
+256
View File
@@ -0,0 +1,256 @@
/*
* `/codex-slides/` — sister-project landing page copy.
*
* Codex Slides (github.com/nexu-io/codex-slides) is the third product in the
* Product menu next to HTML Anything and HTML Video: an open-source, image-native
* AI slide studio that runs *inside* Codex. You describe a deck (or point it at a
* repo / a pile of files), Codex opens the Browser-first studio, and the whole
* chain stays visible and steerable — research → outline → style → render → edit
* → present → export PPTX/PDF. It runs on an existing `codex login`, so there is
* no separate API key, and every project stays on the user's disk.
*
* SEO surface: the head terms are "Codex Slides" (brand), "AI slide generator" /
* "AI presentation maker" (category), and "open source Gamma alternative" (the
* comparison query the README itself leads with). Long-tail like "AI PPTX export",
* "slides from a repo", and "Codex plugin" is seeded through the section copy.
*
* Structure mirrors `community-i18n.ts`: `en` is the authoritative base, every
* other locale is a DeepPartial override translated by an Agent and merged over
* it, so an untranslated string falls back to English instead of breaking the
* layout. Non-translatable facts (counts, install commands, export formats,
* image paths) live in the page itself, never duplicated per language.
*/
import { DEFAULT_LOCALE, type LandingLocaleCode } from './i18n';
import { CODEX_SLIDES_OVERRIDES } from './codex-slides-locales';
export type DeepPartial<T> = {
[K in keyof T]?: T[K] extends (infer U)[]
? U[]
: T[K] extends object
? DeepPartial<T[K]>
: T[K];
};
/** Deep-merge a locale override over the English base; arrays replace wholesale. */
function mergeCopy<T>(base: T, override: DeepPartial<T> | undefined): T {
if (!override) return base;
const out: Record<string, unknown> = { ...(base as Record<string, unknown>) };
for (const [key, value] of Object.entries(override)) {
if (value === undefined) continue;
const baseValue = out[key];
if (
baseValue &&
value &&
typeof baseValue === 'object' &&
typeof value === 'object' &&
!Array.isArray(baseValue) &&
!Array.isArray(value)
) {
out[key] = mergeCopy(baseValue, value as DeepPartial<typeof baseValue>);
} else {
out[key] = value;
}
}
return out as T;
}
type CopyPair = { headline: string; body: string };
type StepCopy = CopyPair & { step: string };
type TileCopy = { alt: string; tag: string };
type NamedCopy = { name: string; blurb: string };
type FormatRow = { label: string; values: string };
export type CodexSlidesCopy = {
title: string;
description: string;
label: string;
heading: string;
lead: string;
/** Primary CTA label. Names Open Design explicitly (this is a sister-product
* page, so the generic shared "Download desktop" would be ambiguous). */
downloadCta: string;
heroAlt: string;
glanceAria: string;
glance: {
stars: string;
templates: string;
styles: string;
scenarios: string;
license: string;
};
whyTitle: string;
whyLead: string;
ideas: CopyPair[];
flowTitle: string;
flowLead: string;
flow: StepCopy[];
showcaseTitle: string;
showcaseLead: string;
showcase: [TileCopy, TileCopy, TileCopy, TileCopy, TileCopy, TileCopy];
insideTitle: string;
insideLead: string;
inside: [TileCopy, TileCopy, TileCopy, TileCopy];
scenariosTitle: string;
scenariosLead: string;
scenarios: NamedCopy[];
formatsTitle: string;
formatsLead: string;
formatsRows: [FormatRow, FormatRow, FormatRow];
duoTitle: string;
fastTitle: string;
fastLead: string;
installTitle: string;
installLead: string;
finalEyebrow: string;
tiebackTitle: string;
tiebackBody: string;
schemaAlternateName: string;
schemaWhatQuestion: string;
schemaWhatAnswer: string;
schemaKeyQuestion: string;
schemaKeyAnswer: string;
schemaExportQuestion: string;
schemaExportAnswer: string;
schemaRelationQuestion: string;
schemaRelationAnswer: string;
};
const EN: CodexSlidesCopy = {
title: 'Codex Slides — the open-source AI slide studio inside Codex · PPTX & PDF',
description:
'Codex Slides is an open-source AI slide studio that lives inside Codex. Describe a deck — or point it at a repo, a PDF, or a spreadsheet — and your local Codex researches, outlines, styles, renders, and exports a real PPTX and print-ready PDF. Every slide is a full visual canvas. 45 deck templates, 73 community styles, 24 guided scenarios, Fast mode renders 10+ slides in about 4–5 minutes. Browser-first, MIT-licensed, runs on your existing codex login with zero extra API keys.',
label: 'Sister project',
heading: 'The AI slide studio inside your coding agent',
lead:
'Most AI slide generators hide the work behind one request and hand back a file. Codex Slides keeps the whole chain live inside Codex: research, outline, visual direction, render, edit, present, and export. Every deck stays a durable project on your own disk, and because it is image-native, each slide is a full visual canvas rather than a template with the text swapped out.',
downloadCta: 'Download Open Design',
heroAlt:
'Codex Slides: Codex on the left driving the slide studio in the browser, a rendered market-report slide on the right',
glanceAria: 'At a glance',
glance: {
stars: 'GitHub stars',
templates: 'Deck templates',
styles: 'Community styles',
scenarios: 'Guided scenarios',
license: 'License',
},
whyTitle: 'Why this exists',
whyLead:
'A deck is not a one-shot generation problem. It is a series of decisions about what to say, in what order, and in what visual language, and each one is cheaper to fix before the render than after it.',
ideas: [
{
headline: 'You watch it happen instead of waiting for a file.',
body: 'Codex opens the studio in its Browser and keeps it visible. You confirm the brief, revise the outline, and approve the visual direction before a single page renders, so the expensive mistakes get caught while they are still cheap.',
},
{
headline: 'Every deck is a durable project, not a download.',
body: 'Conversation, sources, outline, brand rules, checkpoints, and rendered pages all persist on disk. Come back tomorrow and keep editing the same project; every AI command and manual edit leaves an immutable checkpoint you can inspect, restore, or export.',
},
{
headline: 'Image-native: the slide is the canvas.',
body: 'Each page is composed as one full visual canvas rather than a text box dropped on a theme, which is why the output holds up next to hand-designed decks. Mark up a slide directly and regenerate just that page from your annotations.',
},
],
flowTitle: 'How it works',
flowLead:
'One prompt in, a presentation-ready deck out, with a checkpoint at every step where your judgment is worth more than another model call.',
flow: [
{ step: '01', headline: 'Clarify the brief', body: 'A tailored questions form confirms audience, page count, aspect ratio, language, resolution, and visual intent before any writing starts.' },
{ step: '02', headline: 'Research the facts', body: 'Optional multi-round web research produces a source-backed Markdown brief that stays inspectable and editable in Design Files.' },
{ step: '03', headline: 'Shape the outline', body: 'Edit every title and talking point, add or drop slides, reorder the story, or ask the agent to restructure it before the visuals exist.' },
{ step: '04', headline: 'Lock the visual direction', body: 'Codex Slides ranks its style library against your topic and outline. Pick one, search the full catalog, or keep the default.' },
{ step: '05', headline: 'Render in parallel', body: 'Fast mode fans every page out at once instead of one by one, so a 10-slide deck lands in about four to five minutes while the direction stays locked.' },
{ step: '06', headline: 'Edit in place', body: 'Ask for a rewrite, mark a region with arrows and comments, replace an image, reorder pages, set transitions, and write speaker notes.' },
{ step: '07', headline: 'Present and export', body: 'Run Presenter Mode with a synchronized audience window and timer, then download a real PPTX and a print-ready PDF with notes preserved.' },
],
showcaseTitle: 'What the decks look like',
showcaseLead:
'Every card is a visual system that ships with Codex Slides: a finished direction you can start from, then swap in your own topic, audience, or files.',
showcase: [
{ alt: 'Business and market report deck with charts and KPI callouts', tag: 'Market report · charts & KPIs' },
{ alt: 'Data dashboard deck with a world map, donut chart, and metric tiles', tag: 'Data story · dashboard' },
{ alt: 'Cinematic product keynote slide with a high-contrast title moment', tag: 'Keynote · cinematic' },
{ alt: 'Editorial magazine-style deck with serif headlines and a print grid', tag: 'Editorial · print grid' },
{ alt: 'Bright airy product keynote slide with soft 3D diagram nodes and one indigo accent', tag: 'Keynote · clean daylight' },
{ alt: 'Labeled technical cutaway slide reconstructing a system as a cross-section', tag: 'Technical · labeled cutaway' },
],
insideTitle: 'See the real product',
insideLead:
'These are the actual screens Codex drives in its Browser, the same ones you would use by hand, so you can step in and take over at any point.',
inside: [
{ alt: 'Codex Slides home with the prompt composer, scenario shortcuts, and community styles', tag: 'Home · describe your deck' },
{ alt: 'Scenario library with pre-configured presentation workflows', tag: 'Scenarios · pick a workflow' },
{ alt: 'Editable presentation outline with titles and talking points', tag: 'Outline · shape the story' },
{ alt: 'Slide editor with the full canvas in view, toolbar, speaker notes, and thumbnails', tag: 'Editor · full canvas' },
],
scenariosTitle: 'Six workflow groups',
scenariosLead:
'Twenty-four guided scenarios, bundled into six workflow groups. Each group brings its own questions, source slots, and visual grammar. Start from one, or just describe what you need.',
scenarios: [
{ name: 'Create from scratch', blurb: 'Business reports, pitch decks, and project proposals from a single brief.' },
{ name: 'Transform a source', blurb: 'Beautify an existing PPTX, HTML, or PDF; turn documents, notes, or a whiteboard photo into slides.' },
{ name: 'Data & insights', blurb: 'Dashboards, recurring performance reports, financial results, and survey readouts.' },
{ name: 'Research & decisions', blurb: 'Deep research presentations, market studies, competitive analyses, literature reviews.' },
{ name: 'Optimize a deck', blurb: 'Apply a brand system, recreate a reference style, translate and localize, compress or expand.' },
{ name: 'Specialized outputs', blurb: 'Training courseware, launch keynotes, portfolios and case studies, template-driven batches.' },
],
formatsTitle: 'Real files you can hand off',
formatsLead:
'When the deck looks right, export a genuine PowerPoint (.pptx) and a print-ready PDF, both keeping your speaker notes. Choose the render quality and the shape that fits the room or the feed:',
formatsRows: [
{ label: 'Export formats', values: 'PowerPoint (.pptx) · PDF · speaker notes kept' },
{ label: 'Render quality', values: '1K · 2K · 4K' },
{ label: 'Aspect ratios', values: '16:9 · 4:3 · 1:1 · 9:16 · 3:4' },
],
duoTitle: 'Fast and frictionless',
fastTitle: 'Fast mode',
fastLead:
'Pages render in parallel, up to four at a time with the rest queued, instead of one after another, while the approved outline and visual direction stay locked. A ten-slide deck typically lands in about four to five minutes, and an interrupted run resumes from the saved project state rather than starting over.',
installTitle: 'Install in Codex',
installLead:
'Add the repository as a plugin marketplace, install the plugin, restart Codex, and start a new task. You need Codex with plugin support, Node.js 20 or newer, and one `codex login`. No separate OpenAI key and no `.env` file for the default workflow.',
finalEyebrow: 'Next step',
tiebackTitle: 'Part of the Open Design family',
tiebackBody:
'Open Design is the open, local-first design workspace that sits outside the coding agent you already use. Codex Slides is that same idea aimed at presentations: your agent does the work in the open, the project stays on your machine, and nothing is locked behind a subscription. For the full design toolkit beyond slides, get the Open Design app.',
schemaAlternateName: 'The open-source AI slide studio inside Codex',
schemaWhatQuestion: 'What is Codex Slides?',
schemaWhatAnswer:
'Codex Slides is an open-source, MIT-licensed AI slide studio that runs as a plugin inside Codex. It turns a prompt, a repository, or a set of files into a presentation-ready deck through a visible workflow (clarification, optional research, outline, visual direction, parallel rendering, editing, presenting, and PPTX/PDF export) and keeps every deck as a durable project on your own disk.',
schemaKeyQuestion: 'Does Codex Slides need a separate API key?',
schemaKeyAnswer:
'No. It runs on the ChatGPT account you already authenticated with `codex login`. The default workflow needs no separate OpenAI API key and no `.env` file; it requires Codex with plugin support, Node.js 20 or newer, and Git.',
schemaExportQuestion: 'Can Codex Slides export real PowerPoint files?',
schemaExportAnswer:
'Yes. Codex Slides exports a real PPTX and a print-ready PDF, both preserving the project\'s speaker notes, at 1K/2K/4K render quality across five aspect ratios (16:9, 4:3, 1:1, 9:16, 3:4). Because it is image-native, exported PPTX slides contain full-slide images rather than individually editable PowerPoint shapes; editable-shape export is planned.',
schemaRelationQuestion: 'Is Codex Slides related to Open Design?',
schemaRelationAnswer:
'Yes. Codex Slides is a sister project from the team behind Open Design, the same open, local-first, agent-native approach applied to presentations instead of design files.',
};
export function getCodexSlidesCopy(locale: LandingLocaleCode): CodexSlidesCopy {
if (locale === DEFAULT_LOCALE) return EN;
return mergeCopy(EN, CODEX_SLIDES_OVERRIDES[locale]);
}
export { EN as CODEX_SLIDES_EN };
apps/landing-page/app/codex-slides-locales/de.ts
+127
View File
@@ -0,0 +1,127 @@
// German (de) overrides for the Codex Slides landing copy.
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const de: DeepPartial<CodexSlidesCopy> = {
title: 'Codex Slides — Open-Source-KI-Slide-Studio in Codex · PPTX & PDF',
description:
'Codex Slides ist ein quelloffenes KI-Slide-Studio, das direkt in Codex läuft. Beschreib ein Deck — oder zeig ihm ein Repository, ein PDF oder eine Tabelle — und dein lokales Codex recherchiert, gliedert, gestaltet, rendert und exportiert eine echte PPTX sowie ein druckfertiges PDF. Jede Folie ist eine vollflächige visuelle Leinwand. 45 Deck-Vorlagen, 73 Community-Stile, 24 geführte Szenarien; Fast mode rendert 10+ Folien in rund 4–5 Minuten. Browser-first, MIT-lizenziert, läuft mit deinem bestehenden `codex login` — ganz ohne zusätzliche API-Keys.',
label: 'Schwesterprojekt',
heading: 'Das KI-Slide-Studio in deinem Coding-Agenten',
lead:
'Die meisten KI-Foliengeneratoren verstecken die Arbeit hinter einer einzigen Anfrage und reichen dir eine Datei. Codex Slides hält die ganze Kette in Codex sichtbar — Recherche, Gliederung, visuelle Richtung, Rendern, Bearbeiten, Präsentieren, Exportieren — und jedes Deck bleibt ein dauerhaftes Projekt auf deiner eigenen Festplatte. Bild-nativ: Jede Folie ist eine vollflächige visuelle Leinwand, keine Vorlage mit ausgetauschtem Text.',
downloadCta: 'Open Design herunterladen',
heroAlt:
'Codex Slides — links Codex, das im Browser das Slide-Studio steuert, rechts eine fertig gerenderte Marktbericht-Folie',
glanceAria: 'Auf einen Blick',
glance: {
stars: 'GitHub-Sterne',
templates: 'Deck-Vorlagen',
styles: 'Community-Stile',
scenarios: 'Geführte Szenarien',
license: 'Lizenz',
},
whyTitle: 'Warum es das gibt',
whyLead:
'Ein Deck ist kein One-Shot-Generierungsproblem. Es ist eine Kette von Entscheidungen — was gesagt wird, in welcher Reihenfolge, in welcher visuellen Sprache — und jede einzelne lässt sich vor dem Rendern billiger korrigieren als danach.',
ideas: [
{
headline: 'Du siehst zu, statt auf eine Datei zu warten.',
body: 'Codex öffnet das Studio in seinem Browser und hält es sichtbar. Du bestätigst das Briefing, überarbeitest die Gliederung und gibst die visuelle Richtung frei, bevor eine einzige Seite gerendert wird — so werden die teuren Fehler gefangen, solange sie noch billig sind.',
},
{
headline: 'Jedes Deck ist ein dauerhaftes Projekt, kein Download.',
body: 'Konversation, Quellen, Gliederung, Markenregeln, Checkpoints und gerenderte Seiten bleiben alle auf der Festplatte. Komm morgen wieder und arbeite am selben Projekt weiter; jeder KI-Befehl und jede manuelle Änderung hinterlässt einen unveränderlichen Checkpoint, den du prüfen, wiederherstellen oder exportieren kannst.',
},
{
headline: 'Bild-nativ — die Folie ist die Leinwand.',
body: 'Jede Seite wird als eine einzige vollflächige visuelle Leinwand komponiert und nicht als Textfeld auf einem Theme; genau deshalb hält das Ergebnis dem Vergleich mit handgestalteten Decks stand. Markier eine Folie direkt und lass allein diese Seite aus deinen Anmerkungen neu generieren.',
},
],
flowTitle: 'So funktioniert es',
flowLead:
'Ein Prompt hinein, ein präsentationsfertiges Deck heraus — mit einem Checkpoint an jeder Stelle, an der dein Urteil mehr wert ist als ein weiterer Modellaufruf.',
flow: [
{ step: '01', headline: 'Das Briefing klären', body: 'Ein zugeschnittenes Fragenformular bestätigt Publikum, Seitenzahl, Seitenverhältnis, Sprache, Auflösung und visuelle Absicht, bevor das Schreiben beginnt.' },
{ step: '02', headline: 'Die Fakten recherchieren', body: 'Optionale mehrstufige Web-Recherche erzeugt ein quellenbelegtes Markdown-Briefing, das in Design Files einsehbar und bearbeitbar bleibt.' },
{ step: '03', headline: 'Die Gliederung formen', body: 'Bearbeite jeden Titel und jeden Kernpunkt, ergänze oder streiche Folien, sortier die Story um oder lass den Agenten sie umbauen — bevor es überhaupt Visuals gibt.' },
{ step: '04', headline: 'Die visuelle Richtung festlegen', body: 'Codex Slides sortiert seine Stil-Bibliothek nach deinem Thema und deiner Gliederung. Nimm einen Vorschlag, durchsuch den ganzen Katalog oder bleib beim Standard.' },
{ step: '05', headline: 'Parallel rendern', body: 'Fast mode schickt alle Seiten gleichzeitig los statt eine nach der anderen, sodass ein Deck mit 10+ Folien in etwa vier bis fünf Minuten fertig ist, während die Richtung gesetzt bleibt.' },
{ step: '06', headline: 'Direkt bearbeiten', body: 'Lass umschreiben, markier einen Bereich mit Pfeilen und Kommentaren, tausch ein Bild, sortier Seiten um, setz Übergänge und schreib Sprechernotizen.' },
{ step: '07', headline: 'Präsentieren und exportieren', body: 'Starte Presenter Mode mit synchronisiertem Publikumsfenster und Timer und lade danach eine echte PPTX sowie ein druckfertiges PDF mit erhaltenen Notizen herunter.' },
],
showcaseTitle: 'So sehen die Decks aus',
showcaseLead:
'Jede Karte ist ein visuelles System, das mit Codex Slides mitgeliefert wird — eine fertige Richtung als Startpunkt, in die du dein eigenes Thema, dein Publikum oder deine Dateien einsetzt.',
showcase: [
{ alt: 'Business- und Marktbericht-Deck mit Diagrammen und KPI-Hervorhebungen', tag: 'Marktbericht · Diagramme & KPIs' },
{ alt: 'Daten-Dashboard-Deck mit Weltkarte, Ringdiagramm und Kennzahlen-Kacheln', tag: 'Datenstory · Dashboard' },
{ alt: 'Filmische Produkt-Keynote-Folie mit kontraststarkem Titelmoment', tag: 'Keynote · filmisch' },
{ alt: 'Redaktionelles Magazin-Deck mit Serifen-Schlagzeilen und Druckraster', tag: 'Editorial · Druckraster' },
{ alt: 'Helle, luftige Produkt-Keynote-Folie mit weichen 3D-Diagrammknoten und einem einzigen Indigo-Akzent', tag: 'Keynote · Clean Daylight' },
{ alt: 'Beschriftete technische Schnittdarstellung, die ein System als Querschnitt rekonstruiert', tag: 'Technik · beschrifteter Schnitt' },
],
insideTitle: 'Das echte Produkt',
insideLead:
'Das sind die echten Screens, die Codex in seinem Browser steuert — dieselben, die du auch von Hand bedienen würdest, sodass du an jedem Punkt eingreifen und übernehmen kannst.',
inside: [
{ alt: 'Codex-Slides-Startseite mit Prompt-Composer, Szenario-Shortcuts und Community-Stilen', tag: 'Start · Deck beschreiben' },
{ alt: 'Szenario-Bibliothek mit vorkonfigurierten Präsentations-Workflows', tag: 'Szenarien · Workflow wählen' },
{ alt: 'Bearbeitbares Präsentations-Outline mit Titeln und Talking Points', tag: 'Outline · Story formen' },
{ alt: 'Folien-Editor mit voller Leinwand im Blick, Toolbar, Sprechernotizen und Miniaturen', tag: 'Editor · volle Leinwand' },
],
scenariosTitle: 'Sechs Workflow-Gruppen',
scenariosLead:
'Vierundzwanzig geführte Szenarien, gebündelt in sechs Workflow-Gruppen. Jede Gruppe bringt ihre eigenen Fragen, Quellen-Slots und ihre eigene visuelle Grammatik mit. Starte mit einer davon — oder beschreib einfach, was du brauchst.',
scenarios: [
{ name: 'Von Grund auf erstellen', blurb: 'Geschäftsberichte, Pitch-Decks und Projektvorschläge aus einem einzigen Briefing.' },
{ name: 'Eine Quelle umwandeln', blurb: 'Eine bestehende PPTX, HTML-Seite oder PDF aufwerten; Dokumente, Notizen oder ein Whiteboard-Foto in Folien verwandeln.' },
{ name: 'Daten & Insights', blurb: 'Dashboards, wiederkehrende Performance-Reports, Finanzergebnisse und Umfrage-Auswertungen.' },
{ name: 'Recherche & Entscheidungen', blurb: 'Deep-Research-Präsentationen, Marktstudien, Wettbewerbsanalysen, Literaturübersichten.' },
{ name: 'Ein Deck optimieren', blurb: 'Ein Markensystem anwenden, einen Referenzstil nachbauen, übersetzen und lokalisieren, kürzen oder ausbauen.' },
{ name: 'Spezialisierte Formate', blurb: 'Schulungsunterlagen, Launch-Keynotes, Portfolios und Fallstudien, vorlagengesteuerte Serien.' },
],
formatsTitle: 'Echte Dateien zum Weitergeben',
formatsLead:
'Wenn das Deck sitzt, exportier eine echte PowerPoint (.pptx) und ein druckfertiges PDF — beide behalten deine Sprechernotizen. Wähl die Renderqualität und das Format, das zum Raum oder zum Feed passt:',
formatsRows: [
{ label: 'Exportformate', values: 'PowerPoint (.pptx) · PDF · Sprechernotizen erhalten' },
{ label: 'Renderqualität', values: '1K · 2K · 4K' },
{ label: 'Seitenverhältnisse', values: '16:9 · 4:3 · 1:1 · 9:16 · 3:4' },
],
duoTitle: 'Schnell und reibungslos',
fastTitle: 'Fast mode',
fastLead:
'Seiten werden parallel gerendert — bis zu vier gleichzeitig, der Rest in der Warteschlange — statt eine nach der anderen, während die freigegebene Gliederung und die visuelle Richtung gesetzt bleiben. Ein Deck mit zehn Folien ist typischerweise in rund vier bis fünf Minuten fertig, und ein unterbrochener Lauf setzt am gespeicherten Projektstand wieder an, statt von vorn zu beginnen.',
installTitle: 'In Codex installieren',
installLead:
'Füg das Repository als Plugin-Marktplatz hinzu, installier das Plugin, starte Codex neu und beginn eine neue Aufgabe. Du brauchst Codex mit Plugin-Unterstützung, Node.js 20 oder neuer und ein `codex login` — keinen eigenen OpenAI-Key und für den Standard-Workflow auch keine `.env`-Datei.',
finalEyebrow: 'Nächster Schritt',
tiebackTitle: 'Aus der Open-Design-Familie',
tiebackBody:
'Open Design ist der offene, local-first Design-Workspace, der außerhalb des Coding-Agenten sitzt, den du ohnehin nutzt. Codex Slides ist dieselbe Idee, gerichtet auf Präsentationen: Dein Agent arbeitet sichtbar, das Projekt bleibt auf deiner Maschine, und nichts steckt hinter einem Abo. Für das volle Design-Toolkit jenseits der Folien hol dir die Open-Design-App.',
schemaAlternateName: 'Das quelloffene KI-Slide-Studio in Codex',
schemaWhatQuestion: 'Was ist Codex Slides?',
schemaWhatAnswer:
'Codex Slides ist ein quelloffenes, MIT-lizenziertes KI-Slide-Studio, das als Plugin in Codex läuft. Es verwandelt einen Prompt, ein Repository oder eine Sammlung von Dateien über einen sichtbaren Workflow in ein präsentationsfertiges Deck — Klärung, optionale Recherche, Gliederung, visuelle Richtung, paralleles Rendern, Bearbeiten, Präsentieren und PPTX/PDF-Export — und bewahrt jedes Deck als dauerhaftes Projekt auf deiner eigenen Festplatte.',
schemaKeyQuestion: 'Braucht Codex Slides einen eigenen API-Key?',
schemaKeyAnswer:
'Nein. Es läuft über das ChatGPT-Konto, mit dem du dich bereits per `codex login` angemeldet hast. Der Standard-Workflow braucht weder einen eigenen OpenAI-API-Key noch eine `.env`-Datei; nötig sind Codex mit Plugin-Unterstützung, Node.js 20 oder neuer und Git.',
schemaExportQuestion: 'Kann Codex Slides echte PowerPoint-Dateien exportieren?',
schemaExportAnswer:
'Ja. Codex Slides exportiert eine echte PPTX und ein druckfertiges PDF, beide mit den Sprechernotizen des Projekts, in 1K/2K/4K-Renderqualität und in fünf Seitenverhältnissen (16:9, 4:3, 1:1, 9:16, 3:4). Da es bild-nativ arbeitet, enthalten exportierte PPTX-Folien vollflächige Bilder statt einzeln editierbarer PowerPoint-Formen; der Export mit editierbaren Formen steht auf der Roadmap.',
schemaRelationQuestion: 'Hat Codex Slides mit Open Design zu tun?',
schemaRelationAnswer:
'Ja. Codex Slides ist ein Schwesterprojekt des Teams hinter Open Design — derselbe offene, local-first, agent-native Ansatz, angewandt auf Präsentationen statt auf Designdateien.',
};
export default de;
apps/landing-page/app/codex-slides-locales/es.ts
+127
View File
@@ -0,0 +1,127 @@
// Spanish (es) overrides for the Codex Slides landing copy.
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const es: DeepPartial<CodexSlidesCopy> = {
title: "Codex Slides — el estudio de diapositivas con IA dentro de Codex",
description:
"Codex Slides es un estudio de diapositivas con IA de código abierto que vive dentro de Codex. Describe una presentación —o apúntala a un repositorio, un PDF o una hoja de cálculo— y tu Codex local investiga, esquematiza, aplica estilo, renderiza y exporta un PPTX real y un PDF listo para imprenta. Cada diapositiva es un lienzo visual completo. 45 plantillas de presentación, 73 estilos de la comunidad, 24 escenarios guiados; el Fast mode renderiza más de 10 diapositivas en unos 4–5 minutos. Browser-first, licencia MIT, funciona con tu codex login actual y sin claves de API adicionales.",
label: "Proyecto hermano",
heading: "El estudio de diapositivas con IA dentro de tu agente de código",
lead:
"La mayoría de los generadores de diapositivas con IA esconden el trabajo detrás de una sola petición y te devuelven un archivo. Codex Slides mantiene toda la cadena viva dentro de Codex —investigación, esquema, dirección visual, render, edición, presentación, exportación— y cada presentación queda como un proyecto duradero en tu propio disco. Image-native: cada diapositiva es un lienzo visual completo, no una plantilla con el texto cambiado.",
downloadCta: "Descargar Open Design",
heroAlt:
"Codex Slides — Codex a la izquierda pilotando el estudio de diapositivas en el navegador, y a la derecha una diapositiva renderizada de informe de mercado",
glanceAria: "De un vistazo",
glance: {
stars: "Estrellas en GitHub",
templates: "Plantillas de presentación",
styles: "Estilos de la comunidad",
scenarios: "Escenarios guiados",
license: "Licencia",
},
whyTitle: "Por qué existe",
whyLead:
"Una presentación no es un problema de generación de un solo disparo. Es una serie de decisiones —qué decir, en qué orden, en qué lenguaje visual— y cada una sale más barata si se corrige antes del render que después.",
ideas: [
{
headline: "Lo ves ocurrir en lugar de esperar a un archivo.",
body: "Codex abre el estudio en su Browser y lo mantiene a la vista. Confirmas el brief, revisas el esquema y apruebas la dirección visual antes de que se renderice una sola página, así que los errores caros se detectan mientras todavía son baratos.",
},
{
headline: "Cada presentación es un proyecto duradero, no una descarga.",
body: "La conversación, las fuentes, el esquema, las reglas de marca, los checkpoints y las páginas renderizadas persisten en disco. Vuelve mañana y sigue editando el mismo proyecto: cada comando de IA y cada edición manual deja un checkpoint inmutable que puedes inspeccionar, restaurar o exportar.",
},
{
headline: "Image-native: la diapositiva es el lienzo.",
body: "Cada página se compone como un único lienzo visual completo, no como una caja de texto soltada sobre un tema, y por eso el resultado aguanta al lado de presentaciones diseñadas a mano. Anota una diapositiva directamente y regenera solo esa página a partir de tus marcas.",
},
],
flowTitle: "Cómo funciona",
flowLead:
"Un prompt entra y sale una presentación lista para exponer, con un punto de control en cada paso donde tu criterio vale más que otra llamada al modelo.",
flow: [
{ step: '01', headline: "Aclara el brief", body: "Un formulario de preguntas a medida confirma audiencia, número de páginas, relación de aspecto, idioma, resolución e intención visual antes de escribir una línea." },
{ step: '02', headline: "Investiga los hechos", body: "Una investigación web opcional de varias rondas produce un brief en Markdown respaldado por fuentes, inspeccionable y editable en Design Files." },
{ step: '03', headline: "Da forma al esquema", body: "Edita cada título y cada idea clave, añade o quita diapositivas, reordena el relato o pide al agente que lo reestructure, todo antes de que existan los visuales." },
{ step: '04', headline: "Fija la dirección visual", body: "Codex Slides ordena su biblioteca de estilos según tu tema y tu esquema. Elige uno, busca en el catálogo completo o quédate con el predeterminado." },
{ step: '05', headline: "Renderiza en paralelo", body: "El Fast mode lanza todas las páginas a la vez en lugar de una por una, así que una presentación de más de 10 diapositivas aterriza en unos cuatro o cinco minutos con la dirección visual intacta." },
{ step: '06', headline: "Edita sobre la marcha", body: "Pide una reescritura, marca una zona con flechas y comentarios, sustituye una imagen, reordena páginas, define transiciones y escribe notas del ponente." },
{ step: '07', headline: "Presenta y exporta", body: "Usa el Presenter Mode con ventana de audiencia sincronizada y temporizador, y luego descarga un PPTX real y un PDF listo para imprenta con las notas conservadas." },
],
showcaseTitle: "Qué aspecto tienen las presentaciones",
showcaseLead:
"Cada tarjeta es un sistema visual que viene con Codex Slides: una dirección terminada desde la que arrancar, para luego meter tu propio tema, tu audiencia o tus archivos.",
showcase: [
{ alt: "Presentación de informe de negocio y mercado con gráficos y KPIs destacados", tag: "Informe de mercado · gráficos y KPIs" },
{ alt: "Presentación de dashboard de datos con mapamundi, gráfico de anillo y mosaicos de métricas", tag: "Relato de datos · dashboard" },
{ alt: "Diapositiva de keynote de producto cinematográfica con un momento de título de alto contraste", tag: "Keynote · cinematográfico" },
{ alt: "Presentación estilo revista editorial con titulares en serif y retícula de imprenta", tag: "Editorial · retícula de imprenta" },
{ alt: "Diapositiva de keynote de producto clara y despejada, con nodos de diagrama 3D suaves y un único acento índigo", tag: "Keynote · luz de día limpia" },
{ alt: "Diapositiva técnica de vista en corte con etiquetas que reconstruye un sistema como sección transversal", tag: "Técnico · corte etiquetado" },
],
insideTitle: "El producto de verdad",
insideLead:
"Estas son las pantallas reales que Codex maneja en su Browser, las mismas que usarías a mano, así que puedes entrar y tomar el control en cualquier momento.",
inside: [
{ alt: "Inicio de Codex Slides con el compositor de prompts, los accesos a escenarios y los estilos de la comunidad", tag: "Inicio · describe tu presentación" },
{ alt: "Biblioteca de escenarios con flujos de presentación preconfigurados", tag: "Escenarios · elige un flujo" },
{ alt: "Esquema de presentación editable con títulos y puntos clave", tag: "Esquema · da forma a la historia" },
{ alt: "Editor de diapositivas con el lienzo completo a la vista, barra de herramientas, notas del ponente y miniaturas", tag: "Editor · lienzo completo" },
],
scenariosTitle: "Seis grupos de flujos",
scenariosLead:
"Veinticuatro escenarios guiados, agrupados en seis grupos de flujos. Cada grupo trae sus propias preguntas, sus huecos para fuentes y su gramática visual. Empieza por uno o simplemente describe lo que necesitas.",
scenarios: [
{ name: "Crear desde cero", blurb: "Informes de negocio, pitch decks y propuestas de proyecto a partir de un solo brief." },
{ name: "Transformar una fuente", blurb: "Embellece un PPTX, HTML o PDF existente; convierte documentos, notas o la foto de una pizarra en diapositivas." },
{ name: "Datos e insights", blurb: "Dashboards, informes de rendimiento recurrentes, resultados financieros y lecturas de encuestas." },
{ name: "Investigación y decisiones", blurb: "Presentaciones de deep research, estudios de mercado, análisis competitivos y revisiones de literatura." },
{ name: "Optimizar una presentación", blurb: "Aplica un sistema de marca, recrea un estilo de referencia, traduce y localiza, comprime o amplía." },
{ name: "Salidas especializadas", blurb: "Material de formación, keynotes de lanzamiento, porfolios y casos de estudio, lotes guiados por plantilla." },
],
formatsTitle: "Archivos reales que puedes entregar",
formatsLead:
"Cuando la presentación se ve bien, exporta un PowerPoint (.pptx) de verdad y un PDF listo para imprenta, ambos con tus notas del ponente. Elige la calidad de render y el formato que encaje con la sala o el feed:",
formatsRows: [
{ label: "Formatos de exportación", values: "PowerPoint (.pptx) · PDF · notas del ponente conservadas" },
{ label: "Calidad de render", values: "1K · 2K · 4K" },
{ label: "Relaciones de aspecto", values: "16:9 · 4:3 · 1:1 · 9:16 · 3:4" },
],
duoTitle: "Rápido y sin fricción",
fastTitle: "Fast mode",
fastLead:
"Las páginas se renderizan en paralelo —hasta cuatro a la vez y el resto en cola— en lugar de una tras otra, mientras el esquema aprobado y la dirección visual quedan fijados. Una presentación de diez diapositivas suele aterrizar en unos cuatro o cinco minutos, y una ejecución interrumpida se reanuda desde el estado guardado del proyecto en vez de empezar de cero.",
installTitle: "Instalar en Codex",
installLead:
"Añade el repositorio como marketplace de plugins, instala el plugin, reinicia Codex y empieza una tarea nueva. Necesitas Codex con soporte de plugins, Node.js 20 o superior y un `codex login`: ninguna clave de OpenAI aparte ni archivo `.env` para el flujo por defecto.",
finalEyebrow: "Siguiente paso",
tiebackTitle: "De la familia Open Design",
tiebackBody:
"Open Design es el espacio de diseño abierto y local-first que vive fuera del agente de código que ya usas. Codex Slides es la misma idea apuntada a las presentaciones: tu agente hace el trabajo a la vista, el proyecto se queda en tu máquina y nada queda encerrado tras una suscripción. Para el kit de diseño completo más allá de las diapositivas, hazte con la app de Open Design.",
schemaAlternateName: "El estudio de diapositivas con IA de código abierto dentro de Codex",
schemaWhatQuestion: "¿Qué es Codex Slides?",
schemaWhatAnswer:
"Codex Slides es un estudio de diapositivas con IA de código abierto, con licencia MIT, que funciona como plugin dentro de Codex. Convierte un prompt, un repositorio o un conjunto de archivos en una presentación lista para exponer a través de un flujo visible —aclaración, investigación opcional, esquema, dirección visual, render en paralelo, edición, presentación y exportación a PPTX/PDF— y conserva cada presentación como un proyecto duradero en tu propio disco.",
schemaKeyQuestion: "¿Codex Slides necesita una clave de API aparte?",
schemaKeyAnswer:
"No. Funciona con la cuenta de ChatGPT con la que ya te autenticaste mediante `codex login`. El flujo por defecto no necesita una clave de API de OpenAI aparte ni un archivo `.env`; requiere Codex con soporte de plugins, Node.js 20 o superior y Git.",
schemaExportQuestion: "¿Codex Slides puede exportar archivos de PowerPoint reales?",
schemaExportAnswer:
"Sí. Codex Slides exporta un PPTX real y un PDF listo para imprenta, ambos conservando las notas del ponente del proyecto, con calidad de render 1K/2K/4K en cinco relaciones de aspecto (16:9, 4:3, 1:1, 9:16, 3:4). Al ser image-native, las diapositivas del PPTX exportado contienen imágenes a página completa en lugar de formas de PowerPoint editables una a una; la exportación con formas editables está en la hoja de ruta.",
schemaRelationQuestion: "¿Codex Slides tiene relación con Open Design?",
schemaRelationAnswer:
"Sí. Codex Slides es un proyecto hermano del equipo que hay detrás de Open Design: el mismo enfoque abierto, local-first y agent-native aplicado a las presentaciones en lugar de a los archivos de diseño.",
};
export default es;
apps/landing-page/app/codex-slides-locales/fr.ts
+127
View File
@@ -0,0 +1,127 @@
// French (fr) overrides for the Codex Slides landing copy.
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const fr: DeepPartial<CodexSlidesCopy> = {
title: "Codex Slides — le studio de slides IA open source dans Codex · PPTX & PDF",
description:
"Codex Slides est un studio de slides IA open source qui vit à l'intérieur de Codex. Décrivez une présentation — ou pointez-le vers un dépôt, un PDF ou un tableur — et votre Codex local recherche, structure, met en forme, rend et exporte un vrai PPTX ainsi qu'un PDF prêt à imprimer. Chaque diapositive est une toile visuelle pleine page. 45 modèles de présentation, 73 styles communautaires, 24 scénarios guidés ; le Fast mode rend plus de 10 diapositives en 4 à 5 minutes environ. Browser-first, sous licence MIT, il fonctionne avec votre `codex login` existant, sans aucune clé API supplémentaire.",
label: "Projet frère",
heading: "Le studio de slides IA au cœur de votre agent de code",
lead:
"La plupart des générateurs de slides IA cachent le travail derrière une seule requête et vous rendent un fichier. Codex Slides garde toute la chaîne vivante dans Codex — recherche, plan, direction visuelle, rendu, édition, présentation, export — et chaque deck reste un projet durable sur votre propre disque. Approche image-native : chaque diapositive est une toile visuelle complète, pas un gabarit dont on a remplacé le texte.",
downloadCta: "Télécharger Open Design",
heroAlt:
"Codex Slides — à gauche, Codex pilote le studio de slides dans le navigateur ; à droite, une diapositive de rapport de marché déjà rendue",
glanceAria: "En un coup d'œil",
glance: {
stars: "Étoiles GitHub",
templates: "Modèles de présentation",
styles: "Styles communautaires",
scenarios: "Scénarios guidés",
license: "Licence",
},
whyTitle: "Pourquoi ce projet existe",
whyLead:
"Un deck n'est pas un problème de génération en un coup. C'est une suite de décisions — quoi dire, dans quel ordre, dans quel langage visuel — et chacune coûte bien moins cher à corriger avant le rendu qu'après.",
ideas: [
{
headline: "Vous regardez faire au lieu d'attendre un fichier.",
body: "Codex ouvre le studio dans son navigateur et le garde sous vos yeux. Vous validez le brief, révisez le plan et approuvez la direction visuelle avant qu'une seule page ne soit rendue — les erreurs coûteuses sont ainsi corrigées tant qu'elles sont encore bon marché.",
},
{
headline: "Chaque deck est un projet durable, pas un téléchargement.",
body: "Conversation, sources, plan, règles de marque, points de sauvegarde et pages rendues restent sur le disque. Revenez demain et continuez à éditer le même projet ; chaque commande IA et chaque retouche manuelle laisse un point de sauvegarde immuable que vous pouvez inspecter, restaurer ou exporter.",
},
{
headline: "Image-native — la diapositive est la toile.",
body: "Chaque page est composée comme une seule toile visuelle pleine page, et non comme un bloc de texte posé sur un thème : c'est pour cela que le résultat tient la comparaison avec des decks dessinés à la main. Annotez directement une diapositive et régénérez cette seule page à partir de vos annotations.",
},
],
flowTitle: "Comment ça marche",
flowLead:
"Un prompt en entrée, un deck prêt à présenter en sortie — avec un point de contrôle à chaque étape où votre jugement vaut mieux qu'un appel de modèle de plus.",
flow: [
{ step: "01", headline: "Clarifier le brief", body: "Un formulaire de questions sur mesure confirme l'audience, le nombre de pages, le format d'image, la langue, la résolution et l'intention visuelle avant la moindre ligne écrite." },
{ step: "02", headline: "Vérifier les faits", body: "Une recherche web multi-tours optionnelle produit un brief Markdown sourcé, qui reste consultable et modifiable dans Design Files." },
{ step: "03", headline: "Façonner le plan", body: "Modifiez chaque titre et chaque argument, ajoutez ou supprimez des diapositives, réorganisez le récit ou demandez à l'agent de le restructurer — avant que les visuels n'existent." },
{ step: "04", headline: "Verrouiller la direction visuelle", body: "Codex Slides classe sa bibliothèque de styles en fonction de votre sujet et de votre plan. Choisissez-en un, explorez tout le catalogue ou gardez celui par défaut." },
{ step: "05", headline: "Rendre en parallèle", body: "Le Fast mode lance toutes les pages en même temps plutôt qu'une par une : un deck de plus de 10 diapositives arrive en quatre à cinq minutes environ, la direction restant verrouillée." },
{ step: "06", headline: "Éditer sur place", body: "Demandez une réécriture, entourez une zone avec des flèches et des commentaires, remplacez une image, réordonnez les pages, réglez les transitions et rédigez les notes de l'orateur." },
{ step: "07", headline: "Présenter et exporter", body: "Lancez le Presenter Mode avec une fenêtre public synchronisée et un minuteur, puis téléchargez un vrai PPTX et un PDF prêt à imprimer, notes comprises." },
],
showcaseTitle: "À quoi ressemblent les decks",
showcaseLead:
"Chaque carte est un système visuel livré avec Codex Slides — une direction finie dont vous pouvez partir, avant d'y injecter votre sujet, votre audience ou vos fichiers.",
showcase: [
{ alt: "Deck de rapport business et marché avec graphiques et indicateurs clés mis en avant", tag: "Rapport de marché · graphiques & KPI" },
{ alt: "Deck de tableau de bord de données avec planisphère, graphique en anneau et tuiles de mesures", tag: "Récit de données · tableau de bord" },
{ alt: "Diapositive de keynote produit cinématographique avec un titre très contrasté", tag: "Keynote · cinématographique" },
{ alt: "Deck éditorial façon magazine, titres en serif et grille d'imprimeur", tag: "Éditorial · grille d'imprimeur" },
{ alt: "Diapositive de keynote produit claire et aérée, nœuds de diagramme 3D doux et un seul accent indigo", tag: "Keynote · clean daylight" },
{ alt: "Diapositive technique en vue éclatée annotée reconstruisant un système en coupe", tag: "Technique · vue éclatée annotée" },
],
insideTitle: "Le vrai produit",
insideLead:
"Ce sont les écrans réels que Codex pilote dans son navigateur, exactement ceux que vous utiliseriez à la main, pour pouvoir intervenir et reprendre la main à tout moment.",
inside: [
{ alt: "Accueil de Codex Slides avec le composeur de prompt, les raccourcis de scénarios et les styles communautaires", tag: "Accueil · décrivez votre deck" },
{ alt: "Bibliothèque de scénarios avec des workflows de présentation préconfigurés", tag: "Scénarios · choisir un workflow" },
{ alt: "Plan de présentation modifiable avec titres et points clés", tag: "Plan · façonner l'histoire" },
{ alt: "Éditeur de diapositive avec la toile entière visible, barre d'outils, notes de l'orateur et vignettes", tag: "Éditeur · toile entière" },
],
scenariosTitle: "Six familles de workflows",
scenariosLead:
"Vingt-quatre scénarios guidés, regroupés en six familles de workflows. Chaque famille apporte ses propres questions, ses emplacements de sources et sa grammaire visuelle. Partez de l'une d'elles, ou décrivez simplement ce dont vous avez besoin.",
scenarios: [
{ name: "Créer de zéro", blurb: "Rapports d'activité, decks de levée et propositions de projet à partir d'un seul brief." },
{ name: "Transformer une source", blurb: "Embellir un PPTX, un HTML ou un PDF existant ; convertir documents, notes ou photo de tableau blanc en diapositives." },
{ name: "Données & insights", blurb: "Tableaux de bord, rapports de performance récurrents, résultats financiers et restitutions d'enquêtes." },
{ name: "Recherche & décisions", blurb: "Présentations de recherche approfondie, études de marché, analyses concurrentielles, revues de littérature." },
{ name: "Optimiser un deck", blurb: "Appliquer une charte de marque, reproduire un style de référence, traduire et localiser, condenser ou développer." },
{ name: "Formats spécialisés", blurb: "Supports de formation, keynotes de lancement, portfolios et études de cas, séries pilotées par modèle." },
],
formatsTitle: "De vrais fichiers à transmettre",
formatsLead:
"Quand le deck est au point, exportez une vraie PowerPoint (.pptx) et un PDF prêt à imprimer, tous deux avec vos notes de l'orateur. Choisissez la qualité de rendu et le format adapté à la salle ou au feed :",
formatsRows: [
{ label: "Formats d'export", values: "PowerPoint (.pptx) · PDF · notes de l'orateur conservées" },
{ label: "Qualité de rendu", values: "1K · 2K · 4K" },
{ label: "Formats d'image", values: "16:9 · 4:3 · 1:1 · 9:16 · 3:4" },
],
duoTitle: "Rapide et sans friction",
fastTitle: "Fast mode",
fastLead:
"Les pages sont rendues en parallèle — jusqu'à quatre en vol, le reste en file d'attente — au lieu de l'une après l'autre, pendant que le plan approuvé et la direction visuelle restent verrouillés. Un deck de dix diapositives arrive en général en quatre à cinq minutes, et une exécution interrompue reprend depuis l'état enregistré du projet plutôt que de tout recommencer.",
installTitle: "Installer dans Codex",
installLead:
"Ajoutez le dépôt comme place de marché de plugins, installez le plugin, redémarrez Codex et lancez une nouvelle tâche. Il vous faut Codex avec la prise en charge des plugins, Node.js 20 ou plus récent et un `codex login` — aucune clé OpenAI séparée ni fichier `.env` pour le workflow par défaut.",
finalEyebrow: "Étape suivante",
tiebackTitle: "De la famille Open Design",
tiebackBody:
"Open Design est l'espace de design ouvert et local-first qui se place à l'extérieur de l'agent de code que vous utilisez déjà. Codex Slides applique la même idée aux présentations : votre agent travaille à découvert, le projet reste sur votre machine, et rien n'est enfermé derrière un abonnement. Pour la boîte à outils de design complète au-delà des slides, installez l'application Open Design.",
schemaAlternateName: "Le studio de slides IA open source dans Codex",
schemaWhatQuestion: "Qu'est-ce que Codex Slides ?",
schemaWhatAnswer:
"Codex Slides est un studio de slides IA open source, sous licence MIT, qui s'exécute comme plugin dans Codex. Il transforme un prompt, un dépôt ou un ensemble de fichiers en un deck prêt à présenter via un workflow visible — clarification, recherche optionnelle, plan, direction visuelle, rendu parallèle, édition, présentation et export PPTX/PDF — et conserve chaque deck comme un projet durable sur votre propre disque.",
schemaKeyQuestion: "Codex Slides nécessite-t-il une clé API séparée ?",
schemaKeyAnswer:
"Non. Il fonctionne avec le compte ChatGPT que vous avez déjà authentifié via `codex login`. Le workflow par défaut ne demande ni clé API OpenAI séparée ni fichier `.env` ; il requiert Codex avec la prise en charge des plugins, Node.js 20 ou plus récent, et Git.",
schemaExportQuestion: "Codex Slides peut-il exporter de vrais fichiers PowerPoint ?",
schemaExportAnswer:
"Oui. Codex Slides exporte un vrai PPTX et un PDF prêt à imprimer, tous deux avec les notes de l'orateur du projet, en qualité de rendu 1K/2K/4K et dans cinq formats d'image (16:9, 4:3, 1:1, 9:16, 3:4). Parce qu'il est image-native, les diapositives PPTX exportées contiennent des images pleine page plutôt que des formes PowerPoint modifiables une à une ; l'export en formes éditables figure sur la feuille de route.",
schemaRelationQuestion: "Codex Slides est-il lié à Open Design ?",
schemaRelationAnswer:
"Oui. Codex Slides est un projet frère porté par l'équipe derrière Open Design — la même approche ouverte, local-first et agent-native, appliquée aux présentations plutôt qu'aux fichiers de design.",
};
export default fr;
apps/landing-page/app/codex-slides-locales/index.ts
+37
View File
@@ -0,0 +1,37 @@
/*
* Codex Slides page — locale override registry.
*
* English is the authoritative base (`CODEX_SLIDES_EN` in
* `../codex-slides-i18n.ts`). Each non-English locale is a DeepPartial override
* translated by an Agent and merged over the base at render time. One shard file
* per locale keeps each translation isolated and well under the 1 MiB
* changed-file guard.
*/
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
import type { LandingLocaleCode } from '../i18n';
import zh from './zh';
import ja from './ja';
import ko from './ko';
import de from './de';
import fr from './fr';
import ru from './ru';
import es from './es';
import ptBr from './pt-br';
import it from './it';
import tr from './tr';
export const CODEX_SLIDES_OVERRIDES: Partial<
Record<LandingLocaleCode, DeepPartial<CodexSlidesCopy>>
> = {
zh,
ja,
ko,
de,
fr,
ru,
es,
'pt-br': ptBr,
it,
tr,
};
apps/landing-page/app/codex-slides-locales/it.ts
+127
View File
@@ -0,0 +1,127 @@
// Italian (it) overrides for the Codex Slides landing copy.
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const it: DeepPartial<CodexSlidesCopy> = {
title: "Codex Slides — lo studio di slide AI open source dentro Codex",
description:
"Codex Slides è uno studio di slide con IA open source che vive dentro Codex. Descrivi una presentazione — oppure puntala su un repository, un PDF o un foglio di calcolo — e il tuo Codex locale fa ricerca, costruisce la scaletta, definisce lo stile, renderizza ed esporta un PPTX vero e un PDF pronto per la stampa. Ogni slide è una tela visiva intera. 45 template di presentazione, 73 stili della community, 24 scenari guidati; il Fast mode renderizza oltre 10 slide in circa 4–5 minuti. Browser-first, licenza MIT, funziona con il codex login che hai già e senza chiavi API aggiuntive.",
label: "Progetto gemello",
heading: "Lo studio di slide con IA dentro il tuo coding agent",
lead:
"Quasi tutti i generatori di slide con IA nascondono il lavoro dietro un'unica richiesta e ti restituiscono un file. Codex Slides tiene viva l'intera catena dentro Codex — ricerca, scaletta, direzione visiva, render, editing, presentazione, export — e ogni presentazione resta un progetto duraturo sul tuo disco. Image-native: ogni slide è una tela visiva intera, non un template a cui è stato cambiato il testo.",
downloadCta: "Scarica Open Design",
heroAlt:
"Codex Slides — a sinistra Codex che guida lo studio di slide nel browser, a destra una slide renderizzata di report di mercato",
glanceAria: "In breve",
glance: {
stars: "Stelle su GitHub",
templates: "Template di presentazione",
styles: "Stili della community",
scenarios: "Scenari guidati",
license: "Licenza",
},
whyTitle: "Perché esiste",
whyLead:
"Una presentazione non è un problema di generazione in un colpo solo. È una serie di decisioni — cosa dire, in che ordine, in quale linguaggio visivo — e ognuna costa meno se la correggi prima del render invece che dopo.",
ideas: [
{
headline: "Lo guardi accadere invece di aspettare un file.",
body: "Codex apre lo studio nel suo Browser e lo tiene in vista. Confermi il brief, rivedi la scaletta e approvi la direzione visiva prima che venga renderizzata una sola pagina, così gli errori costosi vengono intercettati quando costano ancora poco.",
},
{
headline: "Ogni presentazione è un progetto duraturo, non un download.",
body: "Conversazione, fonti, scaletta, regole di brand, checkpoint e pagine renderizzate restano tutti su disco. Torna domani e continui a lavorare sullo stesso progetto: ogni comando dell'IA e ogni modifica manuale lascia un checkpoint immutabile che puoi ispezionare, ripristinare o esportare.",
},
{
headline: "Image-native: la slide è la tela.",
body: "Ogni pagina è composta come un'unica tela visiva intera e non come una casella di testo appoggiata su un tema: per questo il risultato regge il confronto con presentazioni disegnate a mano. Annota una slide direttamente e rigenera solo quella pagina partendo dai tuoi segni.",
},
],
flowTitle: "Come funziona",
flowLead:
"Entra un prompt, esce una presentazione pronta per il palco — con un punto di controllo a ogni passaggio in cui il tuo giudizio vale più di un'altra chiamata al modello.",
flow: [
{ step: '01', headline: "Chiarisci il brief", body: "Un modulo di domande su misura conferma pubblico, numero di pagine, formato, lingua, risoluzione e intento visivo prima che inizi la scrittura." },
{ step: '02', headline: "Verifica i fatti", body: "Una ricerca web opzionale a più giri produce un brief in Markdown sostenuto dalle fonti, che resta ispezionabile e modificabile nei Design Files." },
{ step: '03', headline: "Dai forma alla scaletta", body: "Modifica ogni titolo e ogni punto chiave, aggiungi o togli slide, riordina il racconto oppure chiedi all'agente di ristrutturarlo — prima che esistano le grafiche." },
{ step: '04', headline: "Fissa la direzione visiva", body: "Codex Slides ordina la sua libreria di stili in base al tuo tema e alla tua scaletta. Scegline uno, cerca nell'intero catalogo o tieni quello predefinito." },
{ step: '05', headline: "Renderizza in parallelo", body: "Il Fast mode lancia tutte le pagine insieme invece che una alla volta, così una presentazione da oltre 10 slide arriva in circa quattro o cinque minuti con la direzione visiva bloccata." },
{ step: '06', headline: "Modifica sul posto", body: "Chiedi una riscrittura, segna un'area con frecce e commenti, sostituisci un'immagine, riordina le pagine, imposta le transizioni e scrivi le note del relatore." },
{ step: '07', headline: "Presenta ed esporta", body: "Avvia il Presenter Mode con finestra pubblico sincronizzata e timer, poi scarica un PPTX vero e un PDF pronto per la stampa con le note conservate." },
],
showcaseTitle: "Che aspetto hanno le presentazioni",
showcaseLead:
"Ogni card è un sistema visivo incluso in Codex Slides: una direzione già finita da cui partire, per poi inserirci il tuo tema, il tuo pubblico o i tuoi file.",
showcase: [
{ alt: "Presentazione di report aziendale e di mercato con grafici e KPI in evidenza", tag: "Report di mercato · grafici e KPI" },
{ alt: "Presentazione dashboard di dati con mappamondo, grafico ad anello e riquadri di metriche", tag: "Racconto dei dati · dashboard" },
{ alt: "Slide di keynote di prodotto cinematografica con un titolo ad alto contrasto", tag: "Keynote · cinematografico" },
{ alt: "Presentazione in stile rivista editoriale con titoli serif e griglia tipografica", tag: "Editoriale · griglia tipografica" },
{ alt: "Slide di keynote di prodotto luminosa e ariosa, con morbidi nodi diagramma 3D e un unico accento indaco", tag: "Keynote · luce del giorno pulita" },
{ alt: "Slide tecnica in vista esplosa annotata che ricostruisce un sistema come sezione trasversale", tag: "Tecnico · spaccato annotato" },
],
insideTitle: "Il prodotto vero",
insideLead:
"Sono le schermate reali che Codex guida nel suo Browser, le stesse che useresti a mano, così puoi entrare e prendere il controllo in qualsiasi momento.",
inside: [
{ alt: "Home di Codex Slides con il compositore di prompt, le scorciatoie agli scenari e gli stili della community", tag: "Home · descrivi la presentazione" },
{ alt: "Libreria di scenari con workflow di presentazione preconfigurati", tag: "Scenari · scegli un workflow" },
{ alt: "Scaletta della presentazione modificabile con titoli e punti chiave", tag: "Scaletta · dai forma alla storia" },
{ alt: "Editor delle slide con la tela intera in vista, barra strumenti, note del relatore e miniature", tag: "Editor · tela intera" },
],
scenariosTitle: "Sei gruppi di flussi",
scenariosLead:
"Ventiquattro scenari guidati, raccolti in sei gruppi di flussi. Ogni gruppo porta con sé le proprie domande, i propri slot per le fonti e la propria grammatica visiva. Parti da uno oppure descrivi semplicemente ciò che ti serve.",
scenarios: [
{ name: "Creare da zero", blurb: "Report aziendali, pitch deck e proposte di progetto a partire da un solo brief." },
{ name: "Trasformare una fonte", blurb: "Abbellisci un PPTX, un HTML o un PDF esistente; trasforma documenti, appunti o la foto di una lavagna in slide." },
{ name: "Dati e insight", blurb: "Dashboard, report periodici di performance, risultati finanziari e letture di sondaggi." },
{ name: "Ricerca e decisioni", blurb: "Presentazioni di deep research, studi di mercato, analisi competitive, rassegne della letteratura." },
{ name: "Ottimizzare una presentazione", blurb: "Applica un sistema di brand, ricrea uno stile di riferimento, traduci e localizza, comprimi o espandi." },
{ name: "Output specializzati", blurb: "Materiali di formazione, keynote di lancio, portfolio e case study, lotti generati da template." },
],
formatsTitle: "File veri che puoi consegnare",
formatsLead:
"Quando il deck è come vuoi, esporta un vero PowerPoint (.pptx) e un PDF pronto per la stampa, entrambi con le tue note del relatore. Scegli la qualità di render e il formato adatto alla sala o al feed:",
formatsRows: [
{ label: "Formati di export", values: "PowerPoint (.pptx) · PDF · note del relatore conservate" },
{ label: "Qualità di render", values: "1K · 2K · 4K" },
{ label: "Formati", values: "16:9 · 4:3 · 1:1 · 9:16 · 3:4" },
],
duoTitle: "Veloce e senza attriti",
fastTitle: "Fast mode",
fastLead:
"Le pagine vengono renderizzate in parallelo — fino a quattro alla volta, le altre in coda — invece che una dopo l'altra, mentre la scaletta approvata e la direzione visiva restano bloccate. Una presentazione da dieci slide di solito arriva in circa quattro o cinque minuti, e un'esecuzione interrotta riprende dallo stato salvato del progetto invece di ripartire da capo.",
installTitle: "Installa in Codex",
installLead:
"Aggiungi il repository come marketplace di plugin, installa il plugin, riavvia Codex e apri una nuova attività. Ti servono Codex con il supporto ai plugin, Node.js 20 o superiore e un `codex login`: nessuna chiave OpenAI separata e nessun file `.env` per il flusso predefinito.",
finalEyebrow: "Prossimo passo",
tiebackTitle: "Dalla famiglia Open Design",
tiebackBody:
"Open Design è lo spazio di design aperto e local-first che sta fuori dal coding agent che già usi. Codex Slides è la stessa idea puntata sulle presentazioni: il tuo agente lavora allo scoperto, il progetto resta sulla tua macchina e nulla finisce chiuso dietro un abbonamento. Per l'intero toolkit di design oltre le slide, scarica l'app Open Design.",
schemaAlternateName: "Lo studio di slide con IA open source dentro Codex",
schemaWhatQuestion: "Che cos'è Codex Slides?",
schemaWhatAnswer:
"Codex Slides è uno studio di slide con IA open source, con licenza MIT, che gira come plugin dentro Codex. Trasforma un prompt, un repository o un insieme di file in una presentazione pronta per il palco attraverso un flusso visibile — chiarimento, ricerca opzionale, scaletta, direzione visiva, render in parallelo, editing, presentazione ed export PPTX/PDF — e conserva ogni presentazione come progetto duraturo sul tuo disco.",
schemaKeyQuestion: "Codex Slides richiede una chiave API separata?",
schemaKeyAnswer:
"No. Funziona con l'account ChatGPT con cui ti sei già autenticato tramite `codex login`. Il flusso predefinito non richiede una chiave API OpenAI separata né un file `.env`; servono Codex con il supporto ai plugin, Node.js 20 o superiore e Git.",
schemaExportQuestion: "Codex Slides può esportare file PowerPoint veri?",
schemaExportAnswer:
"Sì. Codex Slides esporta un PPTX vero e un PDF pronto per la stampa, entrambi con le note del relatore del progetto conservate, con qualità di render 1K/2K/4K su cinque formati (16:9, 4:3, 1:1, 9:16, 3:4). Essendo image-native, le slide del PPTX esportato contengono immagini a pagina intera invece di forme PowerPoint modificabili una per una; l'export con forme modificabili è in roadmap.",
schemaRelationQuestion: "Codex Slides ha a che fare con Open Design?",
schemaRelationAnswer:
"Sì. Codex Slides è un progetto gemello nato dal team dietro Open Design: lo stesso approccio aperto, local-first e agent-native applicato alle presentazioni invece che ai file di design.",
};
export default it;
apps/landing-page/app/codex-slides-locales/ja.ts
+127
View File
@@ -0,0 +1,127 @@
/* Codex Slides page — Japanese override (Agent-localized over the English base). */
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const ja: DeepPartial<CodexSlidesCopy> = {
title: "Codex Slides — Codex の中で動くオープンソース AI スライドスタジオ · PPTX & PDF",
description:
"Codex Slides は Codex の中で動くオープンソースの AI スライドスタジオです。作りたいデッキを説明する、あるいはリポジトリや PDF、表計算ファイルを渡すだけで、手元の Codex が調査・構成・スタイル設計・レンダリングまで一気に進め、本物の PPTX と印刷対応の PDF を書き出します。1 枚 1 枚がフルビジュアルのキャンバス。デッキテンプレート 45 種、コミュニティスタイル 73 種、ガイド付きシナリオ 24 種、Fast モードなら 10 枚以上を約 4〜5 分で描き上げます。ブラウザ中心、MIT ライセンス、既存の codex login だけで動き、追加の API キーは要りません。",
label: "姉妹プロジェクト",
heading: "コーディングエージェントの中にある AI スライドスタジオ",
lead:
"多くの AI スライド生成ツールは、たった一度のリクエストの裏に作業を隠し、出来上がったファイルだけを返します。Codex Slides は違います。調査、アウトライン、ビジュアルの方向づけ、レンダリング、編集、発表、書き出し——この流れ全体を Codex の中で見えるまま進め、いつでも手を入れられます。どのデッキも自分のディスクに残り、明日また続きから作れるプロジェクトになります。しかも image-native なので、1 枚 1 枚はテキストを差し替えただけのテンプレートではなく、フルビジュアルのキャンバスです。",
downloadCta: "Open Design をダウンロード",
heroAlt:
"Codex Slides — 左では Codex がブラウザ内のスライドスタジオを操作し、右にはレンダリング済みのマーケットレポートのスライドが表示されている",
glanceAria: "概要",
glance: {
stars: "GitHub スター",
templates: "デッキテンプレート",
styles: "コミュニティスタイル",
scenarios: "ガイド付きシナリオ",
license: "ライセンス",
},
whyTitle: "なぜ作ったのか",
whyLead:
"デッキは一発生成で片づく問題ではありません。何を、どの順番で、どんなビジュアル言語で語るか——判断の連続であり、そのどれもがレンダリングの後より前に直したほうが、はるかに安く済みます。",
ideas: [
{
headline: "ファイルを待つのではなく、出来上がっていく様子をその場で見られます。",
body: "Codex はブラウザでスタジオを開き、そのまま見せ続けます。ブリーフを確認し、アウトラインを直し、ビジュアルの方向を承認してから、ようやく最初の 1 ページがレンダリングされます。高くつくミスは、まだ安いうちに捕まえられます。",
},
{
headline: "どのデッキもダウンロードではなく、残り続けるプロジェクトです。",
body: "会話、出典、アウトライン、ブランドルール、チェックポイント、レンダリング済みのページは、すべてディスクに残ります。明日また同じプロジェクトの続きを編集できますし、AI への指示も手作業の編集も、確認・復元・書き出しができる変更不能なチェックポイントとして残ります。",
},
{
headline: "image-native — スライドそのものがキャンバス。",
body: "各ページはテーマの上にテキストボックスを置いたものではなく、1 枚のフルビジュアルとして構成されます。だから手作業でデザインしたデッキと並べても見劣りしません。スライドに直接書き込めば、その注釈だけを手がかりにそのページを描き直せます。",
},
],
flowTitle: "仕組み",
flowLead:
"プロンプトを 1 つ渡せば、そのまま発表できるデッキが返ってきます。しかも、モデルをもう一度呼ぶよりあなたの判断のほうが価値を持つ各ステップに、チェックポイントが置かれています。",
flow: [
{ step: "01", headline: "ブリーフを固める", body: "専用の質問フォームが、対象読者、ページ数、アスペクト比、言語、解像度、ビジュアルの意図を、執筆が始まる前に確認します。" },
{ step: "02", headline: "事実を調べる", body: "任意の複数ラウンドの Web リサーチが、出典付きの Markdown ブリーフを生成します。Design Files でいつでも中身を確認し、編集できます。" },
{ step: "03", headline: "アウトラインを整える", body: "タイトルと要点を 1 つずつ編集し、スライドを足し引きし、流れを組み替え、あるいはエージェントに再構成させる。すべてビジュアルが生まれる前に。" },
{ step: "04", headline: "ビジュアルの方向を決める", body: "Codex Slides がスタイルライブラリをテーマとアウトラインに照らして順位づけします。1 つ選ぶ、カタログ全体を検索する、既定のまま進める、どれでも構いません。" },
{ step: "05", headline: "並列でレンダリング", body: "Fast モードは 1 ページずつではなく全ページを一斉に走らせるので、10 枚以上のデッキでも約 4〜5 分で仕上がり、決めた方向はそのまま保たれます。" },
{ step: "06", headline: "その場で編集", body: "書き直しを頼む、矢印とコメントで範囲を示す、画像を差し替える、ページを並べ替える、トランジションを設定する、発表者ノートを書く。" },
{ step: "07", headline: "発表して書き出す", body: "同期した聴衆用ウィンドウとタイマーを備えた Presenter Mode で発表し、ノートを保持したまま本物の PPTX と印刷対応の PDF をダウンロードします。" },
],
showcaseTitle: "できあがるデッキ",
showcaseLead:
"どのカードも Codex Slides に同梱されたビジュアルシステムです。完成した方向性から始めて、自分のテーマ、読者、ファイルに差し替えられます。",
showcase: [
{ alt: "チャートと KPI の強調表示を備えたビジネス・マーケットレポートのデッキ", tag: "マーケットレポート · チャートと KPI" },
{ alt: "世界地図、ドーナツチャート、指標タイルを配したデータダッシュボードのデッキ", tag: "データストーリー · ダッシュボード" },
{ alt: "高コントラストなタイトルで見せる映画的なプロダクトキーノートのスライド", tag: "キーノート · シネマティック" },
{ alt: "セリフ体の見出しと印刷グリッドによる雑誌風エディトリアルデッキ", tag: "エディトリアル · 印刷グリッド" },
{ alt: "明るく風通しのよい、柔らかな 3D 図解ノードとインディゴ一点を効かせたプロダクトキーノートのスライド", tag: "キーノート · クリーンデイライト" },
{ alt: "システムを断面図として再構成した、注釈付きのテクニカルカットアウェイのスライド", tag: "テクニカル · 注釈付きカットアウェイ" },
],
insideTitle: "実際のプロダクト",
insideLead:
"これは Codex がブラウザの中で実際に操作している画面です。手で使うときとまったく同じなので、いつでも割って入って自分で続けられます。",
inside: [
{ alt: "プロンプト入力欄、シナリオのショートカット、コミュニティスタイルが並ぶ Codex Slides のホーム", tag: "ホーム · 資料を説明" },
{ alt: "設定済みのプレゼン用ワークフローが並ぶシナリオライブラリ", tag: "シナリオ · ワークフローを選ぶ" },
{ alt: "タイトルと要点を編集できるプレゼンのアウトライン", tag: "アウトライン · 話の流れを作る" },
{ alt: "フルキャンバス、ツールバー、発表者ノート、サムネイルを備えたスライドエディタ", tag: "エディタ · フルキャンバス" },
],
scenariosTitle: "6 つのワークフローグループ",
scenariosLead:
"24 のガイド付きシナリオを、6 つのワークフローグループにまとめました。グループごとに専用の質問、素材の受け口、ビジュアル文法があります。どれかから始めても、必要なことをそのまま説明しても構いません。",
scenarios: [
{ name: "ゼロから作る", blurb: "1 枚のブリーフから、事業報告、ピッチデッキ、プロジェクト提案書まで。" },
{ name: "素材を変換する", blurb: "既存の PPTX、HTML、PDF を美しく作り直す。ドキュメント、メモ、ホワイトボードの写真をスライドに。" },
{ name: "データとインサイト", blurb: "ダッシュボード、定例の業績報告、決算資料、アンケート結果の共有。" },
{ name: "リサーチと意思決定", blurb: "深掘りリサーチのプレゼン、市場調査、競合分析、文献レビュー。" },
{ name: "デッキを磨く", blurb: "ブランドシステムの適用、参考スタイルの再現、翻訳とローカライズ、圧縮や拡張。" },
{ name: "特化した成果物", blurb: "研修教材、ローンチキーノート、ポートフォリオや事例、テンプレートによる一括生成。" },
],
formatsTitle: "そのまま渡せる成果物",
formatsLead:
"デッキの見た目が決まったら、本物の PowerPoint（.pptx）と印刷対応の PDF に書き出します。どちらも発表者ノートを保持。会場にもフィードにも合うレンダリング品質と画面比を選べます：",
formatsRows: [
{ label: "書き出し形式", values: "PowerPoint (.pptx) · PDF · 発表者ノートを保持" },
{ label: "レンダリング品質", values: "1K · 2K · 4K" },
{ label: "アスペクト比", values: "16:9 · 4:3 · 1:1 · 9:16 · 3:4" },
],
duoTitle: "速くて手間いらず",
fastTitle: "Fast モード",
fastLead:
"ページは順番待ちではなく並列でレンダリングされ、最大 4 ページが同時に進み、残りはキューに入ります。その間、承認済みのアウトラインとビジュアル方向は固定されたままです。10 枚のデッキならおおむね 4〜5 分で仕上がり、途中で止まった処理も最初からではなくプロジェクトの正となる状態から再開します。",
installTitle: "Codex に導入する",
installLead:
"リポジトリをプラグインマーケットプレイスとして追加し、プラグインをインストールして Codex を再起動し、新しいタスクを始めるだけです。必要なのはプラグイン対応の Codex、Node.js 20 以降、そして 1 回の `codex login` だけ。既定のワークフローに別の OpenAI キーも `.env` ファイルも要りません。",
finalEyebrow: "次のステップ",
tiebackTitle: "Open Design ファミリーから",
tiebackBody:
"Open Design は、すでに使っているコーディングエージェントの外側に置かれた、オープンで local-first なデザインワークスペースです。Codex Slides は同じ考え方をプレゼンテーションに向けたもの。エージェントは見えるところで作業し、プロジェクトは自分のマシンに残り、サブスクリプションの向こう側に閉じ込められるものは何もありません。スライドの先にあるデザインツール一式が必要なら、Open Design アプリを手に入れてください。",
schemaAlternateName: "Codex の中で動くオープンソース AI スライドスタジオ",
schemaWhatQuestion: "Codex Slides とは何ですか？",
schemaWhatAnswer:
"Codex Slides は、Codex の中でプラグインとして動く MIT ライセンスのオープンソース AI スライドスタジオです。プロンプト、リポジトリ、あるいは一式のファイルを、確認・任意のリサーチ・アウトライン・ビジュアル方向・並列レンダリング・編集・発表・PPTX/PDF 書き出しという見える形のワークフローで発表可能なデッキに変え、どのデッキも自分のディスクに残るプロジェクトとして保持します。",
schemaKeyQuestion: "Codex Slides に別途 API キーは必要ですか？",
schemaKeyAnswer:
"いいえ。すでに `codex login` で認証済みの ChatGPT アカウントで動きます。既定のワークフローに別の OpenAI API キーや `.env` ファイルは不要で、必要なのはプラグイン対応の Codex、Node.js 20 以降、そして Git です。",
schemaExportQuestion: "Codex Slides は本物の PowerPoint ファイルを書き出せますか？",
schemaExportAnswer:
"はい。Codex Slides は本物の PPTX と印刷対応の PDF を書き出し、どちらもプロジェクトの発表者ノートを保持します。レンダリング品質は 1K/2K/4K、アスペクト比は 5 種類（16:9、4:3、1:1、9:16、3:4）に対応します。image-native であるため、書き出した PPTX の各ページは個別に編集できる PowerPoint 図形ではなく全面画像になります。図形を編集できる書き出しはロードマップに入っています。",
schemaRelationQuestion: "Codex Slides は Open Design と関係がありますか？",
schemaRelationAnswer:
"はい。Codex Slides は Open Design を作っているチームの姉妹プロジェクトで、同じオープン・local-first・agent-native の考え方を、デザインファイルではなくプレゼンテーションに当てはめたものです。",
};
export default ja;
apps/landing-page/app/codex-slides-locales/ko.ts
+127
View File
@@ -0,0 +1,127 @@
/* Codex Slides page — Korean override (Agent-localized over the English base). */
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const ko: DeepPartial<CodexSlidesCopy> = {
title: "Codex Slides — Codex 안에서 도는 오픈소스 AI 슬라이드 스튜디오 · PPTX & PDF",
description:
"Codex Slides는 Codex 안에서 돌아가는 오픈소스 AI 슬라이드 스튜디오입니다. 만들고 싶은 덱을 설명하거나 저장소, PDF, 스프레드시트를 건네주면 내 컴퓨터의 Codex가 조사하고 개요를 잡고 스타일을 정하고 렌더링해 진짜 PPTX와 인쇄용 PDF까지 단숨에 내보냅니다. 슬라이드 한 장 한 장이 온전한 비주얼 캔버스입니다. 덱 템플릿 45종, 커뮤니티 스타일 73종, 가이드 시나리오 24종, Fast 모드는 10장 이상을 약 4~5분에 렌더링합니다. 브라우저 중심, MIT 라이선스, 이미 해 둔 codex login만으로 동작하며 별도의 API 키가 필요 없습니다.",
label: "자매 프로젝트",
heading: "코딩 에이전트 안에 있는 AI 슬라이드 스튜디오",
lead:
"대부분의 AI 슬라이드 생성기는 요청 한 번 뒤로 작업을 숨긴 뒤 파일 하나만 건넵니다. Codex Slides는 다릅니다. 조사, 개요, 비주얼 방향, 렌더링, 편집, 발표, 내보내기까지 전 과정이 Codex 안에서 그대로 보이고 언제든 손댈 수 있습니다. 모든 덱은 내 디스크에 남아 내일 다시 이어서 작업할 수 있는 프로젝트가 됩니다. 게다가 image-native라 각 슬라이드는 텍스트만 갈아 끼운 템플릿이 아니라 온전한 비주얼 캔버스입니다.",
downloadCta: "Open Design 다운로드",
heroAlt:
"Codex Slides — 왼쪽에서는 Codex가 브라우저 속 슬라이드 스튜디오를 조작하고, 오른쪽에는 완성된 시장 보고서 슬라이드가 보인다",
glanceAria: "한눈에 보기",
glance: {
stars: "GitHub 스타",
templates: "덱 템플릿",
styles: "커뮤니티 스타일",
scenarios: "가이드 시나리오",
license: "라이선스",
},
whyTitle: "왜 만들었나",
whyLead:
"덱은 한 번에 뽑아내면 끝나는 문제가 아닙니다. 무엇을, 어떤 순서로, 어떤 시각 언어로 말할지 정하는 결정의 연속이고, 그 결정 하나하나는 렌더링 뒤보다 앞에서 고치는 편이 훨씬 쌉니다.",
ideas: [
{
headline: "파일을 기다리는 대신, 만들어지는 과정을 지켜봅니다.",
body: "Codex가 브라우저에 스튜디오를 띄우고 계속 보여 줍니다. 첫 페이지가 렌더링되기 전에 브리프를 확인하고 개요를 고치고 비주얼 방향을 승인하죠. 비싸질 실수를 아직 쌀 때 잡아냅니다.",
},
{
headline: "모든 덱은 내려받은 파일이 아니라 계속 살아 있는 프로젝트입니다.",
body: "대화, 출처, 개요, 브랜드 규칙, 체크포인트, 렌더링된 페이지가 모두 디스크에 남습니다. 내일 다시 와서 같은 프로젝트를 이어 편집할 수 있고, AI 명령과 수동 편집 하나하나가 열어 보고 되돌리고 내보낼 수 있는 불변 체크포인트로 남습니다.",
},
{
headline: "image-native — 슬라이드 자체가 캔버스입니다.",
body: "각 페이지는 테마 위에 텍스트 상자를 얹은 것이 아니라 한 장의 완결된 비주얼로 구성됩니다. 그래서 손으로 디자인한 덱 옆에 두어도 밀리지 않습니다. 슬라이드에 바로 표시를 남기면 그 메모만 가지고 해당 페이지를 다시 그려 냅니다.",
},
],
flowTitle: "작동 방식",
flowLead:
"프롬프트 하나를 넣으면 바로 발표할 수 있는 덱이 나옵니다. 모델을 한 번 더 부르는 것보다 당신의 판단이 더 값진 지점마다 체크포인트가 놓여 있습니다.",
flow: [
{ step: "01", headline: "브리프 확정하기", body: "맞춤 질문 폼이 대상 청중, 페이지 수, 화면 비율, 언어, 해상도, 비주얼 의도를 글쓰기가 시작되기 전에 확인합니다." },
{ step: "02", headline: "사실 조사하기", body: "선택적인 다회차 웹 리서치가 출처가 붙은 Markdown 브리프를 만들고, Design Files에서 언제든 열어 보고 고칠 수 있습니다." },
{ step: "03", headline: "개요 다듬기", body: "제목과 핵심 문장을 하나씩 고치고, 슬라이드를 넣고 빼고, 흐름을 재배열하고, 에이전트에게 재구성을 맡기세요. 모두 비주얼이 나오기 전에요." },
{ step: "04", headline: "비주얼 방향 고정하기", body: "Codex Slides가 스타일 라이브러리를 주제와 개요에 맞춰 순위로 정리합니다. 하나를 고르거나, 전체 카탈로그를 검색하거나, 기본값 그대로 두세요." },
{ step: "05", headline: "병렬로 렌더링하기", body: "Fast 모드는 한 장씩이 아니라 모든 페이지를 한꺼번에 펼쳐 렌더링합니다. 10장 넘는 덱도 약 4~5분이면 나오고, 정해 둔 방향은 그대로 유지됩니다." },
{ step: "06", headline: "그 자리에서 편집하기", body: "문장을 다시 써 달라고 하고, 화살표와 코멘트로 영역을 표시하고, 이미지를 바꾸고, 페이지를 재배열하고, 전환 효과를 넣고, 발표자 노트를 씁니다." },
{ step: "07", headline: "발표하고 내보내기", body: "동기화된 청중용 창과 타이머가 있는 Presenter Mode로 발표한 뒤, 노트가 그대로 담긴 진짜 PPTX와 인쇄용 PDF를 내려받습니다." },
],
showcaseTitle: "완성된 덱의 모습",
showcaseLead:
"카드 하나하나가 Codex Slides에 기본 탑재된 비주얼 시스템입니다. 이미 완성된 방향에서 출발해 주제와 청중, 파일만 내 것으로 바꾸면 됩니다.",
showcase: [
{ alt: "차트와 KPI 강조가 들어간 비즈니스·시장 보고서 덱", tag: "시장 보고서 · 차트와 KPI" },
{ alt: "세계 지도, 도넛 차트, 지표 타일로 구성한 데이터 대시보드 덱", tag: "데이터 스토리 · 대시보드" },
{ alt: "고대비 타이틀 장면이 돋보이는 시네마틱 제품 키노트 슬라이드", tag: "키노트 · 시네마틱" },
{ alt: "세리프 헤드라인과 인쇄 그리드를 쓴 매거진풍 에디토리얼 덱", tag: "에디토리얼 · 인쇄 그리드" },
{ alt: "부드러운 3D 다이어그램 노드와 인디고 한 가지 강조색을 쓴 밝고 여유로운 제품 키노트 슬라이드", tag: "키노트 · 클린 데이라이트" },
{ alt: "시스템을 단면도로 재구성한 주석형 기술 컷어웨이 슬라이드", tag: "기술 · 주석형 컷어웨이" },
],
insideTitle: "실제 제품 화면",
insideLead:
"이건 Codex가 브라우저 안에서 실제로 조작하는 화면입니다. 직접 손으로 쓸 때와 똑같아서, 언제든 끼어들어 이어받을 수 있습니다.",
inside: [
{ alt: "프롬프트 작성기, 시나리오 단축 버튼, 커뮤니티 스타일이 있는 Codex Slides 홈", tag: "홈 · 발표 자료 설명" },
{ alt: "미리 구성된 발표 워크플로가 모인 시나리오 라이브러리", tag: "시나리오 · 워크플로 선택" },
{ alt: "제목과 핵심 내용을 편집할 수 있는 발표 개요", tag: "개요 · 이야기 구성" },
{ alt: "전체 캔버스, 툴바, 발표자 노트, 썸네일이 함께 보이는 슬라이드 편집기", tag: "편집기 · 전체 캔버스" },
],
scenariosTitle: "여섯 개의 워크플로 그룹",
scenariosLead:
"스물네 가지 가이드 시나리오를 여섯 개의 워크플로 그룹으로 묶었습니다. 그룹마다 고유한 질문, 자료 슬롯, 시각 문법을 갖추고 있습니다. 하나에서 시작하거나, 필요한 것을 그냥 설명하세요.",
scenarios: [
{ name: "처음부터 만들기", blurb: "브리프 한 장으로 사업 보고서, 피치 덱, 프로젝트 제안서까지." },
{ name: "자료 변환하기", blurb: "기존 PPTX, HTML, PDF를 다시 다듬고, 문서와 메모, 화이트보드 사진을 슬라이드로." },
{ name: "데이터와 인사이트", blurb: "대시보드, 정기 성과 보고, 재무 실적, 설문 결과 공유." },
{ name: "리서치와 의사결정", blurb: "심층 리서치 발표, 시장 조사, 경쟁 분석, 문헌 리뷰." },
{ name: "덱 다듬기", blurb: "브랜드 시스템 적용, 참고 스타일 재현, 번역과 현지화, 압축 또는 확장." },
{ name: "특화된 결과물", blurb: "교육 교재, 론칭 키노트, 포트폴리오와 사례 연구, 템플릿 기반 일괄 생성." },
],
formatsTitle: "바로 넘길 수 있는 결과물",
formatsLead:
"덱이 마음에 들면 진짜 PowerPoint(.pptx)와 인쇄용 PDF로 내보냅니다. 둘 다 발표자 노트를 그대로 유지합니다. 현장이든 피드든 어울리는 렌더링 품질과 화면 비율을 고르세요:",
formatsRows: [
{ label: "내보내기 형식", values: "PowerPoint (.pptx) · PDF · 발표자 노트 유지" },
{ label: "렌더링 품질", values: "1K · 2K · 4K" },
{ label: "화면 비율", values: "16:9 · 4:3 · 1:1 · 9:16 · 3:4" },
],
duoTitle: "빠르고 번거로움 없이",
fastTitle: "Fast 모드",
fastLead:
"페이지는 하나씩 차례로가 아니라 병렬로 렌더링됩니다. 최대 네 장이 동시에 진행되고 나머지는 대기열에 들어가며, 그동안 승인된 개요와 비주얼 방향은 그대로 고정됩니다. 열 장짜리 덱은 보통 4~5분이면 나오고, 중단된 작업도 처음부터가 아니라 프로젝트의 기준 상태에서 이어서 진행됩니다.",
installTitle: "Codex에 설치하기",
installLead:
"저장소를 플러그인 마켓플레이스로 추가하고, 플러그인을 설치하고, Codex를 재시작한 다음 새 작업을 시작하면 됩니다. 플러그인을 지원하는 Codex, Node.js 20 이상, 그리고 `codex login` 한 번이면 충분합니다. 기본 워크플로에는 별도의 OpenAI 키도, `.env` 파일도 필요 없습니다.",
finalEyebrow: "다음 단계",
tiebackTitle: "Open Design 제품군에서",
tiebackBody:
"Open Design은 이미 쓰고 있는 코딩 에이전트 바깥에 놓이는, 개방적이고 local-first인 디자인 워크스페이스입니다. Codex Slides는 같은 발상을 프레젠테이션에 겨눈 제품입니다. 에이전트는 드러난 곳에서 일하고, 프로젝트는 내 컴퓨터에 남으며, 구독 뒤에 잠기는 것은 아무것도 없습니다. 슬라이드 너머의 완전한 디자인 도구 모음이 필요하다면 Open Design 앱을 받으세요.",
schemaAlternateName: "Codex 안에서 돌아가는 오픈소스 AI 슬라이드 스튜디오",
schemaWhatQuestion: "Codex Slides란 무엇인가요?",
schemaWhatAnswer:
"Codex Slides는 Codex 안에서 플러그인으로 실행되는 MIT 라이선스 오픈소스 AI 슬라이드 스튜디오입니다. 프롬프트 하나, 저장소 하나, 또는 여러 파일을 확인·선택적 조사·개요·비주얼 방향·병렬 렌더링·편집·발표·PPTX/PDF 내보내기라는 눈에 보이는 워크플로를 거쳐 바로 발표할 수 있는 덱으로 바꾸고, 모든 덱을 내 디스크에 남는 프로젝트로 보관합니다.",
schemaKeyQuestion: "Codex Slides에 별도의 API 키가 필요한가요?",
schemaKeyAnswer:
"아니요. 이미 `codex login`으로 인증해 둔 ChatGPT 계정으로 동작합니다. 기본 워크플로에는 별도의 OpenAI API 키도 `.env` 파일도 필요 없으며, 플러그인을 지원하는 Codex, Node.js 20 이상, 그리고 Git만 있으면 됩니다.",
schemaExportQuestion: "Codex Slides는 진짜 PowerPoint 파일을 내보낼 수 있나요?",
schemaExportAnswer:
"네. Codex Slides는 진짜 PPTX와 인쇄용 PDF를 내보내며, 둘 다 프로젝트의 발표자 노트를 그대로 유지합니다. 렌더링 품질은 1K/2K/4K, 화면 비율은 다섯 가지(16:9, 4:3, 1:1, 9:16, 3:4)를 지원합니다. image-native 방식이기 때문에 내보낸 PPTX의 각 슬라이드는 개별 편집이 가능한 PowerPoint 도형이 아니라 전체 화면 이미지로 들어갑니다. 도형을 편집할 수 있는 내보내기는 로드맵에 올라 있습니다.",
schemaRelationQuestion: "Codex Slides는 Open Design과 관련이 있나요?",
schemaRelationAnswer:
"네. Codex Slides는 Open Design을 만든 팀의 자매 프로젝트로, 개방적이고 local-first이며 agent-native라는 같은 접근을 디자인 파일이 아니라 프레젠테이션에 적용한 것입니다.",
};
export default ko;
apps/landing-page/app/codex-slides-locales/pt-br.ts
+127
View File
@@ -0,0 +1,127 @@
// Brazilian Portuguese (pt-BR) overrides for the Codex Slides landing copy.
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const ptBr: DeepPartial<CodexSlidesCopy> = {
title: "Codex Slides — o estúdio de slides com IA dentro do Codex",
description:
"Codex Slides é um estúdio de slides com IA de código aberto que vive dentro do Codex. Descreva uma apresentação — ou aponte para um repositório, um PDF ou uma planilha — e o seu Codex local pesquisa, monta o roteiro, define o estilo, renderiza e exporta um PPTX de verdade e um PDF pronto para impressão. Cada slide é uma tela visual inteira. 45 templates de apresentação, 73 estilos da comunidade, 24 cenários guiados; o Fast mode renderiza mais de 10 slides em cerca de 4 a 5 minutos. Browser-first, licença MIT, roda no seu codex login atual, sem nenhuma chave de API extra.",
label: "Projeto irmão",
heading: "O estúdio de slides com IA dentro do seu agente de código",
lead:
"A maioria dos geradores de slides com IA esconde o trabalho por trás de um único pedido e devolve um arquivo. O Codex Slides mantém a cadeia inteira viva dentro do Codex — pesquisa, roteiro, direção visual, render, edição, apresentação, exportação — e cada apresentação continua sendo um projeto duradouro no seu próprio disco. Image-native: cada slide é uma tela visual inteira, não um template com o texto trocado.",
downloadCta: "Baixar o Open Design",
heroAlt:
"Codex Slides — o Codex à esquerda conduzindo o estúdio de slides no navegador e, à direita, um slide renderizado de relatório de mercado",
glanceAria: "Em resumo",
glance: {
stars: "Estrelas no GitHub",
templates: "Templates de apresentação",
styles: "Estilos da comunidade",
scenarios: "Cenários guiados",
license: "Licença",
},
whyTitle: "Por que isto existe",
whyLead:
"Uma apresentação não é um problema de geração em uma tacada só. É uma sequência de decisões — o que dizer, em que ordem, em que linguagem visual — e cada uma delas sai mais barata se for corrigida antes do render do que depois.",
ideas: [
{
headline: "Você acompanha acontecendo em vez de esperar por um arquivo.",
body: "O Codex abre o estúdio no seu Browser e o mantém à vista. Você confirma o briefing, revisa o roteiro e aprova a direção visual antes de uma única página ser renderizada — assim os erros caros são pegos enquanto ainda são baratos.",
},
{
headline: "Cada apresentação é um projeto duradouro, não um download.",
body: "Conversa, fontes, roteiro, regras de marca, checkpoints e páginas renderizadas ficam todos no disco. Volte amanhã e continue editando o mesmo projeto; cada comando de IA e cada edição manual deixa um checkpoint imutável que você pode inspecionar, restaurar ou exportar.",
},
{
headline: "Image-native — o slide é a tela.",
body: "Cada página é composta como uma tela visual inteira, e não como uma caixa de texto jogada sobre um tema, e é por isso que o resultado se sustenta ao lado de apresentações feitas à mão. Marque um slide diretamente e regenere só aquela página a partir das suas anotações.",
},
],
flowTitle: "Como funciona",
flowLead:
"Um prompt entra, uma apresentação pronta para o palco sai — com um ponto de controle em cada etapa em que o seu julgamento vale mais do que outra chamada ao modelo.",
flow: [
{ step: '01', headline: "Esclareça o briefing", body: "Um formulário de perguntas sob medida confirma público, número de páginas, proporção, idioma, resolução e intenção visual antes de qualquer texto começar a ser escrito." },
{ step: '02', headline: "Pesquise os fatos", body: "Uma pesquisa web opcional em várias rodadas produz um briefing em Markdown embasado em fontes, que continua inspecionável e editável nos Design Files." },
{ step: '03', headline: "Modele o roteiro", body: "Edite cada título e cada ponto de fala, acrescente ou remova slides, reordene a narrativa ou peça ao agente para reestruturá-la — tudo antes de os visuais existirem." },
{ step: '04', headline: "Trave a direção visual", body: "O Codex Slides ranqueia a biblioteca de estilos em relação ao seu tema e ao seu roteiro. Escolha um, busque no catálogo inteiro ou fique com o padrão." },
{ step: '05', headline: "Renderize em paralelo", body: "O Fast mode dispara todas as páginas de uma vez, em vez de uma a uma, então uma apresentação com mais de 10 slides fica pronta em cerca de quatro a cinco minutos, com a direção travada." },
{ step: '06', headline: "Edite no lugar", body: "Peça uma reescrita, marque uma região com setas e comentários, troque uma imagem, reordene páginas, defina transições e escreva as notas do apresentador." },
{ step: '07', headline: "Apresente e exporte", body: "Use o Presenter Mode com janela de plateia sincronizada e cronômetro e, depois, baixe um PPTX de verdade e um PDF pronto para impressão com as notas preservadas." },
],
showcaseTitle: "Como ficam as apresentações",
showcaseLead:
"Cada card é um sistema visual que já vem com o Codex Slides — uma direção acabada para você partir dela e depois inserir o seu próprio tema, público ou arquivos.",
showcase: [
{ alt: "Apresentação de relatório de negócios e de mercado com gráficos e destaques de KPI", tag: "Relatório de mercado · gráficos e KPIs" },
{ alt: "Apresentação de dashboard de dados com mapa-múndi, gráfico de rosca e blocos de métricas", tag: "História de dados · dashboard" },
{ alt: "Slide de keynote de produto cinematográfico com um momento de título de alto contraste", tag: "Keynote · cinematográfico" },
{ alt: "Apresentação em estilo revista editorial com títulos em serifa e grid de impressão", tag: "Editorial · grid de impressão" },
{ alt: "Slide de keynote de produto claro e arejado, com nós de diagrama 3D suaves e um único acento índigo", tag: "Keynote · luz do dia limpa" },
{ alt: "Slide técnico de vista em corte com rótulos que reconstrói um sistema como seção transversal", tag: "Técnico · corte rotulado" },
],
insideTitle: "O produto de verdade",
insideLead:
"Estas são as telas reais que o Codex conduz no seu Browser, as mesmas que você usaria na mão, então dá para entrar e assumir o comando a qualquer momento.",
inside: [
{ alt: "Tela inicial do Codex Slides com o compositor de prompt, atalhos de cenários e estilos da comunidade", tag: "Início · descreva sua apresentação" },
{ alt: "Biblioteca de cenários com fluxos de apresentação pré-configurados", tag: "Cenários · escolha um fluxo" },
{ alt: "Roteiro de apresentação editável com títulos e pontos de fala", tag: "Roteiro · dê forma à história" },
{ alt: "Editor de slides com a tela inteira à vista, barra de ferramentas, notas do apresentador e miniaturas", tag: "Editor · tela inteira" },
],
scenariosTitle: "Seis grupos de fluxos",
scenariosLead:
"Vinte e quatro cenários guiados, reunidos em seis grupos de fluxos. Cada grupo traz suas próprias perguntas, seus campos de fonte e sua gramática visual. Comece por um deles ou simplesmente descreva o que você precisa.",
scenarios: [
{ name: "Criar do zero", blurb: "Relatórios de negócio, pitch decks e propostas de projeto a partir de um único briefing." },
{ name: "Transformar uma fonte", blurb: "Embeleze um PPTX, HTML ou PDF existente; transforme documentos, anotações ou a foto de um quadro branco em slides." },
{ name: "Dados e insights", blurb: "Dashboards, relatórios de performance recorrentes, resultados financeiros e leituras de pesquisas." },
{ name: "Pesquisa e decisões", blurb: "Apresentações de deep research, estudos de mercado, análises competitivas e revisões de literatura." },
{ name: "Otimizar uma apresentação", blurb: "Aplique um sistema de marca, recrie um estilo de referência, traduza e localize, comprima ou expanda." },
{ name: "Entregas especializadas", blurb: "Material de treinamento, keynotes de lançamento, portfólios e estudos de caso, lotes guiados por template." },
],
formatsTitle: "Arquivos de verdade que você pode entregar",
formatsLead:
"Quando a apresentação estiver do jeito certo, exporte um PowerPoint (.pptx) de verdade e um PDF pronto para impressão, ambos com as suas notas do apresentador. Escolha a qualidade de render e o formato que combina com o palco ou o feed:",
formatsRows: [
{ label: "Formatos de exportação", values: "PowerPoint (.pptx) · PDF · notas do apresentador preservadas" },
{ label: "Qualidade de render", values: "1K · 2K · 4K" },
{ label: "Proporções", values: "16:9 · 4:3 · 1:1 · 9:16 · 3:4" },
],
duoTitle: "Rápido e sem fricção",
fastTitle: "Fast mode",
fastLead:
"As páginas são renderizadas em paralelo — até quatro simultâneas, com o restante na fila — em vez de uma após a outra, enquanto o roteiro aprovado e a direção visual permanecem travados. Uma apresentação de dez slides normalmente fica pronta em cerca de quatro a cinco minutos, e uma execução interrompida retoma a partir do estado salvo do projeto em vez de começar do zero.",
installTitle: "Instalar no Codex",
installLead:
"Adicione o repositório como marketplace de plugins, instale o plugin, reinicie o Codex e comece uma nova tarefa. Você precisa do Codex com suporte a plugins, do Node.js 20 ou mais recente e de um `codex login` — nenhuma chave separada da OpenAI e nenhum arquivo `.env` no fluxo padrão.",
finalEyebrow: "Próximo passo",
tiebackTitle: "Da família Open Design",
tiebackBody:
"O Open Design é o espaço de design aberto e local-first que fica do lado de fora do agente de código que você já usa. O Codex Slides é a mesma ideia apontada para apresentações: seu agente faz o trabalho às claras, o projeto continua na sua máquina e nada fica trancado atrás de uma assinatura. Para o kit de design completo além dos slides, baixe o app do Open Design.",
schemaAlternateName: "O estúdio de slides com IA de código aberto dentro do Codex",
schemaWhatQuestion: "O que é o Codex Slides?",
schemaWhatAnswer:
"O Codex Slides é um estúdio de slides com IA de código aberto, licenciado sob MIT, que roda como plugin dentro do Codex. Ele transforma um prompt, um repositório ou um conjunto de arquivos em uma apresentação pronta para o palco por meio de um fluxo visível — esclarecimento, pesquisa opcional, roteiro, direção visual, render em paralelo, edição, apresentação e exportação em PPTX/PDF — e mantém cada apresentação como um projeto duradouro no seu próprio disco.",
schemaKeyQuestion: "O Codex Slides precisa de uma chave de API separada?",
schemaKeyAnswer:
"Não. Ele roda na conta ChatGPT com a qual você já se autenticou via `codex login`. O fluxo padrão não precisa de uma chave de API da OpenAI separada nem de um arquivo `.env`; ele exige o Codex com suporte a plugins, o Node.js 20 ou mais recente e o Git.",
schemaExportQuestion: "O Codex Slides consegue exportar arquivos reais do PowerPoint?",
schemaExportAnswer:
"Sim. O Codex Slides exporta um PPTX de verdade e um PDF pronto para impressão, ambos preservando as notas do apresentador do projeto, com qualidade de render 1K/2K/4K em cinco proporções (16:9, 4:3, 1:1, 9:16, 3:4). Por ser image-native, os slides do PPTX exportado contêm imagens de página inteira em vez de formas do PowerPoint editáveis individualmente; a exportação com formas editáveis está no roadmap.",
schemaRelationQuestion: "O Codex Slides tem relação com o Open Design?",
schemaRelationAnswer:
"Sim. O Codex Slides é um projeto irmão feito pelo time por trás do Open Design — a mesma abordagem aberta, local-first e agent-native aplicada a apresentações em vez de arquivos de design.",
};
export default ptBr;
apps/landing-page/app/codex-slides-locales/ru.ts
+127
View File
@@ -0,0 +1,127 @@
// Russian (ru) overrides for the Codex Slides landing copy.
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const ru: DeepPartial<CodexSlidesCopy> = {
title: 'Codex Slides — открытая AI-студия слайдов внутри Codex · PPTX и PDF',
description:
'Codex Slides — это AI-студия слайдов с открытым исходным кодом, которая живёт внутри Codex. Опишите презентацию — или укажите репозиторий, PDF либо таблицу — и ваш локальный Codex проведёт исследование, соберёт структуру, задаст стиль, отрендерит и экспортирует настоящий PPTX и готовый к печати PDF. Каждый слайд — это цельный визуальный холст. 45 шаблонов презентаций, 73 стиля от сообщества, 24 сценария с подсказками, а Fast mode рендерит 10+ слайдов примерно за 4–5 минут. Browser-first, лицензия MIT, работает на вашем текущем `codex login` — без единого дополнительного API-ключа.',
label: 'Родственный проект',
heading: 'AI-студия слайдов внутри вашего кодинг-агента',
lead:
'Большинство AI-генераторов слайдов прячут работу за одним запросом и просто отдают файл. Codex Slides держит всю цепочку живой внутри Codex — исследование, структура, визуальное направление, рендер, правки, показ, экспорт — и каждая презентация остаётся долговечным проектом на вашем собственном диске. Подход image-native: каждый слайд — полноценный визуальный холст, а не шаблон с подменённым текстом.',
downloadCta: 'Скачать Open Design',
heroAlt:
'Codex Slides — слева Codex управляет студией слайдов в браузере, справа готовый слайд рыночного отчёта',
glanceAria: 'Коротко о главном',
glance: {
stars: 'Звёзды на GitHub',
templates: 'Шаблоны презентаций',
styles: 'Стили сообщества',
scenarios: 'Сценарии с подсказками',
license: 'Лицензия',
},
whyTitle: 'Зачем это нужно',
whyLead:
'Презентация — не задача одноразовой генерации. Это цепочка решений: что сказать, в каком порядке и на каком визуальном языке, — и каждое из них дешевле исправить до рендера, чем после.',
ideas: [
{
headline: 'Вы видите процесс, а не ждёте файл.',
body: 'Codex открывает студию в своём браузере и держит её на виду. Вы подтверждаете бриф, правите структуру и утверждаете визуальное направление ещё до того, как отрендерится первая страница, — дорогие ошибки ловятся, пока они дёшевы.',
},
{
headline: 'Каждая презентация — долговечный проект, а не скачанный файл.',
body: 'Диалог, источники, структура, правила бренда, контрольные точки и отрендеренные страницы остаются на диске. Вернитесь завтра и продолжите работу над тем же проектом: каждая команда AI и каждая ручная правка оставляют неизменяемую контрольную точку, которую можно изучить, восстановить или экспортировать.',
},
{
headline: 'Image-native — слайд и есть холст.',
body: 'Каждая страница собирается как единый визуальный холст, а не как текстовый блок поверх темы, — поэтому результат выдерживает сравнение с презентациями, сделанными вручную. Отметьте нужное прямо на слайде и перегенерируйте только эту страницу по вашим пометкам.',
},
],
flowTitle: 'Как это работает',
flowLead:
'Один промпт на входе, готовая к показу презентация на выходе — с контрольной точкой на каждом шаге, где ваше решение ценнее ещё одного вызова модели.',
flow: [
{ step: '01', headline: 'Уточнить бриф', body: 'Подобранная форма вопросов фиксирует аудиторию, число страниц, соотношение сторон, язык, разрешение и визуальный замысел ещё до начала работы над текстом.' },
{ step: '02', headline: 'Проверить факты', body: 'Опциональное многораундовое веб-исследование даёт бриф в Markdown с указанием источников, который остаётся доступным для просмотра и правок в Design Files.' },
{ step: '03', headline: 'Собрать структуру', body: 'Правьте каждый заголовок и каждый тезис, добавляйте и убирайте слайды, меняйте порядок истории или попросите агента перестроить её — ещё до появления визуала.' },
{ step: '04', headline: 'Зафиксировать визуальное направление', body: 'Codex Slides ранжирует свою библиотеку стилей под вашу тему и структуру. Выберите один, просмотрите весь каталог или оставьте вариант по умолчанию.' },
{ step: '05', headline: 'Рендерить параллельно', body: 'Fast mode запускает все страницы разом, а не одну за другой, поэтому презентация из 10+ слайдов готова примерно за четыре-пять минут, а направление остаётся зафиксированным.' },
{ step: '06', headline: 'Править на месте', body: 'Попросите переписать текст, обведите область стрелками и комментариями, замените изображение, поменяйте порядок страниц, задайте переходы и напишите заметки докладчика.' },
{ step: '07', headline: 'Показать и экспортировать', body: 'Включите Presenter Mode с синхронизированным окном для зала и таймером, а затем скачайте настоящий PPTX и готовый к печати PDF с сохранёнными заметками.' },
],
showcaseTitle: 'Как выглядят презентации',
showcaseLead:
'Каждая карточка — визуальная система, которая поставляется вместе с Codex Slides: готовое направление, с которого можно начать, подставив свою тему, аудиторию или файлы.',
showcase: [
{ alt: 'Презентация бизнес- и рыночного отчёта с графиками и выносками ключевых показателей', tag: 'Рыночный отчёт · графики и KPI' },
{ alt: 'Презентация-дашборд с картой мира, кольцевой диаграммой и плитками метрик', tag: 'История данных · дашборд' },
{ alt: 'Кинематографичный слайд продуктового кейноута с контрастным титульным моментом', tag: 'Кейноут · кинематографично' },
{ alt: 'Редакционная презентация в журнальном стиле с антиквенными заголовками и печатной сеткой', tag: 'Редакционный · печатная сетка' },
{ alt: 'Светлая, воздушная слайд-обложка продуктового кейноута с мягкими 3D-узлами схемы и единственным акцентом индиго', tag: 'Кейноут · чистый дневной свет' },
{ alt: 'Технический слайд-разрез с подписями, воссоздающий систему в поперечном сечении', tag: 'Техника · разрез с подписями' },
],
insideTitle: 'Настоящий продукт',
insideLead:
'Это реальные экраны, которыми Codex управляет в своём браузере, — те же самые, которыми вы пользовались бы вручную, так что вмешаться и взять управление на себя можно в любой момент.',
inside: [
{ alt: 'Главный экран Codex Slides с полем промпта, ярлыками сценариев и стилями сообщества', tag: 'Главная · опишите презентацию' },
{ alt: 'Библиотека сценариев с готовыми рабочими процессами для презентаций', tag: 'Сценарии · выбрать процесс' },
{ alt: 'Редактируемый план презентации с заголовками и тезисами', tag: 'План · выстроить историю' },
{ alt: 'Редактор слайда с полным холстом в кадре, панелью инструментов, заметками докладчика и миниатюрами', tag: 'Редактор · полный холст' },
],
scenariosTitle: 'Шесть групп сценариев',
scenariosLead:
'Двадцать четыре сценария с подсказками, собранные в шесть рабочих групп. У каждой группы свои вопросы, слоты для источников и визуальная грамматика. Начните с одной из них — или просто опишите, что вам нужно.',
scenarios: [
{ name: 'Создать с нуля', blurb: 'Бизнес-отчёты, питч-деки и проектные предложения из одного брифа.' },
{ name: 'Преобразовать источник', blurb: 'Привести в порядок готовый PPTX, HTML или PDF; превратить документы, заметки или фото доски в слайды.' },
{ name: 'Данные и аналитика', blurb: 'Дашборды, регулярные отчёты по эффективности, финансовые результаты и итоги опросов.' },
{ name: 'Исследования и решения', blurb: 'Презентации глубоких исследований, обзоры рынка, конкурентный анализ, обзоры литературы.' },
{ name: 'Улучшить презентацию', blurb: 'Применить бренд-систему, воспроизвести эталонный стиль, перевести и локализовать, сжать или расширить.' },
{ name: 'Специальные форматы', blurb: 'Учебные материалы, кейноуты запусков, портфолио и кейсы, серии на основе шаблона.' },
],
formatsTitle: 'Настоящие файлы, которые можно передать',
formatsLead:
'Когда презентация выглядит как надо, экспортируйте настоящий PowerPoint (.pptx) и готовый к печати PDF — оба сохраняют ваши заметки докладчика. Выберите качество рендера и формат под зал или под ленту:',
formatsRows: [
{ label: 'Форматы экспорта', values: 'PowerPoint (.pptx) · PDF · заметки докладчика сохранены' },
{ label: 'Качество рендера', values: '1K · 2K · 4K' },
{ label: 'Соотношения сторон', values: '16:9 · 4:3 · 1:1 · 9:16 · 3:4' },
],
duoTitle: 'Быстро и без хлопот',
fastTitle: 'Fast mode',
fastLead:
'Страницы рендерятся параллельно — до четырёх одновременно, остальные в очереди — вместо последовательной обработки, а утверждённая структура и визуальное направление остаются зафиксированными. Презентация из десяти слайдов обычно готова примерно за четыре-пять минут, а прерванный запуск продолжается от сохранённого состояния проекта, а не начинается заново.',
installTitle: 'Установить в Codex',
installLead:
'Добавьте репозиторий как маркетплейс плагинов, установите плагин, перезапустите Codex и начните новую задачу. Понадобятся Codex с поддержкой плагинов, Node.js 20 или новее и один `codex login` — без отдельного ключа OpenAI и без файла `.env` для стандартного сценария.',
finalEyebrow: 'Следующий шаг',
tiebackTitle: 'Из семьи Open Design',
tiebackBody:
'Open Design — это открытое local-first дизайн-пространство, которое живёт снаружи кодинг-агента, которым вы уже пользуетесь. Codex Slides — та же идея, направленная на презентации: агент работает на виду, проект остаётся на вашей машине, и ничто не заперто за подпиской. За полным набором инструментов дизайна помимо слайдов установите приложение Open Design.',
schemaAlternateName: 'Открытая AI-студия слайдов внутри Codex',
schemaWhatQuestion: 'Что такое Codex Slides?',
schemaWhatAnswer:
'Codex Slides — это AI-студия слайдов с открытым исходным кодом под лицензией MIT, которая работает как плагин внутри Codex. Она превращает промпт, репозиторий или набор файлов в готовую к показу презентацию через прозрачный сценарий — уточнение, опциональное исследование, структура, визуальное направление, параллельный рендер, правки, показ и экспорт в PPTX/PDF — и сохраняет каждую презентацию как долговечный проект на вашем собственном диске.',
schemaKeyQuestion: 'Нужен ли Codex Slides отдельный API-ключ?',
schemaKeyAnswer:
'Нет. Она работает на аккаунте ChatGPT, в котором вы уже вошли через `codex login`. Стандартному сценарию не нужны ни отдельный API-ключ OpenAI, ни файл `.env`; требуются Codex с поддержкой плагинов, Node.js 20 или новее и Git.',
schemaExportQuestion: 'Может ли Codex Slides экспортировать настоящие файлы PowerPoint?',
schemaExportAnswer:
'Да. Codex Slides экспортирует настоящий PPTX и готовый к печати PDF, оба с сохранением заметок докладчика из проекта, в качестве рендера 1K/2K/4K и в пяти соотношениях сторон (16:9, 4:3, 1:1, 9:16, 3:4). Поскольку подход image-native, экспортированные слайды PPTX содержат изображения на весь слайд, а не отдельно редактируемые фигуры PowerPoint; экспорт с редактируемыми фигурами есть в дорожной карте.',
schemaRelationQuestion: 'Связан ли Codex Slides с Open Design?',
schemaRelationAnswer:
'Да. Codex Slides — родственный проект команды, стоящей за Open Design: тот же открытый, local-first и agent-native подход, применённый к презентациям вместо файлов дизайна.',
};
export default ru;
apps/landing-page/app/codex-slides-locales/tr.ts
+127
View File
@@ -0,0 +1,127 @@
// Turkish (tr) overrides for the Codex Slides landing copy.
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const tr: DeepPartial<CodexSlidesCopy> = {
title: "Codex Slides — Codex içindeki açık kaynak yapay zekâ slayt stüdyosu",
description:
"Codex Slides, Codex içinde çalışan açık kaynaklı bir yapay zekâ slayt stüdyosudur. Bir sunum anlat ya da onu bir depoya, bir PDF'e veya bir tabloya yönlendir; yerel Codex'in araştırsın, taslağı çıkarsın, stili belirlesin, render alsın ve gerçek bir PPTX ile baskıya hazır bir PDF dışa aktarsın. Her slayt eksiksiz bir görsel tuvaldir. 45 sunum şablonu, 73 topluluk stili, 24 rehberli senaryo; Fast mode 10'dan fazla slaydı yaklaşık 4–5 dakikada render eder. Browser-first, MIT lisanslı, mevcut codex login'inle çalışır ve ek bir API anahtarı istemez.",
label: "Kardeş proje",
heading: "Kodlama ajanının içindeki yapay zekâ slayt stüdyosu",
lead:
"Çoğu yapay zekâ slayt üreticisi tüm işi tek bir istemin arkasına saklar ve sana yalnızca bir dosya verir. Codex Slides ise zincirin tamamını Codex içinde canlı tutar — araştırma, taslak, görsel yön, render, düzenleme, sunum, dışa aktarma — ve her sunum kendi diskinde kalıcı bir proje olarak kalır. Image-native yaklaşım sayesinde her slayt, metni değiştirilmiş bir şablon değil, eksiksiz bir görsel tuvaldir.",
downloadCta: "Open Design'ı indir",
heroAlt:
"Codex Slides — solda tarayıcıdaki slayt stüdyosunu yöneten Codex, sağda render edilmiş bir pazar raporu slaydı",
glanceAria: "Bir bakışta",
glance: {
stars: "GitHub yıldızı",
templates: "Sunum şablonu",
styles: "Topluluk stili",
scenarios: "Rehberli senaryo",
license: "Lisans",
},
whyTitle: "Bu neden var",
whyLead:
"Bir sunum, tek seferde üretilecek bir problem değildir. Bir dizi karardır — ne söyleneceği, hangi sırayla, hangi görsel dille — ve bunların her birini düzeltmek render öncesinde render sonrasına göre çok daha ucuzdur.",
ideas: [
{
headline: "Bir dosyayı beklemek yerine olup biteni izlersin.",
body: "Codex, stüdyoyu kendi Browser'ında açar ve görünür tutar. Tek bir sayfa render edilmeden önce brief'i onaylar, taslağı düzenler ve görsel yönü kabul edersin — böylece pahalı hatalar hâlâ ucuzken yakalanır.",
},
{
headline: "Her sunum bir indirme değil, kalıcı bir projedir.",
body: "Konuşma, kaynaklar, taslak, marka kuralları, kontrol noktaları ve render edilmiş sayfalar diskte kalır. Yarın geri dön ve aynı projeyi düzenlemeye devam et; her yapay zekâ komutu ve her elle düzenleme, inceleyebileceğin, geri yükleyebileceğin veya dışa aktarabileceğin değişmez bir kontrol noktası bırakır.",
},
{
headline: "Image-native — slaydın kendisi tuvaldir.",
body: "Her sayfa, bir temanın üstüne bırakılmış metin kutusu olarak değil, tek parça eksiksiz bir görsel tuval olarak kurgulanır; çıktının elle tasarlanmış sunumların yanında durabilmesinin sebebi budur. Bir slaydın üzerine doğrudan işaret koy ve yalnızca o sayfayı notlarından yeniden ürettir.",
},
],
flowTitle: "Nasıl çalışır",
flowLead:
"Tek bir istem girer, sunuma hazır bir deste çıkar — ve senin yargının bir model çağrısından daha değerli olduğu her adımda bir kontrol noktası vardır.",
flow: [
{ step: '01', headline: "Brief'i netleştir", body: "Sana özel hazırlanan soru formu; hedef kitleyi, sayfa sayısını, en boy oranını, dili, çözünürlüğü ve görsel niyeti daha yazım başlamadan onaylar." },
{ step: '02', headline: "Bilgileri araştır", body: "İsteğe bağlı çok turlu web araştırması, Design Files içinde incelenebilir ve düzenlenebilir kalan, kaynaklara dayalı bir Markdown brief üretir." },
{ step: '03', headline: "Taslağı biçimlendir", body: "Her başlığı ve konuşma noktasını düzenle, slayt ekle veya çıkar, anlatının sırasını değiştir ya da ajandan yeniden kurgulamasını iste — hem de görseller daha ortada yokken." },
{ step: '04', headline: "Görsel yönü sabitle", body: "Codex Slides, stil kütüphanesini konuna ve taslağına göre sıralar. Birini seç, tüm kataloğu ara ya da varsayılanla devam et." },
{ step: '05', headline: "Paralel render al", body: "Fast mode sayfaları tek tek değil hepsini aynı anda açar; böylece 10'dan fazla slaytlık bir deste, görsel yön sabit kalırken yaklaşık dört beş dakikada hazır olur." },
{ step: '06', headline: "Yerinde düzenle", body: "Yeniden yazım iste, bir bölgeyi oklar ve yorumlarla işaretle, görsel değiştir, sayfaları yeniden sırala, geçişleri ayarla ve konuşmacı notlarını yaz." },
{ step: '07', headline: "Sun ve dışa aktar", body: "Senkron izleyici penceresi ve zamanlayıcıyla Presenter Mode'u çalıştır, ardından notları korunmuş gerçek bir PPTX ile baskıya hazır bir PDF indir." },
],
showcaseTitle: "Sunumlar nasıl görünüyor",
showcaseLead:
"Her kart, Codex Slides ile birlikte gelen bir görsel sistemdir — başlangıç noktası olarak kullanabileceğin bitmiş bir yön; sonra kendi konunu, kitleni veya dosyalarını içine koyarsın.",
showcase: [
{ alt: "Grafikler ve öne çıkan KPI'larla iş ve pazar raporu sunumu", tag: "Pazar raporu · grafikler ve KPI'lar" },
{ alt: "Dünya haritası, halka grafik ve metrik kutularıyla veri panosu sunumu", tag: "Veri anlatısı · pano" },
{ alt: "Yüksek kontrastlı bir başlık anıyla sinematik ürün keynote slaydı", tag: "Keynote · sinematik" },
{ alt: "Serif başlıklar ve baskı ızgarasıyla editoryal dergi tarzı sunum", tag: "Editoryal · baskı ızgarası" },
{ alt: "Yumuşak 3B diyagram düğümleri ve tek bir çivit vurgusu olan aydınlık, ferah ürün sunumu slaydı", tag: "Sunum · temiz gün ışığı" },
{ alt: "Bir sistemi kesit olarak yeniden kuran, etiketli teknik kesit görünümü slaydı", tag: "Teknik · etiketli kesit" },
],
insideTitle: "Gerçek ürün",
insideLead:
"Bunlar Codex'in kendi Browser'ında kullandığı gerçek ekranlar; elle çalışırken kullanacağın ekranların aynısı, yani istediğin anda araya girip kontrolü devralabilirsin.",
inside: [
{ alt: "İstem düzenleyici, senaryo kısayolları ve topluluk stilleriyle Codex Slides ana ekranı", tag: "Ana ekran · sunumunu anlat" },
{ alt: "Önceden yapılandırılmış sunum akışlarıyla senaryo kitaplığı", tag: "Senaryolar · akış seç" },
{ alt: "Başlıklar ve konuşma noktalarıyla düzenlenebilir sunum taslağı", tag: "Taslak · hikâyeyi biçimlendir" },
{ alt: "Tuvalin tamamı görünür haldeyken araç çubuğu, konuşmacı notları ve küçük resimlerle slayt düzenleyici", tag: "Düzenleyici · tam tuval" },
],
scenariosTitle: "Altı akış grubu",
scenariosLead:
"Altı akış grubunda toplanmış yirmi dört rehberli senaryo. Her grup kendi sorularını, kaynak alanlarını ve görsel dilbilgisini getirir. Birinden başla ya da sadece neye ihtiyacın olduğunu anlat.",
scenarios: [
{ name: "Sıfırdan oluştur", blurb: "Tek bir brief'ten iş raporları, yatırımcı sunumları ve proje teklifleri." },
{ name: "Bir kaynağı dönüştür", blurb: "Mevcut bir PPTX, HTML veya PDF'i güzelleştir; belgeleri, notları ya da bir beyaz tahta fotoğrafını slayda çevir." },
{ name: "Veri ve içgörüler", blurb: "Panolar, düzenli performans raporları, finansal sonuçlar ve anket okumaları." },
{ name: "Araştırma ve kararlar", blurb: "Derin araştırma sunumları, pazar çalışmaları, rekabet analizleri, literatür taramaları." },
{ name: "Bir sunumu iyileştir", blurb: "Marka sistemi uygula, referans bir stili yeniden kur, çevir ve yerelleştir, kısalt ya da genişlet." },
{ name: "Özel çıktılar", blurb: "Eğitim materyalleri, lansman keynote'ları, portfolyolar ve vaka çalışmaları, şablona dayalı toplu üretim." },
],
formatsTitle: "Devredebileceğin gerçek dosyalar",
formatsLead:
"Sunum tam istediğin gibi göründüğünde, ikisi de konuşmacı notlarını koruyan gerçek bir PowerPoint (.pptx) ile baskıya hazır bir PDF dışa aktar. Salona ya da akışa uyan render kalitesini ve oranı seç:",
formatsRows: [
{ label: "Dışa aktarma formatları", values: "PowerPoint (.pptx) · PDF · konuşmacı notları korunur" },
{ label: "Render kalitesi", values: "1K · 2K · 4K" },
{ label: "En boy oranları", values: "16:9 · 4:3 · 1:1 · 9:16 · 3:4" },
],
duoTitle: "Hızlı ve zahmetsiz",
fastTitle: "Fast mode",
fastLead:
"Sayfalar arka arkaya değil paralel render edilir — aynı anda dörde kadar, kalanlar sırada — ve bu sırada onaylanmış taslak ile görsel yön sabit kalır. On slaytlık bir deste genellikle dört beş dakikada hazır olur; yarıda kesilen bir çalışma da baştan başlamak yerine projenin kaydedilmiş durumundan devam eder.",
installTitle: "Codex'e kur",
installLead:
"Depoyu bir eklenti pazarı olarak ekle, eklentiyi kur, Codex'i yeniden başlat ve yeni bir görev aç. Eklenti desteği olan Codex, Node.js 20 veya üzeri ve tek bir `codex login` yeterli — varsayılan akış için ayrı bir OpenAI anahtarı ya da `.env` dosyası gerekmez.",
finalEyebrow: "Sonraki adım",
tiebackTitle: "Open Design ailesinden",
tiebackBody:
"Open Design, hâlihazırda kullandığın kodlama ajanının dışında duran açık ve local-first tasarım çalışma alanıdır. Codex Slides ise aynı fikrin sunumlara çevrilmiş hali: ajanın işi açıkta yapar, proje senin makinende kalır ve hiçbir şey bir aboneliğin arkasına kilitlenmez. Slaytların ötesindeki tam tasarım araç seti için Open Design uygulamasını edin.",
schemaAlternateName: "Codex içindeki açık kaynak yapay zekâ slayt stüdyosu",
schemaWhatQuestion: "Codex Slides nedir?",
schemaWhatAnswer:
"Codex Slides, Codex içinde eklenti olarak çalışan, MIT lisanslı açık kaynaklı bir yapay zekâ slayt stüdyosudur. Bir istemi, bir depoyu ya da bir dosya kümesini görünür bir akış üzerinden sunuma hazır bir desteye dönüştürür — netleştirme, isteğe bağlı araştırma, taslak, görsel yön, paralel render, düzenleme, sunum ve PPTX/PDF dışa aktarma — ve her sunumu kendi diskinde kalıcı bir proje olarak saklar.",
schemaKeyQuestion: "Codex Slides ayrı bir API anahtarı gerektirir mi?",
schemaKeyAnswer:
"Hayır. `codex login` ile zaten doğruladığın ChatGPT hesabıyla çalışır. Varsayılan akış için ayrı bir OpenAI API anahtarına ya da `.env` dosyasına gerek yoktur; eklenti desteği olan Codex, Node.js 20 veya üzeri ve Git gerekir.",
schemaExportQuestion: "Codex Slides gerçek PowerPoint dosyaları dışa aktarabilir mi?",
schemaExportAnswer:
"Evet. Codex Slides, ikisi de projenin konuşmacı notlarını koruyan gerçek bir PPTX ve baskıya hazır bir PDF dışa aktarır; render kalitesi 1K/2K/4K ve beş en boy oranı desteklenir (16:9, 4:3, 1:1, 9:16, 3:4). Image-native olduğu için dışa aktarılan PPTX slaytları, tek tek düzenlenebilir PowerPoint şekilleri yerine tam sayfa görseller içerir; düzenlenebilir şekilli dışa aktarma yol haritasındadır.",
schemaRelationQuestion: "Codex Slides, Open Design ile ilişkili mi?",
schemaRelationAnswer:
"Evet. Codex Slides, Open Design'ın arkasındaki ekibin kardeş projesidir — aynı açık, local-first ve agent-native yaklaşımın tasarım dosyaları yerine sunumlara uygulanmış hali.",
};
export default tr;
apps/landing-page/app/codex-slides-locales/zh.ts
+127
View File
@@ -0,0 +1,127 @@
/* Codex Slides page — Simplified Chinese override (Agent-localized over the English base). */
import type { DeepPartial, CodexSlidesCopy } from '../codex-slides-i18n';
const zh: DeepPartial<CodexSlidesCopy> = {
title: "Codex Slides — 住在 Codex 里的开源 AI 幻灯片工作室 · PPTX 与 PDF",
description:
"Codex Slides 是一个住在 Codex 里的开源 AI 幻灯片工作室。描述你想要的一套幻灯片，或者直接把一个代码仓库、一份 PDF、一张表格丢给它，本地的 Codex 就会一路完成调研、拟大纲、定风格、渲染，并导出真正的 PPTX 和可付印的 PDF。每一页都是一整张视觉画布。45 套演示模板、73 种社区风格、24 个引导式场景，Fast 模式约四到五分钟就能渲染 10 页以上。浏览器优先，MIT 许可，用你已有的 codex login 就能跑，不用另配 API key。",
label: "姊妹项目",
heading: "住在你编码 agent 里的 AI 幻灯片工作室",
lead:
"大多数 AI 幻灯片生成器把活儿都藏在一次请求背后，最后甩给你一个文件。Codex Slides 不一样：调研、大纲、视觉方向、渲染、编辑、演示、导出，这整条链路都在 Codex 里全程可见、随时可调。每一套幻灯片都是一个留在你自己磁盘上、明天回来还能接着做的项目。而且它是 image-native 的，每一页都是一整张视觉画布，而不是换了文字的模板。",
downloadCta: "下载 Open Design 桌面端",
heroAlt:
"Codex Slides — 左侧 Codex 正在驱动浏览器里的幻灯片工作室，右侧是渲染完成的市场报告页",
glanceAria: "一览",
glance: {
stars: "GitHub 星标",
templates: "演示模板",
styles: "社区风格",
scenarios: "引导式场景",
license: "许可协议",
},
whyTitle: "为什么会有它",
whyLead:
"一套幻灯片不是一次性生成就能搞定的事。它是一连串决定——说什么、按什么顺序说、用什么视觉语言说——而每一个决定，在渲染之前修正都比渲染之后便宜得多。",
ideas: [
{
headline: "你看着它一步步长出来，而不是干等一个文件。",
body: "Codex 在自带的浏览器里打开工作室，并让它一直看得见。你先确认需求、改好大纲、敲定视觉方向，然后才渲染第一页——那些代价高昂的错误，在还便宜的时候就被拦下了。",
},
{
headline: "每一套幻灯片都是长期存在的项目，而不是一次下载。",
body: "对话、素材来源、大纲、品牌规则、检查点、渲染好的页面，全都留在磁盘上。明天回来接着编辑同一个项目；每一条 AI 指令、每一次手动修改都会落下一个不可篡改的检查点，随时能查看、回滚或导出。",
},
{
headline: "image-native：幻灯片本身就是画布。",
body: "每一页都是当成一整张视觉画布来构图的，而不是往现成主题上丢一个文本框，所以成品摆在手工设计的作品旁边也毫不逊色。直接在页面上圈注，再让它只按你的批注重新生成那一页。",
},
],
flowTitle: "它是怎么运作的",
flowLead:
"一句提示进去，一套能直接上台的幻灯片出来——每一步都留有检查点，而在这些地方，你的判断比再调一次模型更值钱。",
flow: [
{ step: "01", headline: "先把需求问清楚", body: "一份量身定制的问题表单，会在动笔之前先确认受众、页数、画幅比例、语言、分辨率和视觉意图。" },
{ step: "02", headline: "把事实查扎实", body: "可选的多轮联网调研会生成一份带来源的 Markdown 简报，它在 Design Files 里始终可查、可改。" },
{ step: "03", headline: "把大纲打磨好", body: "逐条改标题和要点、加页删页、重排叙事，或者干脆让 agent 整个重构一遍——全都在视觉出现之前完成。" },
{ step: "04", headline: "锁定视觉方向", body: "Codex Slides 会拿风格库对着你的主题和大纲排序推荐。选一个、搜完整目录，或者就用默认的。" },
{ step: "05", headline: "并行渲染", body: "Fast 模式把所有页面一次全铺开渲染，而不是一页页排队，所以 10 页的幻灯片大约四到五分钟就位，而视觉方向全程锁定。" },
{ step: "06", headline: "就地修改", body: "让它改写文案、用箭头和批注圈出某块区域、替换图片、重排页序、设置转场、写演讲者备注。" },
{ step: "07", headline: "上台演示，一键导出", body: "用 Presenter Mode 打开同步的观众窗口和计时器，然后下载真正的 PPTX 和可付印的 PDF，备注一并保留。" },
],
showcaseTitle: "这些幻灯片长什么样",
showcaseLead:
"每一张卡片都是 Codex Slides 自带的一套视觉体系——一个已经成型的方向，你从它出发，再换上自己的主题、受众或文件就行。",
showcase: [
{ alt: "带图表和 KPI 标注的商业与市场报告幻灯片", tag: "市场报告 · 图表与 KPI" },
{ alt: "含世界地图、环形图和指标卡片的数据看板幻灯片", tag: "数据叙事 · 看板" },
{ alt: "靠高对比标题时刻取胜的电影感产品发布页", tag: "发布会 · 电影感" },
{ alt: "衬线标题配印刷网格的杂志编辑风幻灯片", tag: "编辑 · 印刷网格" },
{ alt: "明亮通透、带柔和 3D 图示节点、只用一抹靛蓝点缀的产品主题演讲页", tag: "主题演讲 · 明亮日光" },
{ alt: "把系统重建成剖面图的带标注技术剖切页", tag: "技术 · 带标注剖切" },
],
insideTitle: "看看真实的产品",
insideLead:
"这些都是 Codex 在浏览器里真实操作的界面，跟你亲手用的一模一样，所以你随时都能接手。",
inside: [
{ alt: "带提示词编辑器、场景快捷入口和社区风格的 Codex Slides 首页", tag: "首页 · 说出你想做什么" },
{ alt: "预置了各种演示工作流的场景库", tag: "场景 · 挑一个工作流" },
{ alt: "可逐条编辑标题和讲述要点的演示大纲", tag: "大纲 · 理清叙事" },
{ alt: "整页画布、工具栏、演讲者备注与缩略图并存的幻灯片编辑器", tag: "编辑器 · 整页画布" },
],
scenariosTitle: "六大类工作流",
scenariosLead:
"24 个引导式场景，归成六大类工作流。每一类都自带对应的问题表、素材位和视觉语法。挑一个开始，或者直接说出你要什么。",
scenarios: [
{ name: "从零开始创建", blurb: "从一份简报出发，生成商业报告、路演材料和项目提案。" },
{ name: "转换已有素材", blurb: "美化现成的 PPTX、HTML 或 PDF；把文档、笔记或一张白板照片变成幻灯片。" },
{ name: "数据与洞察", blurb: "数据看板、周期性业绩报告、财务结果和调研结论。" },
{ name: "调研与决策", blurb: "深度调研演示、市场研究、竞品分析、文献综述。" },
{ name: "优化一套幻灯片", blurb: "套用品牌体系、复刻参考风格、翻译与本地化、压缩或扩写。" },
{ name: "专项产出", blurb: "培训课件、发布会主题演讲、作品集与案例研究、模板驱动的批量生产。" },
],
formatsTitle: "可直接交付的成品",
formatsLead:
"等视觉定了稿，再把它导出成一份真正的 PowerPoint（.pptx）和一份可付印的 PDF，两者都保留你的演讲者备注。挑一档渲染画质，选一种贴合现场或信息流的画幅：",
formatsRows: [
{ label: "导出格式", values: "PowerPoint (.pptx) · PDF · 保留演讲者备注" },
{ label: "渲染画质", values: "1K · 2K · 4K" },
{ label: "画幅比例", values: "16:9 · 4:3 · 1:1 · 9:16 · 3:4" },
],
duoTitle: "又快又省心",
fastTitle: "Fast 模式",
fastLead:
"页面并行渲染——最多四页同时进行，其余排队——而不是一页接一页，同时已确认的大纲和视觉方向保持锁定。十页的幻灯片通常四到五分钟就位；就算中途被打断，也会从项目的权威状态接着跑，而不是从头再来。",
installTitle: "安装到 Codex",
installLead:
"把仓库添加为插件市场，装上插件，重启 Codex，再开一个新任务。你只需要支持插件的 Codex、Node.js 20 或更高版本，以及一次 `codex login`——默认流程既不用单配 OpenAI key，也不用 `.env` 文件。",
finalEyebrow: "下一步",
tiebackTitle: "来自 Open Design 家族",
tiebackBody:
"Open Design 是一个开放、local-first 的设计工作空间，它位于你已经在用的编码 agent 之外。Codex Slides 就是同一个想法瞄准演示场景的产物：agent 在明处干活，项目留在你自己的机器上，没有任何东西被锁在订阅背后。想要幻灯片之外那整套设计工具箱，装上 Open Design 应用就好。",
schemaAlternateName: "住在 Codex 里的开源 AI 幻灯片工作室",
schemaWhatQuestion: "Codex Slides 是什么？",
schemaWhatAnswer:
"Codex Slides 是一个以 MIT 许可开源的 AI 幻灯片工作室，作为插件运行在 Codex 内部。它通过一条全程可见的工作流——澄清需求、可选调研、大纲、视觉方向、并行渲染、编辑、演示、导出 PPTX/PDF——把一句提示、一个代码仓库或一堆文件变成能直接上台的幻灯片，并把每一套幻灯片作为长期项目保存在你自己的磁盘上。",
schemaKeyQuestion: "Codex Slides 需要单独的 API key 吗？",
schemaKeyAnswer:
"不需要。它用的就是你已经通过 `codex login` 登录的 ChatGPT 账号。默认流程既不用单独的 OpenAI API key，也不用 `.env` 文件；它只要求支持插件的 Codex、Node.js 20 或更高版本，以及 Git。",
schemaExportQuestion: "Codex Slides 能导出真正的 PowerPoint 文件吗？",
schemaExportAnswer:
"能。Codex Slides 会导出真正的 PPTX 和可付印的 PDF，两者都保留项目里的演讲者备注，渲染画质支持 1K/2K/4K，并覆盖五种画幅比例（16:9、4:3、1:1、9:16、3:4）。由于它是 image-native 的，导出的 PPTX 每页是整页图像，而不是可以逐个编辑的 PowerPoint 图形；可编辑图形的导出也在计划之中。",
schemaRelationQuestion: "Codex Slides 和 Open Design 有关系吗？",
schemaRelationAnswer:
"有。Codex Slides 是 Open Design 背后团队推出的姊妹项目——同样开放、local-first、agent-native 的思路，只不过用在了演示文稿而不是设计文件上。",
};
export default zh;
apps/landing-page/app/page.tsx
+1
View File
@@ -1178,6 +1178,7 @@ export default function Page({
<li><a href={href('/')}>Open Design</a></li>
<li><a href={href('/html-anything/')}>{ui.footer.htmlAnything}</a></li>
<li><a href={href('/html-video/')}>{ui.footer.htmlVideo}</a></li>
<li><a href={href('/codex-slides/')}>Codex Slides</a></li>
</ul>
</div>
apps/landing-page/app/pages/[locale]/codex-slides/index.astro
+12
View File
@@ -0,0 +1,12 @@
---
import Page from '../../codex-slides/index.astro';
import { DEFAULT_LOCALE, LANDING_LOCALES } from '../../../i18n';
export function getStaticPaths() {
return LANDING_LOCALES.filter((locale) => locale.code !== DEFAULT_LOCALE).map(
(locale) => ({ params: { locale: locale.code } }),
);
}
---
<Page />
apps/landing-page/app/pages/codex-slides/index.astro
+616
View File
@@ -0,0 +1,616 @@
---
/*
* /codex-slides/ — sister-project landing page for nexu-io/codex-slides.
*
* Third entry in the Product menu next to HTML Anything and HTML Video, and it
* reuses that family's page shape 1:1 (hero + at-a-glance band + ideas +
* numbered flow + image gallery + two-up notes + tieback), so
* the three product pages stay visually interchangeable.
*
* Copy lives in `codex-slides-i18n.ts` (English base + one Agent-translated
* override per landing locale). Everything that is NOT language — counts,
* install commands, export formats, screenshots — stays here so it is never
* duplicated per locale.
*
* Screenshots are local `public/codex-slides/*.webp` rather than the R2 bucket
* the HTML Anything / HTML Video pages use: they ship with the PR (no separate
* upload step) and each file is far below the 1 MiB changed-file guard.
*/
import Layout from '../../_components/sub-page-layout.astro';
import LazyImg from '../../_components/lazy-img.astro';
import { getCodexSlidesCopy } from '../../codex-slides-i18n';
import { getInfoPageCopy } from '../../info-page-i18n';
import { localeFromPath, localizedHref } from '../../i18n';
// Shared closing-band primitives (painted plate + coral CTA), the same ones the
// /plugins/codex-design/ collection page ends on.
import '../../_partials/detail-bands.css';
const CS_REPO = 'nexu-io/codex-slides';
const CS_URL = `https://github.com/${CS_REPO}`;
const CS_REPO_API = `https://api.github.com/repos/${CS_REPO}`;
const SITE = 'https://open-design.ai';
// Catalog sizes, quoted straight from the upstream README. Not localized:
// they are counts, and every locale renders the same digits.
const TEMPLATE_COUNT = '45';
const STYLE_COUNT = '73';
const SCENARIO_COUNT = '24';
// Numeric fallback for a build that cannot reach the GitHub API; the glance
// card labels this "GitHub stars", so it must read as a count.
const FALLBACK_STARS = '369';
const FALLBACK_LICENSE = 'MIT';
const HERO = '/codex-slides/hero.webp';
// Share card stays a PNG: social crawlers (Facebook, LinkedIn, …) still have
// spotty WebP support, same rule as `heroImage` in `image-assets.ts`.
const OG_CARD = '/codex-slides/og.png';
const DECK_SHOTS = [
'/codex-slides/deck-market-report.webp',
'/codex-slides/deck-data.webp',
'/codex-slides/deck-keynote.webp',
'/codex-slides/deck-editorial.webp',
'/codex-slides/deck-clean-daylight.webp',
'/codex-slides/deck-technical-cutaway.webp',
] as const;
const STUDIO_SHOTS = [
'/codex-slides/ui-home.webp',
'/codex-slides/ui-scenarios.webp',
'/codex-slides/ui-outline.webp',
'/codex-slides/ui-editor.webp',
] as const;
const INSTALL_COMMANDS = [
'codex plugin marketplace add nexu-io/codex-slides',
'codex plugin add codex-slides@codex-slides',
].join('\n');
function formatCount(count: unknown): string | null {
if (typeof count !== 'number' || !Number.isFinite(count) || count <= 0) return null;
if (count < 1000) return String(count);
return `${(count / 1000).toFixed(1).replace(/\.0$/, '')}K`;
}
let starsLabel = FALLBACK_STARS;
let licenseLabel = FALLBACK_LICENSE;
try {
const response = await fetch(CS_REPO_API, {
headers: { Accept: 'application/vnd.github+json' },
});
if (response.ok) {
const repo = (await response.json()) as {
stargazers_count?: number;
license?: { spdx_id?: string };
};
starsLabel = formatCount(repo.stargazers_count) ?? starsLabel;
licenseLabel = repo.license?.spdx_id ?? licenseLabel;
}
} catch {
// Network unavailable at build time — keep the fallbacks.
}
const locale = localeFromPath(Astro.url.pathname);
const href = (path: string) => localizedHref(path, locale);
const copy = getCodexSlidesCopy(locale);
// Shared `Star on GitHub` label so the ghost CTA matches every other sub-page
// (already localized per locale). The primary CTA uses this page's own
// `downloadCta`, which names Open Design explicitly.
const common = getInfoPageCopy(locale).common;
const title = copy.title;
const description = copy.description;
// Structured data uses the LOCALIZED page URL: an `/ja/` render must not claim
// to be the English canonical.
const pageUrl = new URL(Astro.url.pathname, SITE).href;
const homeUrl = new URL(href('/'), SITE).href;
const jsonLd: Array<Record<string, unknown>> = [
{
'@context': 'https://schema.org',
'@type': 'SoftwareApplication',
name: 'Codex Slides',
alternateName: [
'codex-slides',
'Codex Slides plugin',
'AI slide studio for Codex',
'open source AI slide generator',
'open source AI presentation maker',
copy.schemaAlternateName,
],
applicationCategory: 'BusinessApplication',
operatingSystem: 'macOS, Linux, Windows',
description,
url: pageUrl,
sameAs: [CS_URL],
license: 'https://opensource.org/licenses/MIT',
offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
author: {
'@type': 'Organization',
name: 'Open Design',
url: homeUrl,
},
},
{
'@context': 'https://schema.org',
'@type': 'BreadcrumbList',
itemListElement: [
{ '@type': 'ListItem', position: 1, name: 'Open Design', item: homeUrl },
{ '@type': 'ListItem', position: 2, name: 'Codex Slides', item: pageUrl },
],
},
{
'@context': 'https://schema.org',
'@type': 'FAQPage',
mainEntity: [
{ '@type': 'Question', name: copy.schemaWhatQuestion, acceptedAnswer: { '@type': 'Answer', text: copy.schemaWhatAnswer } },
{ '@type': 'Question', name: copy.schemaKeyQuestion, acceptedAnswer: { '@type': 'Answer', text: copy.schemaKeyAnswer } },
{ '@type': 'Question', name: copy.schemaExportQuestion, acceptedAnswer: { '@type': 'Answer', text: copy.schemaExportAnswer } },
{ '@type': 'Question', name: copy.schemaRelationQuestion, acceptedAnswer: { '@type': 'Answer', text: copy.schemaRelationAnswer } },
],
},
];
// Zip tiles with their shots so each grid maps a single array instead of doing
// a parallel-index lookup TS widens to `string | undefined`.
const deckTiles = copy.showcase.map((tile, i) => ({ ...tile, src: DECK_SHOTS[i] ?? HERO }));
const studioTiles = copy.inside.map((tile, i) => ({ ...tile, src: STUDIO_SHOTS[i] ?? HERO }));
---
<Layout title={title} description={description} active="codex-slides" ogImage={OG_CARD} jsonLd={jsonLd}>
<header class="catalog-head">
<span class="label">{copy.label}</span>
<h1 class="display">
<em>Codex Slides</em>: {copy.heading}<span class="dot">.</span>
</h1>
<p class="lead">
{copy.lead}
</p>
<div class="cs-cta">
<a class="btn btn-primary" href={href('/download/')}>{copy.downloadCta}</a>
<a class="btn btn-ghost" href={CS_URL} target="_blank" rel="noreferrer noopener">{common.starOnGithub}</a>
</div>
</header>
<figure class="ha-hero-figure">
<img
src={HERO}
alt={copy.heroAlt}
width="2400"
height="1620"
loading="eager"
fetchpriority="high"
decoding="async"
/>
</figure>
<section class="ha-glance" aria-label={copy.glanceAria}>
<ul>
<li><span class="num">{starsLabel}</span><span class="lbl">{copy.glance.stars}</span></li>
<li><span class="num">{TEMPLATE_COUNT}</span><span class="lbl">{copy.glance.templates}</span></li>
<li><span class="num">{STYLE_COUNT}</span><span class="lbl">{copy.glance.styles}</span></li>
<li><span class="num">{SCENARIO_COUNT}</span><span class="lbl">{copy.glance.scenarios}</span></li>
<li><span class="num">{licenseLabel}</span><span class="lbl">{copy.glance.license}</span></li>
</ul>
</section>
<section class="ha-section" aria-labelledby="cs-why">
<h2 id="cs-why" class="ha-h2">{copy.whyTitle}</h2>
<p class="ha-section-lead">{copy.whyLead}</p>
<div class="ha-ideas">
{copy.ideas.map((idea) => (
<article class="ha-idea">
<h3>{idea.headline}</h3>
<p>{idea.body}</p>
</article>
))}
</div>
</section>
<section class="ha-section" aria-labelledby="cs-flow">
<h2 id="cs-flow" class="ha-h2">{copy.flowTitle}</h2>
<p class="ha-section-lead">{copy.flowLead}</p>
<ol class="ha-flow">
{copy.flow.map((step) => (
<li>
<span class="step-num">{step.step}</span>
<div class="step-body">
<h3>{step.headline}</h3>
<p>{step.body}</p>
</div>
</li>
))}
</ol>
</section>
<section class="ha-section" aria-labelledby="cs-showcase">
<h2 id="cs-showcase" class="ha-h2">{copy.showcaseTitle}</h2>
<p class="ha-section-lead">{copy.showcaseLead}</p>
<ul class="ha-showcase">
{deckTiles.map((tile) => (
<li>
<figure>
<LazyImg src={tile.src} alt={tile.alt} />
<figcaption>{tile.tag}</figcaption>
</figure>
</li>
))}
</ul>
</section>
<section class="ha-section" aria-labelledby="cs-inside">
<h2 id="cs-inside" class="ha-h2">{copy.insideTitle}</h2>
<p class="ha-section-lead">{copy.insideLead}</p>
<ul class="ha-showcase ha-showcase-wide">
{studioTiles.map((tile) => (
<li>
<figure>
<LazyImg src={tile.src} alt={tile.alt} />
<figcaption>{tile.tag}</figcaption>
</figure>
</li>
))}
</ul>
</section>
<section class="ha-section" aria-labelledby="cs-scenarios">
<h2 id="cs-scenarios" class="ha-h2">{copy.scenariosTitle}</h2>
<p class="ha-section-lead">{copy.scenariosLead}</p>
<ul class="ha-surfaces">
{copy.scenarios.map((scenario) => (
<li>
<h3>{scenario.name}</h3>
<p>{scenario.blurb}</p>
</li>
))}
</ul>
</section>
<section class="ha-section" aria-labelledby="cs-formats">
<h2 id="cs-formats" class="ha-h2">{copy.formatsTitle}</h2>
<p class="ha-section-lead">{copy.formatsLead}</p>
<dl class="cs-formats">
{copy.formatsRows.map((row) => (
<div class="cs-formats-row">
<dt>{row.label}</dt>
<dd>{row.values}</dd>
</div>
))}
</dl>
</section>
<section class="ha-section" aria-labelledby="cs-duo">
<h2 id="cs-duo" class="ha-h2">{copy.duoTitle}</h2>
<div class="ha-duo">
<div class="ha-note">
<h3 class="ha-note-h">{copy.fastTitle}</h3>
<p>{copy.fastLead}</p>
</div>
<div class="ha-note">
<h3 class="ha-note-h">{copy.installTitle}</h3>
<p>{copy.installLead}</p>
<pre class="cs-code"><code>{INSTALL_COMMANDS}</code></pre>
</div>
</div>
</section>
{/* Closing CTA: full-bleed painted band ending on the Open Design download,
reusing the shared .dbfinal primitive from the codex-design collection. */}
<section class="dbband dbfinal cs-final-band" aria-labelledby="cs-tieback">
<div class="dbin">
<p class="dbeye">{copy.finalEyebrow}</p>
<h2 id="cs-tieback" class="dbfinal-h">{copy.tiebackTitle}</h2>
<p class="dbfinal-p">{copy.tiebackBody}</p>
<div class="dbcta-row">
<a class="dbbtn-p" href={href('/download/')}>{copy.downloadCta} ↗</a>
<a class="dbbtn-g" href={CS_URL} target="_blank" rel="noreferrer noopener">{common.starOnGithub}</a>
</div>
</div>
</section>
</Layout>
<style>
/* Page-local styles for the shared product-page shape (HTML Anything /
* HTML Video). Buttons reuse the site-wide `.btn`/`.btn-primary`/`.btn-ghost`
* from globals.css so the CTAs are pixel-identical to every other sub-page;
* only the layout wrapper (`.cs-cta`) and the hint line are local. */
/* ---- CTA row (shared .btn styles come from globals.css) ---- */
.cs-cta {
margin-top: 1.5rem;
display: flex;
gap: 0.6rem;
flex-wrap: wrap;
}
/* ---- Hero figure ---- */
.ha-hero-figure {
margin: 1.25rem 0 0 0;
padding: 0;
}
.ha-hero-figure img {
display: block;
width: 100%;
height: auto;
border-radius: 6px;
border: 1px solid var(--line);
}
/* ---- At-a-glance stat band. Bottom margin is 0 so the following
section's own padding-top owns the gap (no doubled whitespace). ---- */
.ha-glance {
margin: 2rem 0 0;
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
padding: 1.25rem 0;
}
.ha-glance ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 1.25rem 1.75rem;
}
.ha-glance li {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.ha-glance .num {
font-family: var(--serif);
font-weight: 600;
font-size: 1.9rem;
line-height: 1;
letter-spacing: -0.015em;
color: var(--ink);
}
.ha-glance .lbl {
font-family: var(--mono);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--ink-mute);
}
/* ---- Section rhythm: one consistent, tight gap between sections ---- */
.ha-section { margin: 0; padding-top: 1.5rem; }
.ha-h2 {
font-family: var(--serif);
font-weight: 600;
font-size: clamp(1.5rem, 3vw, 2rem);
line-height: 1.1;
letter-spacing: -0.018em;
color: var(--ink);
margin: 0 0 0.75rem 0;
}
.ha-section-lead {
max-width: 62ch;
font-size: 1rem;
line-height: 1.55;
color: var(--ink-soft);
margin: 0 0 1.5rem 0;
}
/* ---- Ideas ---- */
.ha-ideas {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.25rem;
}
.ha-idea {
border: 1px solid var(--line);
border-radius: 6px;
padding: 1.25rem 1.35rem;
background: var(--paper-warm);
}
.ha-idea h3 {
font-family: var(--serif);
font-weight: 600;
font-size: 1.15rem;
line-height: 1.25;
color: var(--ink);
margin: 0 0 0.5rem 0;
}
.ha-idea p { margin: 0; font-size: 0.95rem; line-height: 1.55; color: var(--ink-soft); }
/* ---- How-it-works numbered flow ---- */
.ha-flow {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 0;
}
.ha-flow li {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.25rem 1.25rem;
padding: 1.1rem 0;
border-top: 1px solid var(--line);
}
.ha-flow li:last-child { border-bottom: 1px solid var(--line); }
.step-num {
font-family: var(--mono);
font-size: 0.85rem;
letter-spacing: 0.04em;
color: var(--coral);
padding-top: 0.2rem;
}
.step-body { display: grid; gap: 0.3rem; }
.ha-flow h3 {
font-family: var(--serif);
font-weight: 600;
margin: 0;
font-size: 1.1rem;
color: var(--ink);
}
.ha-flow p { margin: 0; font-size: 0.95rem; line-height: 1.55; color: var(--ink-soft); max-width: 70ch; }
/* ---- Image galleries ---- */
.ha-showcase {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.25rem;
}
.ha-showcase figure {
margin: 0;
display: flex;
flex-direction: column;
gap: 0.55rem;
}
.ha-showcase img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 6px;
border: 1px solid var(--line);
background: var(--paper-warm);
}
.ha-showcase figcaption {
font-family: var(--mono);
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--ink-mute);
}
/* Studio UI screenshots carry dense product chrome, so they need a bigger
cell than the simple deck cards — two-up instead of four-up. */
.ha-showcase-wide {
grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}
/* ---- Scenario cards ---- */
/* Six groups → a clean 3-up grid (two even rows), so the 6th card never
leaves a lonely orphan next to a wide empty band. */
.ha-surfaces {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.85rem;
}
@media (max-width: 720px) {
.ha-surfaces { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px) {
.ha-surfaces { grid-template-columns: 1fr; }
}
.ha-surfaces li {
border: 1px solid var(--line);
padding: 0.9rem 1rem;
border-radius: 6px;
display: flex;
flex-direction: column;
gap: 0.3rem;
}
.ha-surfaces h3 {
font-family: var(--serif);
font-weight: 600;
font-size: 1rem;
color: var(--ink);
margin: 0;
}
.ha-surfaces p {
font-size: 0.85rem;
line-height: 1.45;
color: var(--ink-soft);
margin: 0;
}
/* ---- Export formats: a small definition list, one row per facet ---- */
.cs-formats {
margin: 0;
display: grid;
gap: 0;
max-width: 640px;
}
.cs-formats-row {
display: grid;
grid-template-columns: minmax(9rem, 12rem) 1fr;
gap: 0.5rem 1.25rem;
padding: 0.8rem 0;
border-top: 1px solid var(--line);
}
.cs-formats-row:last-child { border-bottom: 1px solid var(--line); }
.cs-formats dt {
font-family: var(--mono);
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--ink-mute);
align-self: center;
}
.cs-formats dd {
margin: 0;
font-size: 0.95rem;
line-height: 1.5;
color: var(--ink);
align-self: center;
}
/* ---- Two-up notes (fast mode / install). align-items:start so each note's
coral rule spans only its own text, never a tall empty band when the two
columns differ in height (install has an extra command block). ---- */
.ha-duo {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.25rem;
align-items: start;
}
.ha-note {
border-left: 2px solid var(--coral);
padding: 0.1rem 0 0.1rem 1.1rem;
}
.ha-note-h {
font-family: var(--serif);
font-weight: 600;
font-size: 1.2rem;
line-height: 1.2;
color: var(--ink);
margin: 0 0 0.5rem 0;
}
.ha-note p {
margin: 0;
font-size: 0.95rem;
line-height: 1.55;
color: var(--ink-soft);
max-width: 56ch;
}
/* ---- Install command block ---- */
.cs-code {
margin: 0.85rem 0 0 0;
padding: 0.8rem 0.95rem;
border: 1px solid var(--line);
border-radius: 6px;
background: var(--paper-warm);
font-family: var(--mono);
font-size: 0.8rem;
line-height: 1.6;
color: var(--ink-soft);
overflow-x: auto;
}
.cs-code code { font: inherit; color: inherit; }
/* ---- Closing band: break the full-bleed .dbfinal plate out of the
centered `.sub-main container` so the painted background spans the whole
viewport, then let `.dbin` re-center the content. Top margin gives the
band air from the last light section. ---- */
.cs-final-band {
margin-top: 3.5rem;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
</style>
apps/landing-page/public/codex-slides/deck-clean-daylight.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

apps/landing-page/public/codex-slides/deck-data.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

apps/landing-page/public/codex-slides/deck-editorial.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

apps/landing-page/public/codex-slides/deck-keynote.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

apps/landing-page/public/codex-slides/deck-market-report.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

apps/landing-page/public/codex-slides/deck-technical-cutaway.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

apps/landing-page/public/codex-slides/hero.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 152 KiB

apps/landing-page/public/codex-slides/og.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

apps/landing-page/public/codex-slides/ui-editor.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

apps/landing-page/public/codex-slides/ui-home.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

apps/landing-page/public/codex-slides/ui-outline.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

apps/landing-page/public/codex-slides/ui-scenarios.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB