本文へ移動
cccskills
無料GitHub で公開

suede-video

Suede-owned marketing video planning and production discipline. Use when choosing a format, scripting, storyboarding, generating, editing, reverse-engineering pacing, building a repeatable video pipeline, or repurposing one source into multiple cuts. NOT FOR: deciding the social calendar (use suede-social), paid ad concepts (use suede-ad-creative), image-only assets (use suede-image), or publishing unapproved media.

インストール方法を見る

含まれるファイル(7)

  • SKILL.md15.9 KB
  • agents/openai.yaml538 B
  • CARD.md4.4 KB
  • evals/evals.json8.3 KB
  • references/ai-video-prompting.md5.5 KB
  • references/edit-anatomy.md7.1 KB
  • references/programmatic-renderers.md1.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Suede Video Production

Suede Video turns an approved message and rights-cleared source material into scripts, storyboards, generation plans, edit systems, and reusable production pipelines. It keeps likeness, licensing, brand assets, render cost, and publishing as explicit gates rather than assumptions.

Before Starting

Check for product marketing context first: If .agents/product-marketing.md exists (or .claude/product-marketing.md, or the legacy product-marketing-context.md filename, in older setups), read it before asking questions. Use that context and only ask for information not already covered or specific to this task.

Gather this context (ask if not provided):

1. Video Goal

  • What type of video? (Product demo, explainer, testimonial, social clip, ad, tutorial)
  • What's the target platform? (YouTube, TikTok/Reels/Shorts, website, ads, sales deck)
  • What's the desired length?

2. Production Approach

  • Do you need a human presenter? (AI avatar vs. voiceover vs. screen recording)
  • Do you have existing footage or assets? (Screenshots, logos, product UI)
  • Do you need generated footage? (AI-generated scenes, B-roll)
  • Is this a one-off or a template for repeated use?

3. Technical Context

  • What's your tech stack? (Node.js, Python, etc.)
  • Do you have API keys for any video tools?
  • Budget constraints? (Some tools charge per minute of video)

Choosing Your Approach

Choose the production method from the job, available evidence, rights, and currently callable tools:

ApproachCandidate fitTools to evaluateUse when
ProgrammaticTemplated, data-driven, batch videoAn installed HTML/CSS or React rendererThe format repeats and deterministic output matters
AI generationOriginal footage from text/image promptsAny currently authorized generation modelThe scene cannot be filmed practically and output rights are verified
AI avatarsApproved presenter without filmingAny currently authorized avatar platformConsent, likeness, voice, localization, and output rights are documented
Editing/repurposingCutting long-form into short clipsAny installed transcript or timeline editorSource media and derivative-use rights are available

Programmatic Video

Programmatic video is a candidate for repeatable, templated, or data-driven work; verify fit against the current stack, edit needs, cost, and review burden.

HTML/CSS renderer candidate

Hyperframes may fit an HTML/CSS workflow. First check whether it is installed. If it is, read the installed version's documentation, inspect its license, and confirm the renderer and export path. If it is not installed, use a renderer-neutral handoff or request explicit installation authorization after showing the current package source, version, lockfile impact, and cost. The following command must not run without that authorization:

npm install hyperframes

Key concept: Each frame is an HTML document. Compose frames into a timeline, render to MP4.

import { render } from "hyperframes";

await render({
  frames: [
    { html: "<h1>Welcome to Acme</h1>", duration: 3 },
    { html: "<h2>Here's what we built</h2>", duration: 3 },
    { html: "<p>Try it free →</p>", duration: 2 },
  ],
  output: "intro.mp4",
  width: 1080,
  height: 1920, // 9:16 for vertical
});

Candidate fit: Product announcements, changelogs, data-driven reports, and approved personalized outreach videos. Verify determinism with a repeat-render test instead of assuming it.

React renderer candidate

Remotion may fit a React-based workflow. Verify the installed or callable version, current documentation, license, rendering path, and hosting cost. The scaffold command may install packages or create files; run it only with explicit authorization for that change, otherwise provide a renderer-neutral plan:

npx create-video@latest

Key concept to verify: React components express timed visuals and props drive content. Confirm whether rendering is local or uses an authorized hosted renderer.

Read references/programmatic-renderers.md when the repo already uses React, or when the choice between the HTML/CSS and React paths has to be justified: it carries the React component sample and the renderer selection table.


AI Video Generation

Generate original footage from text or image prompts. Use for B-roll, hero visuals, and scenes you can't practically film.

