File: //proc/self/root/tmp/creator-studio-home.html
<!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="Review videos before you post, generate stronger TikTok packaging, upload drafts, and publish from one creator 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=Sora:wght@600;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-3" />
<script defer src="/creator-studio/assets/creator-studio.js?v=20260312-3"></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">TikTok publishing 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">Review before posting</span>
<span class="badge">Connect TikTok later</span>
<span class="badge">Publish when ready</span>
</div>
<h1>Run a pre-publish review first, then connect TikTok only when the post is ready to ship.</h1>
<p class="lead">
Creator Studio scores your video before it goes out, coaches the hook and pacing, suggests stronger captions and openings, and then lets you push the approved version to TikTok drafts or direct publish.
</p>
<div class="hero-actions">
<a class="primary-link" href="#review-assistant">Start a review</a>
<a class="secondary-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">
Built for creators who want feedback before the publish click, not after the post is already live.
</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">What you can do</span>
</div>
<dl class="kv-list">
<div>
<dt>Review first</dt>
<dd>Upload an MP4 and get a scorecard, coaching, better hooks, and caption options before posting.</dd>
</div>
<div>
<dt>Package faster</dt>
<dd>Turn one finished cut into stronger TikTok-ready openings, captions, and hashtag sets.</dd>
</div>
<div>
<dt>Connect later</dt>
<dd>Keep TikTok login optional until you actually want to send the approved version out.</dd>
</div>
<div>
<dt>Upload drafts</dt>
<dd>Send the reviewed MP4 to TikTok drafts for final edits inside the TikTok app.</dd>
</div>
<div>
<dt>Stay informed</dt>
<dd>Track publish progress and delivery updates without leaving the same workspace.</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 review-grid" id="review-assistant">
<article class="panel">
<div class="panel-header">
<div>
<span class="eyebrow">Review Before You Post</span>
<h2>Upload an MP4 and get a scorecard before TikTok is even connected</h2>
</div>
<span class="status-chip status-error">
Assistant unavailable </span>
</div>
<p class="panel-copy">
Get hook, clarity, pacing, CTA, and caption-fit feedback plus stronger openings, better captions, and a tighter posting checklist before anything is sent to TikTok.
</p>
<div class="demo-lock">
<strong>Review Assistant is not available right now.</strong>
<span>The review assistant is missing its local AI or queue configuration.</span>
</div>
<section
id="review-job-status"
class="review-job-status is-hidden"
data-review-id=""
data-status-url="/creator-studio/api/review/status.php"
>
<div>
<span class="eyebrow">Latest review job</span>
<strong id="review-job-status-label">Waiting for upload</strong>
<p id="review-job-status-message">Upload a video to start a new review.</p>
</div>
<span id="review-job-status-chip" class="status-chip status-idle">
Idle </span>
</section>
</article>
<article class="panel">
<div class="panel-subheader">
<div>
<span class="eyebrow">Persistent Library</span>
<h2>Your saved reviews</h2>
</div>
<span>1 saved</span>
</div>
<p class="panel-copy">
Reviews stay attached to this browser session until you connect TikTok. Once you sign in, they follow the connected creator account. </p>
<div class="review-list" id="review-library">
<article
class="review-card"
data-review-id="demo-review-creator-launch"
>
<div class="review-card-head">
<div>
<strong>Creator Studio launch teaser</strong>
<p>Review ready.</p>
</div>
<span class="status-chip status-success">
Ready </span>
</div>
<div class="review-meta">
<span>Score 84</span>
<span>18s</span>
<span>1080x1920</span>
<span>Mar 12, 2026 10:48 UTC</span>
</div>
<div class="review-score-grid">
<article>
<strong>88</strong>
<span>Hook</span>
</article>
<article>
<strong>82</strong>
<span>Clarity</span>
</article>
<article>
<strong>79</strong>
<span>Pacing</span>
</article>
<article>
<strong>75</strong>
<span>Cta</span>
</article>
<article>
<strong>86</strong>
<span>Caption Fit</span>
</article>
</div>
<p class="review-verdict">The opener lands quickly and the topic is clear. Tighten the payoff in the middle and end with a stronger action cue.</p>
<div class="review-columns">
<section>
<h3>Coach notes</h3>
<ul class="review-bullets">
<li>Your first line lands fast and tells the viewer why they should stay.</li>
<li>The middle section could move quicker so the payoff arrives earlier.</li>
<li>Add a clearer final action cue so the viewer knows what to do next.</li>
</ul>
</section>
<section>
<h3>Stronger openings</h3>
<ul class="review-bullets">
<li>If posting feels heavier than editing, your workflow is the problem.</li>
<li>This is what changes when your TikTok upload flow finally gets out of the way.</li>
<li>The fastest way to lose momentum is a messy publishing workflow.</li>
</ul>
</section>
</div>
<div class="review-captions">
<button
type="button"
class="review-option"
data-review-select="demo-review-creator-launch"
data-review-caption="A calmer way to review, draft, and publish TikTok posts in one workflow."
data-review-title="Creator Studio launch teaser"
data-review-mode="direct"
>A calmer way to review, draft, and publish TikTok posts in one workflow.</button>
<button
type="button"
class="review-option"
data-review-select="demo-review-creator-launch"
data-review-caption="From final cut to TikTok draft without the usual upload chaos."
data-review-title="Creator Studio launch teaser"
data-review-mode="direct"
>From final cut to TikTok draft without the usual upload chaos.</button>
<button
type="button"
class="review-option"
data-review-select="demo-review-creator-launch"
data-review-caption="One workspace for review, draft upload, and direct TikTok publishing."
data-review-title="Creator Studio launch teaser"
data-review-mode="direct"
>One workspace for review, draft upload, and direct TikTok publishing.</button>
</div>
<div class="review-tags">
<span>#TikTokTips</span>
<span>#CreatorWorkflow</span>
<span>#ContentCreation</span>
<span>#SocialMediaTools</span>
<span>#CreatorStudio</span>
</div>
<ul class="review-bullets review-checklist">
<li>Trim one slow beat from the middle before posting.</li>
<li>Pick the clearest caption variant and keep it short.</li>
<li>End with one direct viewer action instead of a soft close.</li>
</ul>
<div class="hero-actions review-actions">
<button
type="button"
class="secondary-link review-apply-button"
data-review-select="demo-review-creator-launch"
data-review-title="Creator Studio launch teaser"
data-review-mode="draft"
>Use for draft upload</button>
<button
type="button"
class="primary-link review-apply-button"
data-review-select="demo-review-creator-launch"
data-review-caption="A calmer way to review, draft, and publish TikTok posts in one workflow."
data-review-title="Creator Studio launch teaser"
data-review-mode="direct"
>Use for direct publish</button>
<a class="ghost-link" href="/creator-studio/?review=demo-review-creator-launch#workspace">Open in publish tools</a>
</div>
</article>
</div>
</article>
</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>What your connected account unlocks</h3>
</div>
<div class="scope-list">
<article class="scope-item">
<div>
<strong>user.info.basic</strong>
<p>keeps the workspace tied to the right TikTok account after you connect</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>user.info.profile</strong>
<p>brings in your profile details so you can confirm you are working on the correct creator account</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>user.info.stats</strong>
<p>shows your audience and video numbers at a glance before you decide what to post next</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>video.list</strong>
<p>lets you review recent public posts so new uploads fit your current TikTok feed</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>video.publish</strong>
<p>lets you publish a finished video directly when it is ready to go live</p>
</div>
</article>
<article class="scope-item">
<div>
<strong>video.upload</strong>
<p>lets you send a video to drafts first so you can polish it inside TikTok before posting</p>
</div>
</article>
</div>
</div>
</article>
<article class="panel publish-panel">
<div class="panel-header">
<div>
<span class="eyebrow">Publishing tools</span>
<h2>Send videos to TikTok</h2>
</div>
</div>
<p class="panel-copy">
Upload an MP4 to drafts for final edits in TikTok or publish directly from the workspace when the caption is ready. The connected creator stays in control of each step.
</p>
<section
id="review-selection-banner"
class="latest-op review-selection-banner is-hidden"
data-selected-review=""
>
<div>
<span class="eyebrow">Selected review</span>
<strong id="review-selection-name">No review selected yet</strong>
</div>
<span class="status-chip status-success">Linked to publish tools</span>
</section>
<div class="form-grid">
<form class="upload-card" method="post" enctype="multipart/form-data">
<input type="hidden" name="csrf" value="de7c71effdf50c545a32f9cd39af72bfe2d17f836f834d23" />
<input type="hidden" name="action" value="upload-draft" />
<input type="hidden" name="review_id" id="draft-review-id" value="" />
<div class="panel-subheader">
<h3>Upload draft</h3>
<span class="badge">Scope: video.upload</span>
</div>
<p>Send an MP4 into your TikTok drafts so you can make final edits before posting.</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">MP4 video files are supported in this version of Creator Studio.</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="de7c71effdf50c545a32f9cd39af72bfe2d17f836f834d23" />
<input type="hidden" name="action" value="direct-post" />
<input type="hidden" name="review_id" id="direct-review-id" value="" />
<div class="panel-subheader">
<h3>Direct publish</h3>
<span class="badge">Scope: video.publish</span>
</div>
<p>Publish an MP4 directly from the workspace after you set the final caption.</p>
<label class="field">
<span>TikTok title</span>
<input
type="text"
name="title"
id="direct-title-input"
maxlength="150"
placeholder="Creator Studio launch teaser #creatorworkflow"
value=""
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">Creator Studio stores the publish ID so you can track delivery status afterward.</small>
</label>
<button class="primary-link full" type="submit" disabled>Publish 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>Publishing activity and status</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 10:48 UTC · Last webhook post.publish.status_update </p>
</article>
</div>
<div class="webhook-list">
<div class="panel-subheader compact">
<h3>Recent delivery updates</h3>
<code>TikTok publish status</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">How it works</span>
<h2>Review first, then choose how each video is sent</h2>
<p class="panel-copy">
Start with the pre-publish review assistant to score the video, sharpen the packaging, and save the strongest version. Then connect TikTok, review recent public posts, and decide whether the final file should go to drafts or be published directly.
</p>
</article>
<article class="panel">
<span class="eyebrow">Why creators use it</span>
<h2>A focused workspace instead of a scattered workflow</h2>
<p class="panel-copy">
Keep pre-publish feedback, caption ideas, account overview, draft uploads, direct publishing, and status tracking in one place without switching between multiple tools.
</p>
</article>
</section>
</main>
<footer class="footer">
<div>
<strong>kiwerkzeuge Creator Studio</strong>
<p>A creator workspace for scoring videos before they post, improving packaging, uploading drafts, publishing directly, and following delivery status.</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/start.php">Connect TikTok</a>
</div>
</footer>
</div>
</body>
</html>