MCP HubMCP Hub
SKILL·93D3FC

suede-video

JasonColapietro
업데이트됨 22 days ago
5 조회
139
8
139
GitHub에서 보기
메타aidesign

정보

`suede-video` 스킬은 스크립트 작성 및 스토리보드부터 편집과 재사용 가능한 워크플로우 생성에 이르기까지, 완전한 마케팅 영상 제작 파이프라인을 처리합니다. 이 스킬은 승인된 콘텐츠를 여러 버전의 영상으로 변환하는 동시에 라이선싱, 브랜드 자산, 렌더링 비용을 관리합니다. 소셜 플래닝, 광고 컨셉 개발 또는 이미지 단독 자산 작업이 아닌, 영상 제작 작업에 특화되어 사용하십시오.

빠른 설치

Claude Code

추천
기본
npx skills add JasonColapietro/suede-creator-skills -a claude-code
플러그인 명령대체
/plugin add https://github.com/JasonColapietro/suede-creator-skills
Git 클론대체
git clone https://github.com/JasonColapietro/suede-creator-skills.git ~/.claude/skills/suede-video

Claude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요

문서

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.

export const ProductDemo: React.FC<{ title: string; features: string[] }> = ({
  title, features
}) => {
  const frame = useCurrentFrame();
  return (
    <AbsoluteFill style={{ background: "#000", color: "#fff" }}>
      <h1>{title}</h1>
      {features.map((f, i) => (
        <Sequence from={i * 30} key={i}>
          <p>{f}</p>
        </Sequence>
      ))}
    </AbsoluteFill>
  );
};

Candidate fit: Complex animation, interactive previews, or batch rendering when the verified runtime supports them.

When to Pick Which

FactorHTML/CSS rendererReact renderer
Existing stackBrowser and CSS capabilityReact and renderer capability
Animation needsTest required transitionsTest required timeline primitives
Batch renderingVerify local or hosted pathVerify local or hosted path
Team fitInspect maintainability in this repoInspect maintainability in this repo
Rights and costVerify current license and runtime costVerify current license and runtime cost

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, 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.

Another avatar candidate

An alternative avatar platform may fit training or presentation work. Confirm its current features from official documentation and test consent, body-motion, script-ingestion, localization, and export requirements on the authorized account before recommending it.

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.


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

Task-Specific Questions

  1. What type of video do you need? (Demo, explainer, social clip, ad, tutorial)
  2. Do you need a human presenter or can it be voiceover/text?
  3. Is this a one-off or a repeatable template?
  4. What platform and placement is it for? (We will verify its current ratio, duration, and composer requirements.)
  5. Do you have existing assets to work with? (Screenshots, footage, scripts)
  6. What's your budget for video tools?

Tool Integrations

These are evaluation examples, not guaranteed integrations. Verify current official documentation, authenticated access, licensing, model availability, render cost, output rights, and callable tools in the current session.

ToolTypeVerify Before Use
HeyGenAI avatarsLikeness consent, plan rights, API access, cost
HyperframesProgrammatic videoInstalled runtime, renderer, asset licenses
RemotionProgrammatic videoCurrent license, runtime, renderer, hosting cost
RunwayAI generationModel access, generation rights, price, limits

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.

GitHub 저장소

JasonColapietro/suede-creator-skills
경로: skills/suede-video
0
agent-orchestrationagent-skillagent-skillsai-agentsai-codinganthropic
FAQ

자주 묻는 질문

suede-video Skill이란 무엇인가요?

suede-video은(는) JasonColapietro이(가) 만든 Claude Skill입니다. Skill은 Claude가 필요할 때 불러오는 지침과 리소스를 묶어 추가 프롬프트 없이 suede-video 관련 작업을 수행할 수 있게 합니다.

suede-video은(는) 어떻게 설치하나요?

이 페이지의 설치 명령을 사용하세요. suede-video을(를) Claude Code 플러그인으로 추가하거나 저장소를 skills 디렉터리에 복제한 다음 Claude를 다시 시작해 Skill을 불러옵니다.

suede-video은(는) 어떤 카테고리에 속하나요?

suede-video은(는) 메타 카테고리에 속합니다.

suede-video은(는) 무료로 사용할 수 있나요?

네. suede-video은(는) AIMCP에 등록되어 있으며 무료로 설치할 수 있습니다.

연관 스킬

content-collections
메타

이 스킬은 콘텐츠 콜렉션(Content Collections)을 위한 프로덕션 검증된 설정을 제공합니다. 콘텐츠 콜렉션은 Markdown/MDX 파일을 Zod 검증이 포함된 타입 안전한 데이터 콜렉션으로 변환해주는 TypeScript 최우선 도구입니다. 블로그, 문서 사이트 또는 콘텐츠 중심의 Vite + React 애플리케이션을 구축할 때 타입 안전성과 자동 콘텐츠 검증을 보장하기 위해 사용하세요. Vite 플러그인 구성과 MDX 컴파일부터 배포 최적화 및 스키마 검증에 이르기까지 모든 것을 다룹니다.

스킬 보기
polymarket
메타

이 스킬은 개발자들이 Polymarket 예측 시장 플랫폼을 활용한 애플리케이션을 구축할 수 있도록 지원하며, 거래 및 시장 데이터를 위한 API 통합 기능을 포함합니다. 또한 WebSocket을 통한 실시간 데이터 스트리밍을 제공하여 실시간 거래와 시장 활동을 모니터링할 수 있습니다. 이를 통해 거래 전략을 구현하거나 실시간 시장 업데이트를 처리하는 도구를 생성하는 데 활용할 수 있습니다.

스킬 보기
creating-opencode-plugins
메타

이 스킬은 개발자들이 명령어, 파일, LSP 작업 등 25개 이상의 이벤트 유형에 연결되는 OpenCode 플러그인을 만들 수 있도록 돕습니다. JavaScript/TypeScript 모듈을 위한 플러그인 구조, 이벤트 API 명세, 구현 패턴을 제공합니다. OpenCode AI 어시스턴트의 라이프사이클을 사용자 정의 이벤트 기반 로직으로 가로채거나, 모니터링하거나, 확장해야 할 때 사용하세요.

스킬 보기
sglang
메타

SGLang은 RadixAttention 프리픽스 캐싱을 활용하여 JSON, 정규식, 에이전트 워크플로우를 위한 고속 구조화 생성에 특화된 고성능 LLM 서빙 프레임워크입니다. 특히 반복되는 프리픽스가 있는 작업에서 상당히 빠른 추론 속도를 제공하여 복잡한 구조화 출력 및 다중 턴 대화에 이상적입니다. 제약 디코딩이 필요하거나 광범위한 프리픽스 공유가 있는 애플리케이션을 구축할 때는 vLLM과 같은 대안보다 SGLang을 선택하십시오.

스킬 보기