Model comparison

Discover currently callable and authorized models before recommending one. Read current official documentation and run a bounded test on the actual account. Compare:

CriterionEvidence to capture
Output fitResolution, duration, audio, motion, and consistency from current docs plus a test clip
ControlReference-image, camera, edit, seed, and storyboard controls actually exposed
OperationsQueue time, failure rate, export path, and repeatability
RightsInput rights, output rights, model restrictions, consent, and provenance
EconomicsCurrent plan, per-generation cost, failed-generation treatment, and budget cap

If no model is callable and authorized, return a shot list, prompt set, reference-frame brief, and manual vendor-evaluation checklist.

Prompting for Video Models

Good video prompts specify: subject + action + camera + style + mood

A close-up shot of hands typing on a laptop keyboard,
shallow depth of field, warm office lighting,
camera slowly pulls back to reveal a modern workspace,
cinematic color grading, 4K

Common mistakes:

  • Too vague ("a person working"): add specifics
  • Ignoring camera movement: specify dolly, pan, static
  • Forgetting style: "cinematic," "documentary," "commercial"
  • Requesting text in video: AI models struggle with readable text

For detailed prompting guides: See references/ai-video-prompting.md

AI Generation vs. Stock Evaluation

Use CaseGeneration evidence to testStock/original evidence to test
Specific scenePrompt control, continuity, review burdenSearch coverage, license, edit fit
Style continuityCross-clip consistency in a bounded testMatch quality across licensed clips
Real locationFactual accuracy and disclosure riskProvenance and location release
Product/brandUI and mark fidelity; avoid fabricated product claimsApproved real captures or assets
B-rollQueue time, failure rate, costSearch and licensing time

AI Avatars

Create talking-head videos without filming. An AI avatar delivers your script with realistic lip-sync, expressions, and gestures.

Avatar tool evaluation

HeyGen is one possible avatar platform, not a guaranteed or preferred integration. Before naming it or another vendor, verify current official documentation, authenticated access, callable API or connector availability, plan limits, price, output rights, body-motion and script-ingestion controls, localization and export requirements, and the consent requirements for every voice or likeness involved.

If no avatar tool is currently callable and authorized, provide a manual vendor-neutral workflow: approved script, consent record, user-operated upload, export checklist, and a real-camera or voiceover fallback.

Possible fit to test: product explainers, feature announcements, multilingual versions, and approved personalized outreach.

Avatar vs. Other-Approach Test

ScenarioAvatar evidence to verifyAlternative to compare
Recurring contentConsent, repeatability, audience responseRecorded presenter or voiceover
Multilingual versionsTranslation, pronunciation, disclosureHuman localization
Personalized outreachConsent, claim review, cost, reply qualityApproved text or recorded template
Founder messageTrust and disclosure responseDirect recording
Product UI walkthroughPresenter value around real capturesScreen recording
Creative/artistic videoControl, originality, rightsOriginal footage or generated scenes

Editing & Repurposing Tools

Turn existing content into multiple video formats.

Treat the named products as candidates. Discover what is currently installed or callable, verify the user's account and rights, then map the workflow to the available tool. If none is available, return an edit decision list, clip timestamps, captions, and export settings for manual execution.

Candidate capabilityWhat to verifyCandidate fit
Transcript editorSpeaker accuracy, cut control, export, privacyInterviews, podcasts, webinars
Clip assistantSelection controls, provenance, false-positive rateLong-form to short-form review
Timeline editorCaption, effect, audio-rights, and export controlsPlatform-specific finishing
Accessibility assistantCaption accuracy, eye-contact disclosure, dubbing consentApproved talking-head content

Repurposing Workflow

Long-form content (podcast, webinar, demo)
    ↓
Transcript edit: Clean up, remove filler, polish
    ↓
Clip review: Propose moments with source timestamps
    ↓
Timeline edit: Add reviewed captions, effects, and platform styling
    ↓
Distribute: TikTok, Reels, Shorts, LinkedIn

Reverse-Engineer a Viral Edit

To study the style of a reference edit, first discover whether an authorized media-inspection, browser, or local-file viewer is currently callable. If one is available, inspect the actual frames and timing. Otherwise ask the user to attach the media, screenshots, or a timecoded export and provide a manual frame-sampling checklist. Then extract a reusable beat sheet plus the 3–5 signature moves. Review it before execution in any currently available editor. Copy the editing grammar, never the reference's footage, script, voice, or music. Full method: references/edit-anatomy.md.


