feat: initial commit - Jhonny Editor
- Adicionado estrutura completa do projeto - Configurado MCP server para Premiere Pro - Adicionado documentação e skills - Configurado Gitignore para o projeto
This commit is contained in:
João Henrique
Executable
+230
@@ -0,0 +1,230 @@
|
||||
import type { Metadata } from "next"
|
||||
import Image from "next/image"
|
||||
import Link from "next/link"
|
||||
import { ArrowRight, CheckCircle2, ClipboardCheck, FileSearch, ShieldCheck } from "lucide-react"
|
||||
import { Footer } from "@/components/sections/footer"
|
||||
import { ProjectIntakePrompts } from "./project-intake-prompts"
|
||||
import { ProjectIntakeTemplateBuilder } from "./project-intake-template-builder"
|
||||
|
||||
const pageUrl = "https://premiere-pro-mcp.com/project-intake/"
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Premiere Pro Project Intake: Run a Read-Only Workflow Review",
|
||||
description:
|
||||
"Prepare a bounded, read-only Premiere Pro Project Intake preview with a safe connection check, a schema-valid starter or approved template, and a path-redacted review report.",
|
||||
alternates: { canonical: "/project-intake/" },
|
||||
keywords: [
|
||||
"Premiere Pro project intake workflow",
|
||||
"Premiere Pro project organization review",
|
||||
"assistant editor project handoff",
|
||||
"read-only Premiere Pro project preview",
|
||||
],
|
||||
openGraph: {
|
||||
title: "Premiere Pro Project Intake: Run a Read-Only Workflow Review",
|
||||
description:
|
||||
"Start with a safe connection check, then preview a path-redacted Project Intake report before anyone changes a Premiere project.",
|
||||
url: "/project-intake/",
|
||||
type: "website",
|
||||
images: [
|
||||
{
|
||||
url: "/marketing/premiere-pro-mcp-social-square-v1.png",
|
||||
width: 1254,
|
||||
height: 1254,
|
||||
alt: "MCP for Adobe Premiere Pro — reviewable Project Intake workflow",
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Premiere Pro Project Intake: Run a Read-Only Workflow Review",
|
||||
description:
|
||||
"Start with a safe connection check, then preview a path-redacted Project Intake report before anyone changes a Premiere project.",
|
||||
images: ["/marketing/premiere-pro-mcp-social-square-v1.png"],
|
||||
},
|
||||
}
|
||||
|
||||
const faqs = [
|
||||
{
|
||||
question: "Does Project Intake change a Premiere project?",
|
||||
answer:
|
||||
"No. The Project Intake preview returns a path-redacted report and proposed organization actions. It does not change Premiere or persist the facility template.",
|
||||
},
|
||||
{
|
||||
question: "What should I use as the first test project?",
|
||||
answer:
|
||||
"Use a copied or non-sensitive project with an active sequence. A read-only connection check confirms only the current local setup; it is not a universal host-compatibility guarantee.",
|
||||
},
|
||||
{
|
||||
question: "Does the report prove a project is ready for delivery?",
|
||||
answer:
|
||||
"No. It reports the bounded checks in the approved template. A human owner still reviews exceptions, truncated findings, and any later change before relying on the result.",
|
||||
},
|
||||
{
|
||||
question: "Can I use a starter template as-is?",
|
||||
answer:
|
||||
"Only as a non-sensitive evaluation sample. A human policy owner must review and replace the starter's bins, media rules, frame rates, proxy policy, and organization rules before relying on it for a facility workflow.",
|
||||
},
|
||||
]
|
||||
|
||||
const structuredData = {
|
||||
"@context": "https://schema.org",
|
||||
"@graph": [
|
||||
{
|
||||
"@type": "WebPage",
|
||||
"@id": `${pageUrl}#webpage`,
|
||||
name: "Premiere Pro Project Intake: Run a Read-Only Workflow Review",
|
||||
description:
|
||||
"Prepare a bounded, read-only Premiere Pro Project Intake preview with a safe connection check, a schema-valid starter or approved template, and a path-redacted review report.",
|
||||
url: pageUrl,
|
||||
isPartOf: { "@id": "https://premiere-pro-mcp.com/#website" },
|
||||
about: { "@id": "https://premiere-pro-mcp.com/#software" },
|
||||
inLanguage: "en-US",
|
||||
},
|
||||
{
|
||||
"@type": "FAQPage",
|
||||
"@id": `${pageUrl}#faq`,
|
||||
mainEntity: faqs.map((faq) => ({
|
||||
"@type": "Question",
|
||||
name: faq.question,
|
||||
acceptedAnswer: { "@type": "Answer", text: faq.answer },
|
||||
})),
|
||||
},
|
||||
{
|
||||
"@type": "BreadcrumbList",
|
||||
"@id": `${pageUrl}#breadcrumb`,
|
||||
itemListElement: [
|
||||
{ "@type": "ListItem", position: 1, name: "MCP for Adobe Premiere Pro", item: "https://premiere-pro-mcp.com/" },
|
||||
{ "@type": "ListItem", position: 2, name: "Project Intake", item: pageUrl },
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
const steps = [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Confirm the local path",
|
||||
description: "Check the selected bridge, an open project, and an active sequence before requesting a workflow.",
|
||||
},
|
||||
{
|
||||
icon: FileSearch,
|
||||
title: "Preview an approved template",
|
||||
description: "Ask for a narrow, path-redacted review with explicit organization proposals and no mutation.",
|
||||
},
|
||||
{
|
||||
icon: ClipboardCheck,
|
||||
title: "Review before anyone changes work",
|
||||
description: "A human owner accepts, escalates, or stops. A proposal is never permission to mutate the project.",
|
||||
},
|
||||
]
|
||||
|
||||
export default function ProjectIntakePage() {
|
||||
return (
|
||||
<>
|
||||
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }} />
|
||||
<header className="border-b border-zinc-800 bg-black/90 px-5 py-4 backdrop-blur">
|
||||
<div className="mx-auto flex max-w-6xl items-center justify-between gap-4">
|
||||
<Link href="/" className="inline-flex items-center gap-3 text-sm font-semibold text-white">
|
||||
<Image src="/marketing/premiere-pro-mcp-mark-v1.png" alt="" width={32} height={32} className="h-8 w-8 object-contain" />
|
||||
<span>premiere-pro-mcp</span>
|
||||
</Link>
|
||||
<Link href="/#install" className="inline-flex min-h-11 items-center rounded-md border border-zinc-700 px-4 py-2 text-sm font-semibold text-zinc-100 transition-colors hover:border-zinc-500 hover:bg-zinc-900">
|
||||
Install first
|
||||
</Link>
|
||||
</div>
|
||||
</header>
|
||||
<main id="main-content" className="min-h-screen bg-black text-zinc-100">
|
||||
<section className="border-b border-zinc-900 px-5 pb-16 pt-14 sm:pb-24 sm:pt-20">
|
||||
<div className="mx-auto max-w-4xl">
|
||||
<nav aria-label="Breadcrumb" className="text-sm text-zinc-500">
|
||||
<Link href="/" className="hover:text-purple-200">MCP for Adobe Premiere Pro</Link> <span aria-hidden="true">/</span> Project Intake
|
||||
</nav>
|
||||
<p className="mt-10 font-mono text-xs font-semibold uppercase tracking-[0.18em] text-purple-300">Project Intake · preview-only workflow</p>
|
||||
<h1 className="mt-5 max-w-4xl text-balance text-4xl font-bold tracking-[-0.045em] text-white sm:text-6xl">
|
||||
Turn a project handoff into a <span className="text-purple-300">reviewable intake.</span>
|
||||
</h1>
|
||||
<p className="mt-6 max-w-3xl text-lg leading-8 text-zinc-400 sm:text-xl">
|
||||
For assistant editors and post leads who need to inspect an open Premiere project against an approved template before anyone reorganizes it.
|
||||
</p>
|
||||
<a href="#try" className="mt-8 inline-flex min-h-12 items-center gap-2 rounded-lg bg-purple-300 px-5 py-3 text-sm font-semibold text-black transition-colors hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-300 focus-visible:ring-offset-2 focus-visible:ring-offset-black">
|
||||
Copy the safe first prompt <ArrowRight className="h-4 w-4" aria-hidden="true" />
|
||||
</a>
|
||||
<p className="mt-4 text-sm text-zinc-500">Free, local-first setup · no account or card required · use a copied test project first</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="px-5 py-14 sm:py-20" aria-labelledby="workflow-heading">
|
||||
<div className="mx-auto max-w-6xl">
|
||||
<div className="max-w-3xl">
|
||||
<p className="font-mono text-xs font-semibold uppercase tracking-[0.16em] text-purple-300">What the workflow does</p>
|
||||
<h2 id="workflow-heading" className="mt-4 text-3xl font-bold tracking-tight text-white sm:text-5xl">A clear decision before a project changes.</h2>
|
||||
<p className="mt-5 text-lg leading-8 text-zinc-400">The review gives a supervisor and assistant editor a common record of what the template checked, what needs attention, and what must remain a human decision.</p>
|
||||
</div>
|
||||
<div className="mt-10 grid gap-4 md:grid-cols-3">
|
||||
{steps.map((step, index) => (
|
||||
<article key={step.title} className="border border-zinc-800 bg-[#08080a] p-6 sm:p-7">
|
||||
<p className="font-mono text-xs font-semibold tracking-[0.14em] text-zinc-500">0{index + 1}</p>
|
||||
<step.icon className="mt-8 h-6 w-6 text-purple-300" strokeWidth={1.6} aria-hidden="true" />
|
||||
<h3 className="mt-5 text-xl font-semibold tracking-tight text-white">{step.title}</h3>
|
||||
<p className="mt-3 leading-7 text-zinc-400">{step.description}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="try" className="border-y border-zinc-900 bg-[#050506] px-5 py-14 sm:py-20" aria-labelledby="try-heading">
|
||||
<div className="mx-auto max-w-4xl">
|
||||
<p className="font-mono text-xs font-semibold uppercase tracking-[0.16em] text-purple-300">Try the read-only path</p>
|
||||
<h2 id="try-heading" className="mt-4 text-3xl font-bold tracking-tight text-white sm:text-5xl">Copy the safe prompt. Then choose a starter policy.</h2>
|
||||
<p className="mt-5 max-w-3xl text-lg leading-8 text-zinc-400">The first prompt checks the connection only. Then choose a schema-valid starter policy or use your approved template for a path-redacted intake preview.</p>
|
||||
<div className="mt-10"><ProjectIntakePrompts /></div>
|
||||
<div id="starter-template"><ProjectIntakeTemplateBuilder /></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="px-5 py-14 sm:py-20" aria-labelledby="boundary-heading">
|
||||
<div className="mx-auto grid max-w-6xl gap-10 lg:grid-cols-[1fr_1.25fr] lg:items-start">
|
||||
<div>
|
||||
<p className="font-mono text-xs font-semibold uppercase tracking-[0.16em] text-purple-300">Before you rely on it</p>
|
||||
<h2 id="boundary-heading" className="mt-4 text-3xl font-bold tracking-tight text-white sm:text-5xl">A report is evidence, not an editorial approval.</h2>
|
||||
</div>
|
||||
<ul className="space-y-4 text-zinc-300">
|
||||
{[
|
||||
"Use a copied or non-sensitive project while you evaluate a new client, connector, or template.",
|
||||
"Starter templates deliberately omit approved media paths. Add any path policy only after a human owner reviews and approves it.",
|
||||
"Start with deterministic organization rules: expected bins, allowed labels, naming patterns, and allowlisted metadata.",
|
||||
"Review every finding and exception with a human owner. A proposed action is not permission to apply it.",
|
||||
"Keep preview, structural verification, playback review, and exported-frame verification as separate evidence classes.",
|
||||
].map((item) => (
|
||||
<li key={item} className="flex gap-3 border-b border-zinc-900 pb-4 last:border-b-0">
|
||||
<CheckCircle2 className="mt-0.5 h-5 w-5 shrink-0 text-purple-300" aria-hidden="true" />
|
||||
<span className="leading-7">{item}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="border-y border-zinc-900 bg-[#050506] px-5 py-14 sm:py-20" aria-labelledby="faq-heading">
|
||||
<div className="mx-auto max-w-4xl">
|
||||
<p className="font-mono text-xs font-semibold uppercase tracking-[0.16em] text-purple-300">Questions before a handoff</p>
|
||||
<h2 id="faq-heading" className="mt-4 text-3xl font-bold tracking-tight text-white sm:text-5xl">Straight answers about the preview boundary.</h2>
|
||||
<div className="mt-10 divide-y divide-zinc-800 border-y border-zinc-800">
|
||||
{faqs.map((faq) => (
|
||||
<details key={faq.question} className="group py-5">
|
||||
<summary className="cursor-pointer list-none pr-8 font-medium text-zinc-100 marker:content-none group-open:text-purple-200">{faq.question}</summary>
|
||||
<p className="mt-3 max-w-3xl leading-7 text-zinc-400">{faq.answer}</p>
|
||||
</details>
|
||||
))}
|
||||
</div>
|
||||
<Link href="/blog/premiere-pro-project-intake-checklist/" className="mt-8 inline-flex items-center gap-2 font-medium text-purple-200 hover:text-white">
|
||||
Read the full Project Intake checklist <ArrowRight className="h-4 w-4" aria-hidden="true" />
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
"use client"
|
||||
|
||||
import { Check, Copy, TriangleAlert } from "lucide-react"
|
||||
import { useState } from "react"
|
||||
import { trackOnboardingEvent } from "@/lib/onboarding-events"
|
||||
import { projectIntakePreviewPrompt, safeFirstPrompt } from "@/lib/product"
|
||||
|
||||
type CopyState = "idle" | "copied" | "unavailable"
|
||||
|
||||
type PromptCardProps = {
|
||||
description: string
|
||||
label: string
|
||||
prompt: string
|
||||
promptKind: "safe_check" | "intake_preview"
|
||||
title: string
|
||||
}
|
||||
|
||||
function PromptCard({ description, label, prompt, promptKind, title }: PromptCardProps) {
|
||||
const [copyState, setCopyState] = useState<CopyState>("idle")
|
||||
|
||||
async function copyPrompt() {
|
||||
try {
|
||||
if (!navigator.clipboard?.writeText) throw new Error("Clipboard API is unavailable")
|
||||
await navigator.clipboard.writeText(prompt)
|
||||
setCopyState("copied")
|
||||
trackOnboardingEvent("onboarding_project_intake_prompt_copied", { prompt_kind: promptKind })
|
||||
window.setTimeout(() => setCopyState("idle"), 2200)
|
||||
} catch {
|
||||
setCopyState("unavailable")
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<article className="rounded-xl border border-zinc-800 bg-[#08080a] p-5 sm:p-6">
|
||||
<p className="font-mono text-xs font-semibold uppercase tracking-[0.15em] text-purple-300">{label}</p>
|
||||
<h3 className="mt-3 text-xl font-semibold tracking-tight text-white">{title}</h3>
|
||||
<p className="mt-3 max-w-2xl leading-7 text-zinc-400">{description}</p>
|
||||
<code className="mt-5 block overflow-x-auto rounded-lg border border-zinc-800 bg-black px-4 py-4 text-sm leading-7 text-zinc-200 whitespace-pre-wrap">{prompt}</code>
|
||||
<div className="mt-4 flex flex-col items-start gap-3 sm:flex-row sm:items-center">
|
||||
<button
|
||||
type="button"
|
||||
onClick={copyPrompt}
|
||||
className="inline-flex min-h-11 items-center gap-2 rounded-md border border-purple-300 bg-purple-300 px-4 py-2 text-sm font-semibold text-black transition-colors hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-300 focus-visible:ring-offset-2 focus-visible:ring-offset-[#08080a]"
|
||||
>
|
||||
{copyState === "copied" ? <Check className="h-4 w-4" aria-hidden="true" /> : <Copy className="h-4 w-4" aria-hidden="true" />}
|
||||
<span>{copyState === "copied" ? "Copied" : "Copy prompt"}</span>
|
||||
</button>
|
||||
{copyState === "unavailable" ? (
|
||||
<p className="inline-flex items-center gap-2 text-sm text-amber-200" role="status">
|
||||
<TriangleAlert className="h-4 w-4 shrink-0" aria-hidden="true" />
|
||||
Copy is unavailable here. Select the visible prompt and copy it manually.
|
||||
</p>
|
||||
) : null}
|
||||
</div>
|
||||
</article>
|
||||
)
|
||||
}
|
||||
|
||||
export function ProjectIntakePrompts() {
|
||||
return (
|
||||
<div className="grid gap-5" aria-label="Project Intake prompts">
|
||||
<PromptCard
|
||||
label="Step 1 · Read-only"
|
||||
title="Confirm the local connection"
|
||||
description="Open a copied or non-sensitive project and an active sequence in Premiere. This check does not change the project."
|
||||
prompt={safeFirstPrompt}
|
||||
promptKind="safe_check"
|
||||
/>
|
||||
<PromptCard
|
||||
label="Existing policy · Preview only"
|
||||
title="Request the intake review"
|
||||
description="Use an approved intake template. The result is a path-redacted report and proposed organization actions—not permission to organize the project."
|
||||
prompt={projectIntakePreviewPrompt}
|
||||
promptKind="intake_preview"
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
"use client"
|
||||
|
||||
import { Check, Copy, ShieldCheck, TriangleAlert } from "lucide-react"
|
||||
import { useState } from "react"
|
||||
import { trackOnboardingEvent } from "@/lib/onboarding-events"
|
||||
import {
|
||||
formatProjectIntakeStarterRequest,
|
||||
projectIntakeStarterTemplates,
|
||||
type ProjectIntakeStarterTemplate,
|
||||
} from "@/lib/project-intake-starter-templates"
|
||||
|
||||
type CopyState = "idle" | "copied" | "unavailable"
|
||||
|
||||
export function ProjectIntakeTemplateBuilder() {
|
||||
const [selected, setSelected] = useState<ProjectIntakeStarterTemplate | null>(null)
|
||||
const [copyState, setCopyState] = useState<CopyState>("idle")
|
||||
|
||||
function selectTemplate(starter: ProjectIntakeStarterTemplate) {
|
||||
setSelected(starter)
|
||||
setCopyState("idle")
|
||||
trackOnboardingEvent("onboarding_project_intake_template_selected", { template_kind: starter.key })
|
||||
}
|
||||
|
||||
async function copyRequest() {
|
||||
if (!selected) return
|
||||
try {
|
||||
if (!navigator.clipboard?.writeText) throw new Error("Clipboard API is unavailable")
|
||||
await navigator.clipboard.writeText(formatProjectIntakeStarterRequest(selected))
|
||||
setCopyState("copied")
|
||||
trackOnboardingEvent("onboarding_project_intake_template_copied", { template_kind: selected.key })
|
||||
window.setTimeout(() => setCopyState("idle"), 2200)
|
||||
} catch {
|
||||
setCopyState("unavailable")
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="mt-10 border border-zinc-800 bg-[#08080a] p-5 sm:p-7">
|
||||
<fieldset>
|
||||
<legend className="text-xl font-semibold tracking-tight text-white">Choose a no-sensitive-data starter policy</legend>
|
||||
<p className="mt-3 max-w-3xl leading-7 text-zinc-400">Each sample is valid for <code>preview_project_intake</code>, has no approved media paths, and requests a preview only. A policy owner must review and replace its bins, media rules, and checks before real use.</p>
|
||||
<div className="mt-6 grid gap-3">
|
||||
{projectIntakeStarterTemplates.map((starter) => {
|
||||
const isSelected = selected?.key === starter.key
|
||||
return (
|
||||
<label
|
||||
key={starter.key}
|
||||
className={`block cursor-pointer rounded-lg border p-4 transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-purple-300 ${isSelected ? "border-purple-300 bg-purple-300/10" : "border-zinc-800 bg-black hover:border-zinc-600"}`}
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
name="project-intake-starter-template"
|
||||
value={starter.key}
|
||||
checked={isSelected}
|
||||
onChange={() => selectTemplate(starter)}
|
||||
className="sr-only"
|
||||
/>
|
||||
<span className="flex items-start gap-3">
|
||||
<span className={`mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border ${isSelected ? "border-purple-300 bg-purple-300 text-black" : "border-zinc-600"}`} aria-hidden="true">
|
||||
{isSelected ? <Check className="h-3.5 w-3.5" strokeWidth={3} /> : null}
|
||||
</span>
|
||||
<span>
|
||||
<span className="block font-semibold text-white">{starter.label}</span>
|
||||
<span className="mt-1 block leading-6 text-zinc-400">{starter.description}</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
{selected ? (
|
||||
<section className="mt-7 border-t border-zinc-800 pt-7" aria-live="polite" aria-labelledby="starter-request-heading">
|
||||
<div className="flex items-start gap-3">
|
||||
<ShieldCheck className="mt-0.5 h-5 w-5 shrink-0 text-purple-300" aria-hidden="true" />
|
||||
<div>
|
||||
<h3 id="starter-request-heading" className="font-semibold text-white">{selected.label} request</h3>
|
||||
<ul className="mt-3 space-y-1 text-sm leading-6 text-zinc-400">
|
||||
{selected.checks.map((check) => <li key={check}>• {check}</li>)}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<pre className="mt-5 overflow-x-auto rounded-lg border border-zinc-800 bg-black p-4 text-sm leading-6 text-zinc-200"><code>{formatProjectIntakeStarterRequest(selected)}</code></pre>
|
||||
<div className="mt-4 flex flex-col items-start gap-3 sm:flex-row sm:items-center">
|
||||
<button
|
||||
type="button"
|
||||
onClick={copyRequest}
|
||||
className="inline-flex min-h-11 items-center gap-2 rounded-md border border-purple-300 bg-purple-300 px-4 py-2 text-sm font-semibold text-black transition-colors hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-300 focus-visible:ring-offset-2 focus-visible:ring-offset-[#08080a]"
|
||||
>
|
||||
{copyState === "copied" ? <Check className="h-4 w-4" aria-hidden="true" /> : <Copy className="h-4 w-4" aria-hidden="true" />}
|
||||
<span>{copyState === "copied" ? "Copied" : "Copy starter request"}</span>
|
||||
</button>
|
||||
{copyState === "unavailable" ? (
|
||||
<p className="inline-flex items-center gap-2 text-sm text-amber-200" role="status">
|
||||
<TriangleAlert className="h-4 w-4 shrink-0" aria-hidden="true" />
|
||||
Copy is unavailable here. Select the visible request and copy it manually.
|
||||
</p>
|
||||
) : null}
|
||||
</div>
|
||||
</section>
|
||||
) : null}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user