Community程式設計與開發github.com

HyperFrames 在地商家宣傳片製作

為在地商家快速打造 15-30 秒的短宣傳影片,適用於 Instagram、Facebook 及 Google 商家檔案,支援餐飲、美容、健身、服務業等。

HyperFrames 在地商家宣傳片製作 是什麼?

這項技能專為在地商家設計,能將其手機照片、菜單 PDF、優惠細節與 Logo 等素材,快速轉化為可在 HyperFrames 中渲染的短宣傳片。它遵循一套標準化的 15-30 秒影片公式:開場直接呈現亮點(0-2 秒),中間解說細節(2-15 秒),最後加上行動呼籲與店家資訊。支援 Instagram Reels/Stories、Facebook 貼文及 Google Business Profile 等多種輸出格式,並可自動生成貼文文案與封面圖。技能強調整體的真實感,優先使用商家真實照片而非圖庫素材,並確保所有日期、價格與優惠條件的準確性。內建品牌範本儲存功能,讓後續宣傳片只需十分之一的設定時間,適合需要穩定產出短片的在地店家。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add OneWave-AI/claude-skills

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

HyperFrames 在地商家宣傳片

在地商家需要穩定的短宣傳片產出,但往往沒有製作預算——這項技能就是您的專屬內部影片剪輯師。它能根據商家現有的素材(手機照片、菜單 PDF、優惠細節、Logo)快速規劃出可在 HyperFrames 中渲染的宣傳片。製作機制的具體實作依賴 hyperframes 技能(hyperframes-cli 提供 init/lint/preview/render 指令,hyperframes-media 處理配音與去背)。

步驟 1 —— 快速了解需求

宣傳片類型:優惠/促銷、新商品或服務、活動、公告(新營業時間、新地點)、徵才,或常態品牌短片。需要掌握的重點資訊只有一項(優惠條件、日期、餐點名稱),以及現有素材(照片、Logo、菜單、品牌色)和投放平台。在地宣傳片屬於量產內容:目標是在幾分鐘內完成規劃,而不是花好幾小時開會。

步驟 2 —— 規劃宣傳片

在地宣傳片公式(15-30 秒):

  1. 開場即亮點(0-2 秒)——餐點、前後對比、優惠數字。不要先放 Logo,不要用冗長的片頭。
  2. 細節解說(2-15 秒)——什麼、何時、多少錢,用動態文字疊在照片上。每一項資訊都必須與需求比對:日期、價格、條件、地址。
  3. 結尾 Call to Action(最後 3-5 秒)——一個行動呼籲(「官網預約」、「週末限定」、「歡迎直接進店」)加上店家名稱、位置與 Logo 組合畫面。

照片處理原則:對在地信任感來說,真實手機照片永遠勝過圖庫素材——用心裁切與平移即可。若產品照需要去背以搭配品牌底色,可使用 hyperframes-media。絕對不要使用圖庫中那種制式的微笑人物照;與其造假不如完全不使用圖庫(僅在缺乏質感或氛圍時可使用 stock-photo-finder 補畫面)。

步驟 3 —— 製作與交付

  • 品牌色調與字型從現有素材中提取(就算只有 Logo 的顏色也行);避免使用紫色或表情符號——需要時使用乾淨的圖示。
  • 大字型、易閱讀:宣傳片是在手機動態消息中被觀看的——如果某個細節很重要,就一定要顯示在畫面上,不能只靠配音。同步字幕,配音可選(很多在地宣傳片用動態+音樂節奏比旁白更有效)。
  • 依照 HyperFrames 規則使用確定性、可安全跳轉的動畫;在宣稱完成前務必執行 lint 與 preview——千萬不要只說「它會渲染」而不實際跑一次流程。
  • 交付格式:9:16(Reels/Stories/TikTok)、1:1(動態消息)、適合 Google Business Profile 的剪輯版本,以及包含優惠條件、貼文封面圖的貼文文案。

步驟 4 —— 讓流程可重複

第二支宣傳片的設定時間應該只需要第一支的十分之一:將品牌代碼、Logo 組合場景與結尾場景儲存為該商家的範本,並提供內容日曆的策略——每週一支宣傳片(優惠、商品亮點、使用 hyperframes-testimonial-builder 製作的顧客好評、幕後花絮)遠勝於每季一支完美影片。

規則

  • 優惠資訊的準確性不容妥協:日期、價格、條件必須與店家提供的完全一致,且在渲染前必須重新確認。
  • 永遠優先使用真實照片,而非圖庫——真實性是在地商家的優勢;提升呈現品質,但不能扭曲事實。
  • 一支宣傳片只講一件事。優惠、活動與徵才必須分開製作成三支影片。
  • 可讀性比創意更重要:任何需要觀看者閱讀的資訊必須停留在畫面上至少 3 秒,並以手機螢幕尺寸測試。
  • 涉及酒精、健康/醫療與受監管服務的宣傳片,必須加上法規遵循提示(例如 happy hour 廣告規定、治療效果宣稱),不可自行默認沒問題。

快速指令

  • 「為 [優惠/活動] 製作宣傳片」——完整工作流程
  • 「用 [照片] 製作新菜單短片」——商品亮點
  • 「徵才影片」——徵才宣傳片(可搭配 job-post-writer 提供文案)
  • 「用範本製作週宣傳片」——使用已儲存的品牌範本進行批量製作

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

OneWave-AI/claude-skills