Video Production Workflows

Product Demo Video

  1. Script the key features and value props (use suede-copy skill)
  2. Screen record the product flow
  3. Programmatic overlay: use an available authorized renderer for titles, callouts, and transitions, or provide manual editor instructions
  4. AI B-roll: only with a discovered authorized generator and verified rights; otherwise use licensed stock or original footage
  5. Voiceover: record yourself or use AI avatar for narration
  6. Export at platform-appropriate specs

Explainer Video

  1. Script the problem → solution → CTA arc
  2. Choose presenter: an approved avatar workflow when available, or recorded voiceover plus visuals
  3. Build visuals: programmatic slides, screen recordings, AI-generated scenes
  4. Add captions as an accessibility default and verify their accuracy
  5. Export only after checking current destination requirements and previewing the authenticated composer; do not assume a universal orientation

Batch Social Clips

  1. Create master template in an available authorized renderer or a manual editor project
  2. Feed data: product features, testimonials, stats
  3. Render batch: one template, many variations
  4. Add platform-specific captions with an available editor
  5. Return approved export candidates to suede-social for channel strategy; scheduling remains a separate explicit action

Tool-Aware Video Pipeline

Use automation only after discovering currently callable, authenticated, and authorized tools. Otherwise produce the same artifacts as a manual handoff.

Approved script (from product context)
    ↓
Available renderer/avatar/generator, if authorized
    or manual editor with timecoded instructions
    ↓
Review cut, rights, captions, and brand assets
    ↓
Output: Approved export candidate, not automatically published

When no production tool is available, return the script, shot list, asset manifest, beat sheet, captions, edit decision list, and export settings so the user can execute the cut manually, in these exact headings:

## Script
<scene or beat> | on-camera or VO line | duration target

## Shot List
Shot # | source (screen capture / owned footage / licensed / generated) | framing | notes

## Asset Manifest
Asset | origin | rights basis and holder | expiry or attribution required | file path

## Beat Sheet
Use the row schema in references/edit-anatomy.md (Beat | Time | Shot |
On-screen text | Caption style | Transition/motion | Audio) plus its style
summary. Do not invent a second beat-sheet format.

## Captions
Full caption text with timecodes; state the accuracy check performed.

## Edit Decision List
Clip # | source file | in TC | out TC | placement | transition | audio bed

## Export Settings
Destination | ratio | resolution | frame rate | codec | max duration | verified
against (current spec source + date)

## Open Gates
<missing rights, consent, cost approval, or brand asset; use the halt contract>

For the beat sheet and its style summary, read references/edit-anatomy.md before writing the handoff: it owns that row schema.


Common Mistakes

  1. Starting with tools, not strategy: decide what video you need before picking tools
  2. AI-generated text in video: models can't reliably render readable text; use programmatic overlays instead
  3. Unverified avatar quality: test a short consented sample before paying for or producing a batch
  4. Inaccessible cut: provide accurate captions without asserting a universal sound-off viewing rate
  5. Unverified export spec: read current destination requirements and preview the actual composer before choosing ratio, resolution, or duration
  6. Unsupported production-style claim: compare polished and informal treatments on the current account instead of claiming one universally wins

Halt Contract

Use this exact format when tool authorization, cost approval, rights, consent, or an approved brand asset blocks the requested result, including the install and scaffold gates above and the brand-mark gate in Boundaries:

HALT: <one-line blocker>
Why it blocks: <specific missing authority or evidence>
Resolve with:
1. <option>
2. <option>
3. <option, when useful>
Waiting for: <the exact item or approval>

Continue with the manual-handoff artifacts above only when they remain useful and do not imply the blocker was resolved or that a render occurred.


Boundaries

  • Do not generate, render, purchase, upload, or publish media without approval of scope, tool cost, rights, and destination.
  • Do not clone a real person's voice or likeness, use unlicensed source media, or promise an exact copy of a reference style or edit.
  • For Suede-branded visuals, use only the approved transparent Suede S asset at JasonColapietro/suede-creator-skills/docs/assets/suede-ai-logo-transparent.png with SHA-256 83a7ee0317e4debe2e7b076c20ba067feb76a587f9e829dc6310ae4be4b44dfa; if it is missing or changed, omit the mark and halt for the approved file.

Routing

  • Use suede-social to choose channel strategy, cadence, and distribution.
  • Use suede-ad-creative for paid video ad concepts and variants.
  • Use suede-image for still-image generation and editing.
  • Use suede-copy for source-verified script and messaging polish.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Suede-affiliated Amazon money-recovery audit for restocking fees, short or denied refunds, and Amazon-billed subscriptions. Use when the user mentions a restocking fee, a short or denied Amazon refund, or a forgotten Prime Video Channel, Audible, Kindle Unlimited, or Prime charge, or asks whether Amazon still owes or bills them. Read-only discovery; no chat, cancellation, or dispute without the account owner's per-item confirmation, and never a promise of recovery. Requires an authenticated Claude in Chrome session. NOT FOR: bank chargebacks, marketplace A-to-z seller claims, price-protection claims, or subscriptions billed outside Amazon (use subscription-recovery).

日本語の概要は準備中です。原文の説明を表示しています。

JasonColapietro/suede-creator-skills1272026年10月12日 更新

Suede Labs Android app factory: plan, build, test, and release a production-grade native Android app from a product idea through Google Play. Use for requests to create, ship, submit, monetize, or modernize an Android app. Covers Kotlin and Jetpack Compose architecture, API-level policy verification, accessibility, privacy and Data Safety, Play Billing, Play Integrity, account deletion, testing, performance, store assets, signing, staged rollout, and a release evidence gate. NOT FOR: iOS work (private Suede Labs companion, not in this pack: ios-app-factory), a review-only pass on an existing app (use suede-code-review), or live Play listing and keyword audits on a shipped app (use suede-aso).

日本語の概要は準備中です。原文の説明を表示しています。

JasonColapietro/suede-creator-skills1272026年10月12日 更新

Design, review, and visually QA web and app interfaces against explicit design laws so shipped screens look intentional instead of generic AI output.

日本語の概要は準備中です。原文の説明を表示しています。

JasonColapietro/suede-creator-skills1272026年10月12日 更新

Suede AI full-stack surface builder that runs design, copy, and visual QA as one pass: landing pages, brand surfaces, product UI, dashboards, campaigns, launch pages, and reference-to-target restyles (suedify). Use when a build needs layout and words together, when a redesign or launch surface has to ship end to end, when the request is 'make this site look like that one', or when design, copy, asset, and QA lanes have to move at once. NOT FOR: a design-token, dark-mode, or single-component decision (use suede-design); copy with no layout work (use johnny-suede-write, or suede-copy for one standalone conversion surface); conversion and funnel architecture (use suede-site-alchemy); multi-agent orchestration protocols, WIP protection, and rollback trees (use suede-agent-teams).

日本語の概要は準備中です。原文の説明を表示しています。

JasonColapietro/suede-creator-skills1272026年10月12日 更新

Suede Labs full writing stack: sharper copy for docs, pages, email, social, headlines, CTAs, product listings, and public explainers, with an SEO/AEO/AI EO pass, persona and framework selection, brand-voice alignment, and a scored ship gate. Use when a writing job spans more than one surface, needs a voice retune as well as a draft, needs discoverability metadata alongside the copy, when the document is one an agent reads such as a SKILL.md, CLAUDE.md, or AGENTS.md, or when the user asks for 'the full writing stack', a launch package, or a public explainer talk-track. NOT FOR: one standalone conversion surface in one pass (use suede-copy); stripping AI patterns from text you did not write (use suede-deslop); a researched multi-phase piece for a high-stakes public surface (use suede-ship-copy); a deep standalone SEO audit (use suede-seo-audit); copy that ships inside a design or layout build (use johnny-suede-design).

日本語の概要は準備中です。原文の説明を表示しています。

JasonColapietro/suede-creator-skills1272026年10月12日 更新

Suede Labs workflow for turning a website, PWA, dashboard, or marketplace into an iOS app. Use when the user has a live site or web app and asks to put it on the App Store, wrap it in an app, ship an iOS version, or convert a PWA to native, covers URL audit, shell-vs-native strategy, App Store 4.2 wrapper risk, native value requirements, screenshots, metadata, privacy answers, and the release gate. NOT FOR: building a native iOS app with no existing site (private Suede Labs companion, not in this pack: ios-swiftui-product); repairing or releasing an existing Capacitor shell (private Suede Labs companion, not in this pack: ios-capacitor-shell); Android conversions (use android-app-factory); live listing and keyword audits on a shipped app (use suede-aso).

日本語の概要は準備中です。原文の説明を表示しています。

JasonColapietro/suede-creator-skills1272026年10月12日 更新

JasonColapietro のスキルをすべて見る

このスキルの問題を報告する