FirstLocal.studio — Creator Blueprint
Documentation
User & Field
Reference Guide
Every view, every field, and every workflow explained — from your first video idea through to your pipeline, calendar, AI tools, and analytics.
Contents
- 01How Creator Blueprint works§1
- 02First-time setup — Settings & channel config§2
- 03Dashboard view§3
- 04Pipeline — Kanban field reference§4
- 05Video detail modal — all 6 tabs§5
- 06Calendar view§6
- 07AI Studio & AI panel§7
- 08Analytics view§8
- 09Export, backup & restore§9
- 10Tips & common mistakes§10
- 11Quick reference cheat sheet§11
01
How Creator Blueprint works
Creator Blueprint is a single HTML file. Open it in your browser and it runs entirely on your machine — no server, no account, no subscription required at any point.
All data — your channel settings, video pipeline, calendar, content notes, and performance stats — lives in your browser's localStorage. It persists automatically across sessions. Close the tab today, open it tomorrow, and everything is exactly where you left it.
The tool makes no outbound network calls during normal use. The only network activity is the optional AI connection you configure yourself in Settings — and that goes directly from your browser to whichever AI provider you choose. No intermediary. No data routed through FirstLocal servers.
01
Configure your channel once
Open Settings. Enter your channel name, niche, posting schedule, filming days, and whether you post one or two videos per week. This generates your 3-month pipeline and calendar automatically. Do this first — the plan builds from these settings.
02
Work your pipeline
Every video slot in your 3-month plan appears as a card in the Pipeline (Kanban board). Move cards through six stages as you work: Idea → Scripted → Filmed → Editing → Ready → Posted. Open any card to add your hook, script, thumbnail concept, description, hashtags, and performance data.
03
Use AI to fill the gaps
Open the AI panel (slide-in from the right) on any video card. The AI has context on your channel niche and the video you're working on. Use quick-action buttons to generate hooks, write descriptions, brainstorm thumbnails, or draft hashtags. Apply the results directly to the video's fields with one click.
04
Track performance
Once a video is posted, log your 48-hour stats in the Performance tab of the video modal. Views, watch time, subscribers gained, and comments. These feed into the Analytics view, where you see aggregate stats across your entire posted archive.
02
First-time setup — Settings & channel config
Settings control everything: your 3-month plan is generated from them. Complete Settings before anything else.
Channel Info
Channel Name
Your YouTube channel name. Appears throughout the tool as a reference label. No effect on any calculations.
Channel Niche
A plain-English description of your content focus. Passed to the AI as context when generating hooks, descriptions, and ideas.
Target Audience
Who you make content for. Also passed to the AI. Helps the AI frame suggestions appropriately for your actual viewers.
Channel Goal
Your current primary goal — growth, monetisation, community, or brand. Used in AI Studio batch operations to orient the strategy suggestions.
Posting Schedule
Schedule fields
Videos per week
Toggle between 1 or 2 videos per week. This controls how many slots are generated across the 3-month plan. 1/week generates 13 slots; 2/week generates 26 slots.
Changing this after initial setup regenerates the plan. Existing video data is preserved — slots are added or removed, not overwritten.
Posting days
The days of the week you publish. Select one day (1 video/week) or two days (2 videos/week). These days are marked on the Calendar view in amber, and Due Dates on video cards are calculated from them.
Posting time
The time you publish on each posting day. Displayed on calendar entries and video cards as a reference — the tool does not post for you.
Filming days
The days of the week you batch-film. Marked on the Calendar in violet, distinct from posting days. Used to plan your production week — not connected to due dates.
Plan start date
The date your 3-month plan begins. Defaults to today's date on first setup. All calendar slots, due dates, and posting day assignments are calculated forward from this date.
Changing this date after initial setup rebuilds the calendar but preserves all video content and stage positions.
💡
Set up AI before you need it
Configure your AI provider in Settings → AI Configuration before you start working on video cards. The AI panel and AI Studio both pull from this config. If you're using Ollama (local, free), enter http://localhost:11434 as the endpoint and your model name. For OpenAI or Anthropic, enter your API key. You can test the connection from the AI Studio view.
03
Dashboard view
The Dashboard is your at-a-glance overview of the channel's current state. It doesn't require any input — it reads from the data you've entered across the rest of the tool.
| Element | What it shows |
|---|
| Pipeline summary | A count of video cards in each Kanban stage. Shows how many ideas are in flight, how many are in editing, and how many are ready to publish — at a glance, without opening the Pipeline view. |
| Next posting date | The date of your next scheduled posting slot, calculated from your posting day settings. Counts down from today. |
| Next filming date | The date of your next configured filming day. Useful for planning what to script before your next batch session. |
| Videos this month | Count of videos posted in the current calendar month, based on stage = Posted and the video's due date falling within the month. |
| Ready to post | Count of video cards currently in the Ready stage — fully produced and waiting to be scheduled or published. |
| Recent activity | The last 5 videos moved through any pipeline stage, in reverse chronological order. Shows title and which stage they moved to. |
04
Pipeline — Kanban field reference
The Pipeline view is where you manage every video in your 3-month plan. Each video is a card. Cards move through six stages from Idea to Posted.
The six stages and what each represents:
Idea
→
Scripted
→
Filmed
→
Editing
→
Ready
→
Posted
| Stage | Meaning | What should be complete before moving forward |
|---|
| Idea | The video exists as a slot. You may or may not have a title or concept yet. | A clear working title and a hook concept. Open the modal and fill the Overview tab before moving to Scripted. |
| Scripted | The core content plan is done. Hook, CTA, and talking points are written. | Hook, CTA, and at least an outline of talking points. Thumbnail concept helps but is not required. |
| Filmed | Recording is complete. The footage exists. | Raw footage is captured. B-roll is noted. No editing has started. |
| Editing | Post-production is in progress. | Rough cut done. Thumbnail in production. Description drafted. |
| Ready | The video is fully produced and ready to upload or schedule. | Final edit, thumbnail, description, hashtags, keywords, and pinned comment are all complete. |
| Posted | The video is live. Performance tracking begins. | 48-hour stats logged in the Performance tab. |
Moving cards through stages
There are two ways to move a card: drag and drop from one column to the next, or open the video modal and use the status pipeline bar at the top of the modal header to click directly to any stage. Both methods update the stage and save automatically.
💡
Adding video cards beyond the generated plan
The plan generates slots based on your posting schedule. If you want to add an unscheduled video — a trend response, a collab, or a bonus upload — click + Add Video in the Pipeline topbar. This creates a new card with a blank date that you can fill manually. It appears in the Idea column and can be moved through the pipeline like any other card.
05
Video detail modal — all 6 tabs
Click any video card to open its detail modal. Six tabs cover everything from the initial concept through to published metadata and performance data.
Tab 1 — Overview
Video title
The working or final title. Appears on the card in the Pipeline view. Write the final SEO-optimised title here before moving to Ready.
Due date
The scheduled posting date. Auto-assigned from your posting day settings when the slot is generated. Edit freely — moving this does not affect the calendar automatically; update the calendar separately if you reschedule.
Stage
Current pipeline stage. Displayed in the modal header as a clickable pipeline bar — click any stage to move the video directly. Also updated by drag-and-drop in the Pipeline view.
Notes
Free-text field for anything that doesn't fit elsewhere: research links, production reminders, collaboration notes, revision flags.
Tab 2 — Content
Hook
The opening line or sequence — what you say or show in the first 5–15 seconds to stop the scroll and earn the watch. The single most important piece of content to get right before filming. The AI panel can generate hook options directly from this tab.
CTA
Call to action. What you want the viewer to do — subscribe, comment, click a link, watch the next video. Write the exact line you'll say, not a description of it. One clear CTA per video.
Talking points
The body of the video as a structured outline. Use this as your filming reference — enough detail to film without a word-for-word script, but enough structure to keep the video tight. Add as many points as needed.
Tab 3 — Production
Thumbnail concept
A description of the thumbnail you plan to create — what's in the image, the text overlay, the colour treatment, the emotion or expression. Not the actual image file, but specific enough to brief a designer or execute yourself. The AI can brainstorm thumbnail concepts based on your title and niche.
Script
Optional full script or detailed outline. Use this field if you write word-for-word before filming. Leave it empty if you use talking points only. No character limit.
B-roll notes
A list of shots, screen recordings, or footage items you need to capture or source. Write these before filming day so nothing is missed in the session.
Tab 4 — Publishing
Description
The full YouTube video description. Write and store the complete description here before upload day. Includes timestamps, links, and boilerplate — all in one place. The AI can draft the full description from your title, hook, and talking points.
Hashtags
The hashtags to include in your description or first comment. 3–5 relevant hashtags is the current YouTube best practice. The AI can generate these based on your title and niche.
Keywords / Tags
YouTube search tags (comma-separated). These are no longer publicly visible but still influence search association. Include your main keyword, variations, and 2–3 broader topic tags.
Pinned comment
The comment you'll pin immediately after publishing — typically a question to drive engagement, a link to a related video, or an expanded CTA. Having it written before upload means you can pin it within the first minute, which matters for the algorithm's engagement window.
Tab 5 — Cross-Platform
Shorts script
A 30–60 second vertical short adapted from this video's core idea. Written separately from the main script — Shorts require a different hook and pacing. The AI can generate a Shorts script from your hook and talking points.
Twitter / X post
The promotional tweet for when the video goes live. One clear value statement plus the link. 280 characters max. Write it here so it's ready to copy-paste on posting day.
LinkedIn post
A longer-form post adapted for a professional audience on LinkedIn. If your content has a professional or business angle, this field captures the reframe — same video, different positioning for a different platform's context and tone.
Tab 6 — Performance
48-hour views
Total views in the first 48 hours after publishing. The most important early indicator — YouTube's algorithm makes its initial distribution decision in this window. Log this two days after the video goes live.
48-hour watch time
Total minutes watched in the first 48 hours. Alongside views, this tells you whether the hook is delivering on the promise — high views with low watch time means people are leaving early.
Subscribers gained
New subscribers attributed to this video in the 48-hour window. Available in YouTube Studio under each video's analytics. A high subscriber-per-view ratio signals content that converts viewers to followers.
Comments (48h)
Number of comments in the first 48 hours. Comment volume relative to views indicates engagement depth — a useful signal for understanding which topics generate conversation vs. passive viewing.
06
Calendar view
The Calendar gives you a 3-month visual of your content schedule. It reads from your posting schedule settings and video pipeline data.
| Colour | What it marks |
|---|
| Amber highlight | A posting day. Every occurrence of your configured posting days across the 3-month span. These are the days a video is due to go live. |
| Violet highlight | A filming day. Every occurrence of your configured filming days. Use these to plan scripting — you need content ready before each filming session. |
| Teal card | A video slot. Appears on the posting day this video is assigned to. Shows the video's working title and current pipeline stage. Click to open the video's detail modal. |
💡
The calendar is read-only — changes happen in Settings or the modal
The Calendar view reflects your data — it does not let you drag videos between dates or change posting days directly. To change your posting schedule, update Settings. To change an individual video's date, open the video modal and edit the Due Date field in the Overview tab. The calendar updates automatically after you save.
07
AI Studio & AI panel
Creator Blueprint supports four AI providers. The AI panel slides in from the right when working on a specific video. AI Studio is a standalone view for provider configuration and batch operations.
Supported AI providers
| Provider | Setup required | Cost |
|---|
| Ollama (local) | Ollama running on your machine. Enter http://localhost:11434 as endpoint and your model name (e.g. llama3, mistral). No API key. | Free — runs on your hardware |
| OpenAI | OpenAI API key. Enter in Settings → AI Configuration. | Per-token — varies by model |
| Anthropic | Anthropic API key. Enter in Settings → AI Configuration. | Per-token — varies by model |
| Custom endpoint | Any OpenAI-compatible API. Enter the base URL and API key if required. Compatible with hosted open-source models. | Varies by provider |
AI panel (per-video)
Open the AI panel from any video card — it slides in from the right and is pre-loaded with context from that video: the title, niche, hook, and current stage. Quick-action buttons trigger common generation tasks without you needing to write a prompt:
- Generate hook options — produces 3–5 alternative hooks based on the title and niche
- Write description — generates a full YouTube description from the title, hook, and talking points
- Brainstorm thumbnails — produces thumbnail concepts referencing the title and the channel's visual niche
- Generate hashtags — produces relevant hashtags for the topic
- Draft pinned comment — generates an engagement-driving pinned comment for post-publish
- Write Shorts script — adapts the core idea into a vertical short-form script
Every AI response includes an Apply to field button. Click it to send the response directly to the relevant tab and field in the video modal — no copy-pasting required.
AI Studio (batch operations)
AI Studio is the full provider configuration view. In addition to managing your AI connection and testing it, AI Studio offers batch operations across your entire pipeline:
- Generate ideas for all empty video slots — fills untitled Idea-stage cards with topic suggestions based on your niche and channel goal
- Generate hooks for all Scripted-stage videos — runs hook generation across every video that has a title but no hook
- Generate descriptions for all Ready-stage videos — writes descriptions for every video approaching upload
- Cross-platform script generator — takes a video and generates Shorts, Twitter, and LinkedIn content simultaneously
- Channel strategy overview — generates a month-level content strategy summary based on your niche, goal, and current pipeline state
⚠️
API keys are stored in localStorage — not sent to FirstLocal servers
Your API key is stored in your browser's localStorage alongside the rest of your Creator Blueprint data. It is sent directly from your browser to your chosen AI provider when you make a request. FirstLocal Studio never receives it. Export your backup (Settings → Export JSON) before clearing browser cache — the backup includes your configuration.
08
Analytics view
Analytics aggregates the 48-hour performance data you've logged across all Posted videos. No external data is pulled — it reads entirely from what you've entered in the Performance tab of each video modal.
| Metric | How it's calculated |
|---|
| Total views | Sum of 48-hour views across all Posted videos with performance data entered. |
| Avg views / video | Total views ÷ number of videos with views logged. Excludes videos with no data entered. |
| Total watch time | Sum of 48-hour watch time (minutes) across all Posted videos with data entered. |
| Total subscribers | Sum of subscribers gained across all Posted videos. A cumulative attribution estimate — not a live channel count. |
| Best performing video | The Posted video with the highest 48-hour view count. Displayed with its title, date, and view count for reference. |
| Videos posted | Count of all cards currently in the Posted stage, regardless of whether performance data has been entered. |
💡
Log performance within 48 hours of posting
The 48-hour window is when YouTube's algorithm makes its initial distribution decision. Go into YouTube Studio 48 hours after each video goes live, copy the stats into the Performance tab, and move the video to Posted if it isn't already. Consistent data entry is what makes the Analytics view meaningful over time.
09
Export, backup & restore
All Creator Blueprint data lives in your browser's localStorage. Export regularly — it's the only way to protect your data across devices and browser changes.
Export JSON — available in Settings at the bottom of the page. Downloads a creator-blueprint-backup-[date].json file containing your complete data: channel settings, all video cards with all their tab content, AI configuration, and plan metadata.
Import JSON — reads a previously exported backup and restores your data. Import merges by video ID — existing videos with matching IDs are updated; new videos are added. No data is deleted on import.
⚠️
localStorage is browser-specific
Data in localStorage exists only in the browser and device where you created it. Opening creator-blueprint.html in a different browser, or on a new machine, starts fresh. To transfer your plan: export a backup → move the JSON file to the new machine → import it. Always export a backup before clearing browser cache or history.
10
Tips & common mistakes
The things that trip people up — and how to fix them.
⚠️
My plan didn't generate any video slots
Check Settings — specifically that you have at least one posting day selected and that your plan start date is not in the past by more than 3 months. Save Settings again after confirming these are set. The plan generates on save, not on open.
⚠️
The AI panel isn't responding
Go to AI Studio and use the Test Connection button. If the test fails, check: (1) Ollama is running if you're using a local model, (2) your API key is correct and has credit if using OpenAI or Anthropic, (3) your endpoint URL has no trailing slash. Common error: pasting an API key with a space at the start or end — clear and re-enter.
⚠️
I changed my posting schedule and my calendar looks wrong
When you change posting days or the videos-per-week toggle in Settings and save, the plan rebuilds. Video cards that were assigned to dates that no longer exist in the new schedule will appear unassigned. Open these cards and update their due dates to align with your new schedule.
⚠️
My data disappeared after clearing browser history
Clearing browser cache or history clears localStorage. Always export a backup first. If you work across multiple machines, keep your latest backup JSON in a shared location (cloud drive, email to yourself) so you can import it wherever you open the tool.
💡
Fastest workflow for a new video card
Open the card → Overview: set title and due date → Content: write the hook (or use AI to generate options) → flip to Publishing and generate the description with AI → flip to Cross-Platform and generate the Shorts script. Everything else can be filled in during production. The key fields to complete before filming are: hook, talking points, and thumbnail concept.
11
Quick reference cheat sheet
Keep this page open while you're getting started.
Pipeline Stages
Ideaslot exists, no concept yet
Scriptedhook + CTA + talking points done
Filmedfootage captured, not edited
Editingpost-production in progress
Readyfully produced, awaiting upload
Postedlive — log 48h stats
Video Modal — 6 Tabs
Overviewtitle, date, stage, notes
Contenthook, CTA, talking points
Productionthumbnail, script, b-roll
Publishingdescription, hashtags, tags, pin
Cross-PlatformShorts, Twitter, LinkedIn
Performanceviews, watch time, subs, comments
Calendar Colours
Amber dayposting day
Violet dayfilming / batch day
Teal cardscheduled video slot
AI Providers
Ollamalocal, free, no key needed
OpenAIAPI key, per-token cost
AnthropicAPI key, per-token cost
Customany OpenAI-compatible endpoint
Settings — Key Fields
Videos/week1 = 13 slots · 2 = 26 slots
Posting daysamber on calendar
Filming daysviolet on calendar
Plan startrebuilds calendar on change
Data & Backup
StoragelocalStorage — browser specific
Exportfull JSON snapshot
Importmerges by video ID
Transferexport → move JSON → import