Deploy a 2-layer parallel agent hierarchy for large, parallelizable work — big refactors, multi-file migrations, codebase-wide audits, bulk generation. A top-tier commander (Fable or Opus) orchestrates the swarms; the user picks a power level (Max Power / Heavy / Balanced / Economy) that sets the Opus/Sonnet/Haiku model mix per layer. Layer 1 is 3-50+ specialist agents, each with its own full context window; Layer 2 is 2+ sub-agents per member. Includes git safety, tiered sizing, a pre-deploy gate, phantom-completion checks, and multi-wave follow-up.

OneWave-AI/claude-skills

Generate animated videos and motion graphics from natural language descriptions. Creates a standalone Vite + React project with Framer Motion scenes that auto-play in the browser. Use when the user wants to create animations, motion graphics, video intros, animated presentations, or product demos.

OneWave-AI/claude-skills

Use before starting a product, feature, MVP, agent, automation, or integration build to identify the main pre-build risk and choose the smallest validation step. Trigger when the user asks whether to build, scope, validate, prioritize, or sanity-check an idea before implementation.

OneWave-AI/claude-skills

Post-mortem analysis when a client churns. Takes client history, engagement data, support tickets, usage logs, and exit feedback to produce a comprehensive churn autopsy with root cause classification, timeline of decline, and preventive measures.

OneWave-AI/claude-skills

Compose a premium, animated landing page section by section in Next.js + Tailwind + Motion (Framer Motion) — built on a real design system, with editorial copy and motion that feels human-crafted, not template-generated. Use when building or rebuilding a landing page, marketing site, or hero/feature/pricing/CTA sections that need to look production-ready and bespoke from day one.

OneWave-AI/claude-skills

Assemble 2-3 complementary experts to collaboratively analyze anything. Experts work together to explore topics from multiple expert angles.

OneWave-AI/claude-skills

Convert any topic into playable browser games. Types: trivia, matching, word puzzles, adventure games. Uses Phaser.js or Kaboom.js.

OneWave-AI/claude-skills

Turn a marketing brief or product offer into a finished short-form video ad built in HyperFrames — hook, script, shot-by-shot storyboard, scene-by-scene HTML composition, captions, and voiceover. Outputs platform cuts (vertical 9:16, square, 16:9). Use when you need a launch ad, product promo, social video, or paid-creative concept ready to render.

OneWave-AI/claude-skills

Turn a website URL, product docs, or a founder's rambling description into a tight 60-90 second explainer video built in HyperFrames -- problem/solution narrative, animated product walkthrough scenes, captions, and voiceover, ready for the homepage hero, sales emails, and onboarding.

OneWave-AI/claude-skills

Build promo videos for local businesses in HyperFrames -- the new-menu drop, the seasonal offer, the event announcement, the "we're hiring" post, the Google Business Profile clip. Restaurant, salon, gym, trades: 15-30 seconds, brand-clean, captioned, sized for Instagram, Facebook, and the profile.

OneWave-AI/claude-skills

Build a personalized product-demo or sales-walkthrough video in HyperFrames for a specific prospect or account — narrated screen-by-screen, branded to them, ending in a clear next step. Turns a generic demo into a "this was made for me" asset for outbound, follow-up, or deal acceleration. Use when you want to send a tailored video instead of booking another live call.

OneWave-AI/claude-skills

Turn real customer reviews, quotes, and case-study results into polished social-proof videos built in HyperFrames -- single-testimonial spotlights, review-wall montages, and stat-driven proof reels with captions and voiceover, cut for vertical, square, and wide. The highest-converting content most businesses never make.

OneWave-AI/claude-skills

Audit a codebase for LLM calls that are really classifications in disguise, then produce a costed swap plan for a System One model. Use when asked to cut AI inference cost or latency, when scoping a performance engagement for a client, when reviewing an agent loop that feels slow, or when asked "where could we use Jev here". Produces a ranked table of candidates with measured latency and dollar deltas.

OneWave-AI/claude-skills

Build and run a labelled eval set for a System One model (Jev, Von, or any typed-decision config), then sweep criteria wordings and thresholds against it. Use when a Jev/Von classification is wrong or unreliable, when choosing between the hosted API and a local open model, when tuning noul thresholds, or before shipping any typed-decision feature. Produces an accuracy-by-wording matrix and a calibrated threshold.

OneWave-AI/claude-skills

Wire a System One model (Jev, or an open reproduction like Von) into a product feature — routing, guardrails, scoring, classification. Use when replacing an LLM call that returns a label rather than prose, when adding a typed decision to an agent loop, or when deciding between the hosted Jev API and a local open model. Covers question design, the eval-set-first workflow, threshold calibration, confidence gates, and the traps measured on real data.

OneWave-AI/claude-skills

Optimize landing pages for conversions, performance, and SEO. Use when improving landing pages, increasing conversions, or optimizing page performance.

OneWave-AI/claude-skills

TAM/SAM/SOM calculator with deep market research. Produces comprehensive market-sizing.md with top-down and bottom-up estimates, methodology, data sources, assumptions, sensitivity ranges, growth projections, competitive landscape, and Mermaid visualizations. Use when user needs market size estimates, addressable market analysis, go-to-market sizing, investor-ready market analysis, or business plan market validation.

OneWave-AI/claude-skills

Generate unique personalized first lines for hundreds of prospects using company news, LinkedIn activity, and mutual connections. Saves 10+ hours of manual research per campaign. Use when you need personalized outreach at volume.

OneWave-AI/claude-skills

Review investment portfolios for risk, diversification, fees. Asset allocation recommendations, tax-loss harvesting, rebalancing.

OneWave-AI/claude-skills

Create multiple choice, true/false, fill-in-blank, matching quizzes. Auto-generate plausible distractors. Instant grading with explanations.

相關技能