Skip to content

About

Pre-publish QA dashboard for video creators: checks sponsor links, ad disclosure (#ad), description length and thumbnail title before publishing, then suggests "Send back to fix" or "Publish now". Next.js + TypeScript prototype with mock checks.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Repository files navigation

PreFlight AI — Content QA Engine

Automated pre-publish quality checks for video content. Built with Next.js, TypeScript, and Tailwind CSS.

Features

  • Dashboard UI for submitting video content details
  • 4 automated checks (mock API):
    • Sponsor Link & Discount Check (Firecrawl API)
    • Ad Policy & Keyword Check (LLM)
    • Voiceover Clarity Check (ElevenLabs API)
    • Thumbnail Safe-Zone Check (Fal.ai API)
  • Pass/Fail status cards with actionable feedback
  • Conditional actions: "Send Back to Fix" or "Publish Now"

Prerequisites

  • Node.js 18.18 or later
  • npm (included with Node.js)

Setup

  1. Install dependencies

    npm install
  2. Start the development server

    npm run dev
  3. Open the app

    Visit http://localhost:3000 in your browser.

Usage

  1. Enter a video title, description, and sponsor discount link.
  2. Click Run Pre-Flight Check.
  3. Review the four check results:
    • Sponsor link must be non-empty and contain "discount"
    • Description must include #ad for ad policy compliance
    • Combined title + description must have at least 10 words for voiceover clarity
    • Title must be 5–70 characters for thumbnail safe-zone
  4. Use Send Back to Fix (if any check fails) or Publish Now (if all pass).

Scripts

Command Description
npm run dev Start development server
npm run build Build for production
npm run start Start production server
npm run lint Run ESLint

Project Structure

src/
├── app/
│   ├── api/preflight/route.ts   # POST endpoint with mock checks
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx                 # Dashboard page
├── components/
│   ├── ActionButtons.tsx
│   ├── PreflightForm.tsx
│   └── StatusCard.tsx
└── types/
    └── preflight.ts

Tech Stack

  • Next.js 15 (App Router, src directory)
  • TypeScript
  • Tailwind CSS
  • React 19

About

Pre-publish QA dashboard for video creators: checks sponsor links, ad disclosure (#ad), description length and thumbnail title before publishing, then suggests "Send back to fix" or "Publish now". Next.js + TypeScript prototype with mock checks.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages