[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JCAPFC4BFADB97W6F9RTZE":3,"skill-same:01M6JCAPFC4BFADB97W6F9RTZE":73},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":25,"publishedAt":46,"linkOnly":47,"markdownContent":48,"markdownBody":49,"frontMatter":50,"refName":51,"commitSha":52,"skillDirectory":53,"forksCount":54,"repositoryHtmlUrl":55,"repositoryHomepageUrl":56,"ownerHtmlUrl":57,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":58,"install":59,"resources":72},"01M6JCAPFC4BFADB97W6F9RTZE","short-form-video-production",null,"Use when producing short-form video end to end: idea selection, hook and retention structure, sentence-level edit decisions, captions, thumbnails\u002Ffirst-frame communication, Remotion or FFmpeg implementation, and Appie\u002FWeblyfe production workflows.","S3YED\u002Fappie-kit","S3YED","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F62743867?v=4","01M6JBKBRRVP6KMS0VWZ27T3R6","01M6JBKBX0KG30284PW1DBYJT1",14,"MIT","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fshort-form-video-production\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"short form video production","Production","Video","short form video","short","video production","form","selection","weblyfe","short-form","hook","retention","end","structure","workflows","thumbnails","edit","Captions","Remotion","communication","2026-11-10 10:12:30",false,"---\nname: short-form-video-production\ndescription: \"Use when producing short-form video end to end: idea selection, hook and retention structure, sentence-level edit decisions, captions, thumbnails\u002Ffirst-frame communication, Remotion or FFmpeg implementation, and Appie\u002FWeblyfe production workflows.\"\n---\n\n# Short-Form Video Production\n\nUmbrella skill for Reels, Shorts, and TikTok production. Prefer this over separate micro-skills for ideation, editing, thumbnails, Remotion notes, or one project-specific production pass.\n\n## End-to-end workflow\n1. Choose the concept and the audience-specific promise.\n2. Design the first frame and hook before polishing the middle.\n3. Build an open loop and delay the payoff.\n4. Cut at the sentence level for clarity, novelty, and energy.\n5. Add captions, visual changes, and audio transitions.\n6. Verify the first frame, the 3-second hook, and the abrupt ending.\n7. Export, review muted, and deliver the correct file format.\n\n## Core sections\n### Ideation and retention\n- Hook first, payoff later.\n- Use clear audience targeting and 5th-grade readability when scripting.\n- Structure around hook -> foreshadow -> tension -> payoff -> abrupt end.\n\n### Editing decisions\n- Keep only sentences that advance the story, prove the claim, or deliver payoff.\n- Trim transitional filler and long dead pauses.\n- Preserve emphasis pauses that carry meaning.\n- Ensure a visual change at least every 5-8 seconds.\n\n### Captions and motion\n- Highlight one meaning-bearing word per phrase.\n- Verify word timing tightly.\n- Use motion as emphasis, not constant noise.\n\n### Thumbnails and first-frame design\n- First frame must communicate the concept on mute.\n- Face, contrast, and 3-5 word text are usually enough.\n- Design for mobile legibility and safe zones.\n- For vertical reels, compose natively in 9:16 from the start.\n- When the opener is the main hook, generate or revise the opener before polishing downstream scenes.\n\n### Tooling and implementation\n- FFmpeg for extraction, normalization, stitching, muxing, and quick probes.\n- Remotion for programmable compositions, caption animation, and reusable branded systems.\n- HyperFrames for HTML-native, agent-friendly editing pipelines for deterministic social-video renders.\n- Submagic API for polished captions, hook titles, AI B-roll, and Magic Clips.\n- Vizard API for clip\u002Fedit automation and multi-format outputs.\n- Use commercial APIs first for speed and reliability. Use OSS tools only after secure vetting.\n\n### Verification checklist\n- [ ] First frame communicates the concept without sound\n- [ ] Hook lands in the first 1.5-3 seconds\n- [ ] Payoff is delayed, then delivered cleanly\n- [ ] No obvious dead pauses or redundant sentences remain\n- [ ] Captions and export format match the delivery platform\n- [ ] Final MP4 is stored outside \u002Ftmp or copied to a persistent path before delivery\n- [ ] If likeness matters, the opener matches the user's provided photo\u002Freference\n- [ ] If the user asked for oversight, a review bundle was delivered before continuing to animation\n- [ ] Sound design \u002F narration plan is included when the task is a reel or short-form video===ME:short-form-video-production","# Short-Form Video Production\n\nUmbrella skill for Reels, Shorts, and TikTok production. Prefer this over separate micro-skills for ideation, editing, thumbnails, Remotion notes, or one project-specific production pass.\n\n## End-to-end workflow\n1. Choose the concept and the audience-specific promise.\n2. Design the first frame and hook before polishing the middle.\n3. Build an open loop and delay the payoff.\n4. Cut at the sentence level for clarity, novelty, and energy.\n5. Add captions, visual changes, and audio transitions.\n6. Verify the first frame, the 3-second hook, and the abrupt ending.\n7. Export, review muted, and deliver the correct file format.\n\n## Core sections\n### Ideation and retention\n- Hook first, payoff later.\n- Use clear audience targeting and 5th-grade readability when scripting.\n- Structure around hook -> foreshadow -> tension -> payoff -> abrupt end.\n\n### Editing decisions\n- Keep only sentences that advance the story, prove the claim, or deliver payoff.\n- Trim transitional filler and long dead pauses.\n- Preserve emphasis pauses that carry meaning.\n- Ensure a visual change at least every 5-8 seconds.\n\n### Captions and motion\n- Highlight one meaning-bearing word per phrase.\n- Verify word timing tightly.\n- Use motion as emphasis, not constant noise.\n\n### Thumbnails and first-frame design\n- First frame must communicate the concept on mute.\n- Face, contrast, and 3-5 word text are usually enough.\n- Design for mobile legibility and safe zones.\n- For vertical reels, compose natively in 9:16 from the start.\n- When the opener is the main hook, generate or revise the opener before polishing downstream scenes.\n\n### Tooling and implementation\n- FFmpeg for extraction, normalization, stitching, muxing, and quick probes.\n- Remotion for programmable compositions, caption animation, and reusable branded systems.\n- HyperFrames for HTML-native, agent-friendly editing pipelines for deterministic social-video renders.\n- Submagic API for polished captions, hook titles, AI B-roll, and Magic Clips.\n- Vizard API for clip\u002Fedit automation and multi-format outputs.\n- Use commercial APIs first for speed and reliability. Use OSS tools only after secure vetting.\n\n### Verification checklist\n- [ ] First frame communicates the concept without sound\n- [ ] Hook lands in the first 1.5-3 seconds\n- [ ] Payoff is delayed, then delivered cleanly\n- [ ] No obvious dead pauses or redundant sentences remain\n- [ ] Captions and export format match the delivery platform\n- [ ] Final MP4 is stored outside \u002Ftmp or copied to a persistent path before delivery\n- [ ] If likeness matters, the opener matches the user's provided photo\u002Freference\n- [ ] If the user asked for oversight, a review bundle was delivered before continuing to animation\n- [ ] Sound design \u002F narration plan is included when the task is a reel or short-form video===ME:short-form-video-production",{"name":5,"description":7},"master","8ec37df6d71fb664ea19d32c079e7d3ff931a8e0","skills\u002Fcontent\u002Fshort-form-video-production",3,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit","https:\u002F\u002Fweblyfe.ai","https:\u002F\u002Fgithub.com\u002FS3YED","2026-08-27 01:54:02",{"source":8,"skillName":5,"commands":60,"prompt":70,"zipAvailable":71},[61,64,67],{"tool":62,"command":63},"npx","npx skills add S3YED\u002Fappie-kit --skill short-form-video-production",{"tool":65,"command":66},"bunx","bunx skills add S3YED\u002Fappie-kit --skill short-form-video-production",{"tool":68,"command":69},"pnpm","pnpm dlx skills add S3YED\u002Fappie-kit --skill short-form-video-production","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fshort-form-video-production\u002FSKILL.md",true,[],[74,104,139,164,195,219],{"skillNo":75,"name":76,"nameZh":6,"description":77,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":78,"categories":79,"keywords":85,"publishedAt":46},"01M6JFD4M6N4DSGC7TXEJ5R3J2","ai-music","AI music generation and audio tools: HeartMuLa lyrics-to-music generation, songwriting craft (+ Suno prompts), and audio spectrogram\u002Ffeature visualization.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fwethlete\u002Fai-music\u002FSKILL.md",[80,83,84],{"categoryNo":81,"categoryName":82,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103],"music","ai music","humanizer","visualization","Tools","Audio","hermes","hermes agent","songwriting","suno","lyrics","prompts","heartmula","craft","generation","feature","ai music generation","music generation",{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":118,"publishedAt":46},"01M6JFCZE4XNFQFMNZDHKHT5V5","agentic-webdesign-design-system-ingestion","Use v0 Design Systems 2.0, Bolt Design System Agents, or Lovable to generate production UI from a client's real design system components — not generic Tailwind. Use when building a client website where brand consistency matters.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-design-system-ingestion\u002FSKILL.md",[110,113],{"categoryNo":111,"categoryName":112,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":114,"categoryName":115,"taxonomyType":116,"taxonomyTypeDesc":117},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138],"design","agentic","design system","system","ingestion","webdesign","agentic webdesign design system ingestion","components","generate","design systems","website","ui","Tailwind","bolt","lovable","v0","design-system","wed","design system components","appie",{"skillNo":140,"name":141,"nameZh":6,"description":142,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":143,"categories":144,"keywords":147,"publishedAt":46},"01M6JFCVPX3913CFAS6QQJ33ZB","agentic-webdesign-agent-elements","Use 21st.dev Agent Elements — 25 shadcn\u002Fui components purpose-built for AI agent UIs. Tool cards (Bash, Edit, Search, Plan, Subagent, MCP), chat, input, streaming. Open source, shadcn-registry install, no runtime lock-in.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-agent-elements\u002FSKILL.md",[145,146],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":114,"categoryName":115,"taxonomyType":116,"taxonomyTypeDesc":117},[120,148,124,149,150,151,126,152,153,154,155,156,157,158,159,42,160,161,162,163],"elements","agentic webdesign agent elements","MCP","ai agent","registry","search","streaming","open source","open","Bash","plan","subagent","install","input","lock","source",{"skillNo":165,"name":166,"nameZh":6,"description":167,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":168,"categories":169,"keywords":174,"publishedAt":46},"01M6JFCQC7H65M9QJ6TRE71BS1","vercel-deployment","Deploy static sites and frontends to Vercel — handles both CLI and REST API paths, including the CLI token sanitization workaround.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fvercel-deployment\u002FSKILL.md",[170,173],{"categoryNo":171,"categoryName":172,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194],"deployment","vercel deployment","vercel","macos","cli","linux","windows","deploy","vercel deploy","REST","api","site","deploy to vercel","token","rest api","host","sites","paths","sanitization","static site",{"skillNo":196,"name":197,"nameZh":6,"description":198,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":199,"categories":200,"keywords":202,"publishedAt":46},"01M6JFCM4SMTXBM5A01BK2YQG1","software-quality-workflows","Umbrella workflow for TDD, debugging, code simplification, spikes, pre-commit review, and debugger-assisted investigation.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fsoftware-quality-workflows\u002FSKILL.md",[201],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[40,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218],"quality","software","software quality workflows","review","tdd","workflow","commit","debugging","code","debugger","pre-commit","investigation","code simplification","user","simplification","for",{"skillNo":220,"name":221,"nameZh":6,"description":222,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":223,"categories":224,"keywords":232,"publishedAt":46},"01M6JFCGD0M6CEATY01W7YN6DB","react-component-refactoring","Safely refactor large React components into smaller, maintainable pieces using proven patterns","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Freact-component-refactoring\u002FSKILL.md",[225,228,231],{"categoryNo":226,"categoryName":227,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":229,"categoryName":230,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[233,234,235,236,237,238,239,240,178,241,242,126,243,181,244,211,245,246,247,248],"react","component","refactoring","component refactoring","react component","react component refactoring","frontend","writing","safe","typescript","react components","modular","refactor","simplify","patterns","test-driven-development"]