File: //proc/self/root/tmp/creator-index.out
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>kiwerkzeuge Creator Studio</title>
<meta
name="description"
content="Connect your TikTok account to review your own videos, upload drafts, publish approved posts, and view basic creator stats in one workspace."
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="icon" href="/creator-studio/assets/app-icon.png" />
<link rel="stylesheet" href="/creator-studio/assets/creator-studio.css?v=20260312-1" />
<script defer src="/creator-studio/assets/creator-studio.js?v=20260312-1"></script>
</head>
<body>
<div class="ambient ambient-one"></div>
<div class="ambient ambient-two"></div>
<div class="page-shell">
<header class="topbar">
<a class="brandmark" href="/creator-studio/">
<img src="/creator-studio/assets/app-icon.png" alt="" width="56" height="56" />
<div>
<span class="eyebrow">Creator-facing TikTok workspace</span>
<strong>kiwerkzeuge Creator Studio</strong>
</div>
</a>
<nav class="top-actions">
<a class="ghost-link" href="/creator-studio/privacy.html">Privacy</a>
<a class="ghost-link" href="/creator-studio/terms.html">Terms</a>
<a class="primary-link" href="/creator-studio/auth/tiktok/start.php">Connect TikTok</a>
</nav>
</header>
<main>
<section class="hero-card">
<div class="hero-copy">
<div class="badge-row">
<span class="badge badge-solid">Login Kit</span>
<span class="badge">Content Posting API</span>
<span class="badge">Webhooks</span>
</div>
<h1>Review your own TikTok videos, ship drafts, publish approved posts, and track delivery in one place.</h1>
<p class="lead">
Creator Studio keeps the reviewed flow tight: the account owner signs in with TikTok Login Kit, views profile and recent public videos, uploads an MP4 as a draft or direct post, and tracks publish status through polling plus signed webhooks.
</p>
<div class="hero-actions">
<a class="primary-link" href="/creator-studio/auth/tiktok/start.php">Connect your TikTok account</a>
<a class="secondary-link" href="/creator-studio/?demo=overview#workspace">View demo workspace</a>
</div>
<p class="hero-note">
Public host for TikTok review: <code>https://kiwerkzeuge.de/creator-studio/</code>
</p>
</div>
<aside class="hero-console">
<div class="console-header">
<span class="console-dot coral"></span>
<span class="console-dot sand"></span>
<span class="console-dot cyan"></span>
<span class="console-title">Portal Values</span>
</div>
<dl class="kv-list">
<div>
<dt>App name</dt>
<dd>kiwerkzeuge Creator Studio</dd>
</div>
<div>
<dt>Category</dt>
<dd>Productivity</dd>
</div>
<div>
<dt>Website URL</dt>
<dd><code>https://kiwerkzeuge.de/creator-studio/</code></dd>
</div>
<div>
<dt>Webhook URL</dt>
<dd><code>https://kiwerkzeuge.de/creator-studio/api/tiktok/webhook.php</code></dd>
</div>
<div>
<dt>Web redirect</dt>
<dd><code>https://kiwerkzeuge.de/creator-studio/auth/tiktok/callback.php</code></dd>
</div>
<div>
<dt>Desktop redirect</dt>
<dd><code>http://127.0.0.1:8788/auth/tiktok/callback</code></dd>
</div>
</dl>
</aside>
</section>
<section class="demo-rail">
<div>
<strong>Demo mode is active.</strong>
<span>No real TikTok account is connected in this browser session yet.</span>
</div>
<div class="demo-tabs">
<a
class="demo-tab active"
href="/creator-studio/?demo=overview#workspace"
>Overview</a>
<a
class="demo-tab"
href="/creator-studio/?demo=draft#workspace"
>Draft Upload</a>
<a
class="demo-tab"
href="/creator-studio/?demo=direct#workspace"
>Direct Publish</a>
<a
class="demo-tab"
href="/creator-studio/?demo=webhook#workspace"
>Webhook Status</a>
</div>
</section>
<section class="workspace-grid" id="workspace">
<article class="panel account-panel">
<div class="panel-header">
<div>
<span class="eyebrow">Preview account</span>
<h2>Creator Studio Demo</h2>
</div>
<span class="status-chip status-warn">
Demo workspace </span>
</div>
<div class="account-card">
<div class="avatar-shell">
<img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=300&q=80" alt="" />
</div>
<div class="account-copy">
<h3>@creatorstudio.demo</h3>
<p>Publishing calm, native TikTok workflows for creator teams.</p>
<div class="meta-row">
<span>Verified creator</span>
<a href="https://www.tiktok.com/@creatorstudio.demo" target="_blank" rel="noreferrer">Open TikTok profile</a>
</div>
</div>
</div>
<div class="metric-grid">
<article>
<strong>84,210</strong>
<span>Followers</span>
</article>
<article>
<strong>1,294,400</strong>
<span>Likes</span>
</article>
<article>
<strong>218</strong>
<span>Videos</span>
</article>
<article>
<strong>112</strong>
<span>Following</span>
</article>
</div>
<div class="scope-card">
<div class="panel-subheader">
<h3>Approved scope surface</h3>
</div>
<div class="scope-list">
<article class="scope-item">
<div>
<strong>user.info.basic</strong>
<p>identifies the connected creator after Login Kit returns from TikTok</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>user.info.profile</strong>
<p>loads username, bio, profile link, and verification state into the workspace</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>user.info.stats</strong>
<p>shows likes, follower, following, and video counts for the connected creator</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>video.list</strong>
<p>reads the creator’s recent public TikTok videos before a new upload is sent</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>video.publish</strong>
<p>directly publishes an approved MP4 selected by the creator inside this workspace</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>video.upload</strong>
<p>sends an approved MP4 to the creator’s TikTok drafts for final edits in the TikTok app</p>
</div>
</article>
</div>
</div>
</article>
<article class="panel publish-panel">
<div class="panel-header">
<div>
<span class="eyebrow">v1 review flow</span>
<h2>Send approved MP4 videos to TikTok</h2>
</div>
</div>
<p class="panel-copy">
Creator Studio only exposes file-upload video posting in the first reviewed version. Direct posts are sent with <code>SELF_ONLY</code> privacy until the creator changes them inside TikTok or the reviewed permissions are expanded.
</p>
<div class="form-grid">
<form class="upload-card" method="post" enctype="multipart/form-data">
<input type="hidden" name="csrf" value="0751ebfb38f7b96c812b10d4f30b14a838e958bb583a6dfc" />
<input type="hidden" name="action" value="upload-draft" />
<div class="panel-subheader">
<h3>Upload draft</h3>
<span class="badge">Scope: video.upload</span>
</div>
<p>Send an approved MP4 into the creator’s TikTok drafts for final edits in the TikTok app.</p>
<label class="field">
<span>MP4 video</span>
<input type="file" name="video" accept="video/mp4" disabled data-file-label="draft-file-name" required />
<small id="draft-file-name">Only MP4 uploads are accepted in the review-ready flow.</small>
</label>
<button class="primary-link full" type="submit" disabled>Send to drafts</button>
</form>
<form class="upload-card" method="post" enctype="multipart/form-data">
<input type="hidden" name="csrf" value="0751ebfb38f7b96c812b10d4f30b14a838e958bb583a6dfc" />
<input type="hidden" name="action" value="direct-post" />
<div class="panel-subheader">
<h3>Direct publish</h3>
<span class="badge">Scope: video.publish</span>
</div>
<p>Publish an approved MP4 directly from the workspace after the creator chooses the final caption.</p>
<label class="field">
<span>TikTok title</span>
<input
type="text"
name="title"
maxlength="150"
placeholder="Creator Studio launch teaser #creatorworkflow"
disabled required
/>
</label>
<label class="field">
<span>MP4 video</span>
<input type="file" name="video" accept="video/mp4" disabled data-file-label="direct-file-name" required />
<small id="direct-file-name">The site uploads the file to TikTok and stores the publish ID for status tracking.</small>
</label>
<button class="primary-link full" type="submit" disabled>Publish approved video</button>
</form>
</div>
<div class="demo-lock">
<strong>Connect TikTok to activate uploads.</strong>
<span>The live upload forms stay disabled until the browser session has a valid TikTok token set.</span>
</div>
</article>
</section>
<section class="workspace-grid lower-grid">
<article class="panel">
<div class="panel-subheader">
<h2>Recent public videos</h2>
<span>3 shown</span>
</div>
<div class="video-grid">
<article class="video-card">
<img src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=800&q=80" alt="" />
<div class="video-copy">
<strong>Behind the scenes: creator workflow</strong>
<p>How the upload review flow works before direct publish.</p>
<div class="meta-row">
<span>28s</span>
<span>Mar 11, 2026 03:33 UTC</span>
</div>
</div>
</article>
<article class="video-card">
<img src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=800&q=80" alt="" />
<div class="video-copy">
<strong>Three hooks that survived review</strong>
<p>A short publishing-ready edit for creator accounts.</p>
<div class="meta-row">
<span>19s</span>
<span>Mar 10, 2026 03:33 UTC</span>
</div>
</div>
</article>
<article class="video-card">
<img src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=800&q=80" alt="" />
<div class="video-copy">
<strong>Draft first, publish second</strong>
<p>When creators want one more pass in the TikTok app.</p>
<div class="meta-row">
<span>24s</span>
<span>Mar 9, 2026 03:33 UTC</span>
</div>
</div>
</article>
</div>
</article>
<article class="panel">
<div class="panel-subheader">
<h2>Operations and webhook state</h2>
<span>Demo timeline</span>
</div>
<section class="latest-op">
<div>
<span class="eyebrow">Latest publish record</span>
<strong>Creator Studio launch teaser</strong>
</div>
<span class="status-chip status-warn">
WEBHOOK_RECEIVED </span>
</section>
<div class="timeline">
<article class="timeline-item">
<div class="timeline-head">
<strong>Creator Studio launch teaser</strong>
<span class="status-chip status-warn">
WEBHOOK_RECEIVED </span>
</div>
<p>
DRAFT ·
Publish ID <code>v_pub_demo_20260312</code>
</p>
<p class="muted">
Captured Mar 12, 2026 08:55 UTC · Last webhook post.publish.status_update </p>
</article>
</div>
<div class="webhook-list">
<div class="panel-subheader compact">
<h3>Recent signed webhooks</h3>
<code>POST /creator-studio/api/tiktok/webhook.php</code>
</div>
<article class="webhook-item">
<div>
<strong>post.publish.status_update</strong>
<p>v_pub_demo_20260312</p>
</div>
<span class="status-chip status-warn">
WEBHOOK_RECEIVED </span>
</article>
</div>
</article>
</section>
<section class="scope-grid">
<article class="panel">
<span class="eyebrow">Review copy</span>
<h2>How products and scopes work inside the app</h2>
<p class="panel-copy">
Creator Studio is a creator-facing web app. Login Kit identifies the connected account owner, profile and stats scopes populate the workspace, recent public videos provide context before new uploads, and the content posting scopes are only used after the creator explicitly chooses draft upload or direct publish. Webhooks keep the publish timeline accurate after TikTok processes the upload.
</p>
</article>
<article class="panel">
<span class="eyebrow">Submission description</span>
<h2>What TikTok users see</h2>
<p class="panel-copy">
Connect your TikTok account to review your own videos, upload drafts, publish approved posts, and view basic creator stats in one workspace.
</p>
</article>
</section>
</main>
<footer class="footer">
<div>
<strong>kiwerkzeuge Creator Studio</strong>
<p>Public TikTok review host on <code>kiwerkzeuge.de</code>. Share Kit is intentionally not enabled in this reviewed version.</p>
</div>
<div class="footer-links">
<a href="/creator-studio/privacy.html">Privacy Policy</a>
<a href="/creator-studio/terms.html">Terms of Service</a>
<a href="/creator-studio/auth/tiktok/callback.php">Callback URL</a>
<a href="/creator-studio/api/tiktok/webhook.php">Webhook endpoint</a>
</div>
</footer>
</div>
</body>
</html>