File: //tmp/cscheck.html
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Publish Console | Creator Studio</title>
<meta name="description" content="Bereite TikTok-Auslieferung über den sicheren Draft-first-Weg vor: MP4-Upload, signierte URL-Übergabe, Photo/Carousel-Brief oder Sound-fähiger Video-Workaround." />
<link rel="alternate" hreflang="de" href="https://kiwerkzeuge.de/creator-studio/de/publish/" />
<link rel="alternate" hreflang="en" href="https://kiwerkzeuge.de/creator-studio/en/publish/" />
<link rel="stylesheet" href="/creator-studio/assets/creator-redesign.css?v=20260614-5" />
<script>try{const t=localStorage.getItem('creator-studio-theme');document.documentElement.dataset.theme=t||((matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light')}catch(e){}</script>
<script defer src="/creator-studio/assets/creator-redesign.js?v=20260614-2"></script>
</head>
<body class="cs-redesign">
<header class="cs-topbar">
<nav class="cs-shell cs-nav" aria-label="Creator Studio">
<a class="cs-brand" href="/creator-studio/de/">
<span class="cs-brand-mark">K</span>
<span>Creator Studio<small>Prüfen. Verbessern. Posten.</small></span>
</a>
<div class="cs-nav-links">
<a href="/creator-studio/de/" >Creator</a>
<a href="/creator-studio/de/publish/" aria-current="page">Publish</a>
<a href="/creator-studio/de/library/" >Library</a>
<a href="/creator-studio/de/status/" >Status</a>
<a href="/creator-studio/de/agency/" >Agenturen</a>
<a href="/creator-studio/de/pricing/" >Preise</a>
</div>
<div class="cs-nav-actions">
<div class="cs-lang-switch" aria-label="Language">
<a href="/creator-studio/de/publish/" aria-current="true">DE</a>
<a href="/creator-studio/en/publish/" aria-current="false">EN</a>
</div>
<button class="cs-theme-toggle" type="button" data-theme-toggle data-label-light="Hell" data-label-dark="Dunkel" data-aria-light="Zu hellem Modus wechseln" data-aria-dark="Zu dunklem Modus wechseln">Hell</button>
<a class="cs-button" href="/creator-studio/de/app/">App öffnen</a>
</div>
</nav>
</header>
<main class="cs-shell">
<section class="cs-page-hero">
<h1>Publish Console</h1>
<p>Bereite TikTok-Auslieferung über den sicheren Draft-first-Weg vor: MP4-Upload, signierte URL-Übergabe, Photo/Carousel-Brief oder Sound-fähiger Video-Workaround.</p>
<div class="cs-actions"><a class="cs-button" href="/creator-studio/auth/tiktok/start.php">Mit TikTok verbinden</a><a class="cs-button secondary" href="/creator-studio/de/status/">Status</a></div>
</section>
<section class="cs-section">
<div class="cs-grid-5 cs-grid-3">
<article class="cs-stat-card"><strong>1</strong><span>verbundene TikTok-Konten</span></article>
<article class="cs-stat-card"><strong>3</strong><span>gehostete Medien-Handoffs</span><p>4 video · 21 image · HEAD 200 / Range 206</p></article>
<article class="cs-stat-card"><strong>1</strong><span>Photo-/Carousel-Handoffs</span><p>4 real · 1 test · 14 JPEG/sRGB</p></article>
<article class="cs-stat-card"><strong>bereit</strong><span>Sound-MP4-Render</span><p>0 Briefs · 0 Render · 1 Test · 4 Video-Assets</p></article>
<article class="cs-stat-card"><strong>1</strong><span>Direct Publishes</span><p>Premium nach Audit</p></article>
</div>
</section>
<section class="cs-section">
<div class="cs-section-head"><h2>Wähle den nächsten Schritt</h2><p>Für die meisten Creator geht der Beitrag zur finalen Bearbeitung in TikTok. Direct Posting bleibt nur dort sichtbar, wo Policy und Audit-Stand es zulassen.</p></div>
<div class="cs-grid-4 cs-grid-3">
<article class="cs-step-card"><span class="cs-status-pill ready">Bereit</span><h3>Geprüftes Video senden</h3><p>Fertige MP4 zur letzten Bearbeitung und Freigabe an TikTok übergeben.</p></article>
<article class="cs-step-card"><span class="cs-status-pill ready">Bereit</span><h3>Gehostete Assets nutzen</h3><p>Medien von der verifizierten Creator-Studio-Domain ausliefern, ohne private Links offenzulegen.</p></article>
<article class="cs-step-card"><span class="cs-status-pill ready">Bereit</span><h3>Sound-fähiges Carousel bauen</h3><p>Sound, sichtbare URL, QR und KI-Hinweis in eine vertikale MP4 rendern.</p></article>
<article class="cs-step-card"><span class="cs-status-pill ready">Bereit</span><h3>Privater Direct Post</h3><p>Nur mit Creator Info, Privacy, Interaktionen, Branded-Content und KI-Bestätigung verfügbar.</p></article>
</div>
</section>
<section class="cs-section cs-grid-2">
<article class="cs-card">
<h2>Carousel-Brief erstellen</h2>
<p class="cs-form-help">Füge öffentliche HTTPS-Bild-URLs ein. Creator Studio speichert den Brief privat und sendet nur Hashes, Zählwerte und Status an OpenClaw.</p>
<form class="cs-form" method="post">
<input type="hidden" name="csrf" value="636e79fb676d4a26c5b15a7bf7b02301297ec407f30412ba" />
<input type="hidden" name="action" value="photo-carousel-brief" />
<label class="cs-field">Template<select name="template_id"><option value="product_demo">Product demo</option><option value="before_after">Before / after</option><option value="checklist">Checklist</option><option value="case_study">Case study</option></select></label>
<label class="cs-field">Auslieferungspfad<select name="delivery_mode"><option value="photo_media_upload">Photo/Carousel in TikTok-Inbox</option><option value="sound_ready_mp4">Sound-fähige vertikale MP4</option></select></label>
<label class="cs-field">TikTok-Titel<input name="title" maxlength="90" required /></label>
<label class="cs-field">HTTPS-Bild-URLs, eine pro Zeile<textarea name="image_urls" required placeholder="https://kiwerkzeuge.de/creator-studio/assets/carousel/creator-studio-proof-1.png"></textarea></label>
<label class="cs-field">Beschreibung / Caption-Richtung<textarea name="description"></textarea></label>
<label class="cs-field">Sichtbare CTA-URL / QR-Ziel<input name="cta_url" type="url" placeholder="https://kiwerkzeuge.de/creator-studio/" /></label>
<label class="cs-field">Sound-Richtung<input name="sound_direction" maxlength="240" placeholder="Markensicherer upbeat Sound, in die MP4 eingebettet" /></label>
<label class="cs-field">Cover-Bildindex<input name="cover_index" type="number" min="0" value="0" /></label>
<div class="cs-toggle-list">
<label><input type="hidden" name="visible_url_required" value="0" /><input type="checkbox" name="visible_url_required" value="1" checked />Sichtbare URL im Medium</label>
<label><input type="hidden" name="qr_required" value="0" /><input type="checkbox" name="qr_required" value="1" checked />QR-Code erforderlich</label>
<label><input type="hidden" name="ai_disclosure_required" value="0" /><input type="checkbox" name="ai_disclosure_required" value="1" checked />KI-Hinweis erforderlich</label>
</div>
<label class="cs-field" style="display:none">Website<input name="website" tabindex="-1" autocomplete="off" /></label>
<button class="cs-button" type="submit">Brief speichern</button>
</form>
</article>
<article class="cs-card">
<h2>Compliance-Checkliste</h2>
<div class="cs-check-list">
<p>KI-generierter oder KI-bearbeiteter Content wird sichtbar offengelegt; der TikTok-Editor-Schalter bleibt Teil des Handoffs.</p><p>PNG, Transparenz und Wide-Gamut-Inputs werden vor dem TikTok-Handoff zu JPEG/sRGB-Pull-Assets normalisiert.</p><p>Photo MEDIA_UPLOAD hat keinen API-Musikschalter; Sound-Posts nutzen den vertikalen MP4-Workaround.</p><p>Links erscheinen als sichtbare URL/QR im Medium, nicht als versprochene klickbare Carousel-Links.</p><p>Direct Publish bleibt für öffentliche Business-Accounts Premium-/Audit-gated.</p> </div>
<div class="cs-proof-row compact">
<div><strong>1</strong><span>echte Briefs</span></div>
<div><strong>3</strong><span>reviewbereit</span></div>
<div><strong>5</strong><span>normalisierte Bildsets</span></div>
<div><strong>4</strong><span>Sound-MP4-Render/Assets</span></div>
</div>
</article>
</section>
</main>
<footer class="cs-footer">
<div class="cs-shell">
<span>Creator Studio wird von kiwerkzeuge.de für TikTok-Creator-Workflows betrieben.</span>
<span><a href="/creator-studio/privacy.html">Privacy</a><a href="/creator-studio/terms.html">Terms</a><a href="/creator-studio/ops/">Interne Ops</a></span>
</div>
</footer>
</body>
</html>