[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7AMK2RQ065MYJS397QBMAT4":3,"skill-same:01M7AMK2RQ065MYJS397QBMAT4":177},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":28,"commitSha":29,"skillDirectory":30,"forksCount":14,"repositoryHtmlUrl":31,"repositoryHomepageUrl":6,"ownerHtmlUrl":32,"ownerBlogUrl":6,"ownerDescription":33,"updatedAt":34,"install":35,"resources":48},"01M7AMK2RQ065MYJS397QBMAT4","remotion-best-practices",null,"Best practices for Remotion - Video creation in React","GongYuanCaiJi\u002Fdsh-claude-code-templates","GongYuanCaiJi","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F129952120?v=4","01M7AK39Q4W3VPF7C1K8M58BFX","劉昱廷 Yu-Ting Liu","01M7AK39QPS2RAJKRQY0EPQJPZ",0,"MIT","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: remotion-best-practices\ndescription: Best practices for Remotion - Video creation in React\nauthor: remotion-dev\nversion: \"1.0\"\nmetadata:\n  tags: remotion, video, react, animation, composition\n---\n\n## When to use\n\nUse this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.\n\n## How to use\n\nRead individual rule files for detailed explanations and code examples:\n\n- [rules\u002F3d.md](rules\u002F3d.md) - 3D content in Remotion using Three.js and React Three Fiber\n- [rules\u002Fanimations.md](rules\u002Fanimations.md) - Fundamental animation skills for Remotion\n- [rules\u002Fassets.md](rules\u002Fassets.md) - Importing images, videos, audio, and fonts into Remotion\n- [rules\u002Faudio.md](rules\u002Faudio.md) - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch\n- [rules\u002Fcalculate-metadata.md](rules\u002Fcalculate-metadata.md) - Dynamically set composition duration, dimensions, and props\n- [rules\u002Fcan-decode.md](rules\u002Fcan-decode.md) - Check if a video can be decoded by the browser using Mediabunny\n- [rules\u002Fcharts.md](rules\u002Fcharts.md) - Chart and data visualization patterns for Remotion\n- [rules\u002Fcompositions.md](rules\u002Fcompositions.md) - Defining compositions, stills, folders, default props and dynamic metadata\n- [rules\u002Fdisplay-captions.md](rules\u002Fdisplay-captions.md) - Displaying captions in Remotion with TikTok-style pages and word highlighting\n- [rules\u002Fextract-frames.md](rules\u002Fextract-frames.md) - Extract frames from videos at specific timestamps using Mediabunny\n- [rules\u002Ffonts.md](rules\u002Ffonts.md) - Loading Google Fonts and local fonts in Remotion\n- [rules\u002Fget-audio-duration.md](rules\u002Fget-audio-duration.md) - Getting the duration of an audio file in seconds with Mediabunny\n- [rules\u002Fget-video-dimensions.md](rules\u002Fget-video-dimensions.md) - Getting the width and height of a video file with Mediabunny\n- [rules\u002Fget-video-duration.md](rules\u002Fget-video-duration.md) - Getting the duration of a video file in seconds with Mediabunny\n- [rules\u002Fgifs.md](rules\u002Fgifs.md) - Displaying GIFs synchronized with Remotion's timeline\n- [rules\u002Fimages.md](rules\u002Fimages.md) - Embedding images in Remotion using the Img component\n- [rules\u002Fimport-srt-captions.md](rules\u002Fimport-srt-captions.md) - Importing .srt subtitle files into Remotion using @remotion\u002Fcaptions\n- [rules\u002Flottie.md](rules\u002Flottie.md) - Embedding Lottie animations in Remotion\n- [rules\u002Fmeasuring-dom-nodes.md](rules\u002Fmeasuring-dom-nodes.md) - Measuring DOM element dimensions in Remotion\n- [rules\u002Fmeasuring-text.md](rules\u002Fmeasuring-text.md) - Measuring text dimensions, fitting text to containers, and checking overflow\n- [rules\u002Fsequencing.md](rules\u002Fsequencing.md) - Sequencing patterns for Remotion - delay, trim, limit duration of items\n- [rules\u002Ftailwind.md](rules\u002Ftailwind.md) - Using TailwindCSS in Remotion\n- [rules\u002Ftext-animations.md](rules\u002Ftext-animations.md) - Typography and text animation patterns for Remotion\n- [rules\u002Ftiming.md](rules\u002Ftiming.md) - Interpolation curves in Remotion - linear, easing, spring animations\n- [rules\u002Ftranscribe-captions.md](rules\u002Ftranscribe-captions.md) - Transcribing audio to generate captions in Remotion\n- [rules\u002Ftransitions.md](rules\u002Ftransitions.md) - Scene transition patterns for Remotion\n- [rules\u002Ftrimming.md](rules\u002Ftrimming.md) - Trimming patterns for Remotion - cut the beginning or end of animations\n- [rules\u002Fvideos.md](rules\u002Fvideos.md) - Embedding videos in Remotion - trimming, volume, speed, looping, pitch\n","## When to use\n\nUse this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.\n\n## How to use\n\nRead individual rule files for detailed explanations and code examples:\n\n- [rules\u002F3d.md](rules\u002F3d.md) - 3D content in Remotion using Three.js and React Three Fiber\n- [rules\u002Fanimations.md](rules\u002Fanimations.md) - Fundamental animation skills for Remotion\n- [rules\u002Fassets.md](rules\u002Fassets.md) - Importing images, videos, audio, and fonts into Remotion\n- [rules\u002Faudio.md](rules\u002Faudio.md) - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch\n- [rules\u002Fcalculate-metadata.md](rules\u002Fcalculate-metadata.md) - Dynamically set composition duration, dimensions, and props\n- [rules\u002Fcan-decode.md](rules\u002Fcan-decode.md) - Check if a video can be decoded by the browser using Mediabunny\n- [rules\u002Fcharts.md](rules\u002Fcharts.md) - Chart and data visualization patterns for Remotion\n- [rules\u002Fcompositions.md](rules\u002Fcompositions.md) - Defining compositions, stills, folders, default props and dynamic metadata\n- [rules\u002Fdisplay-captions.md](rules\u002Fdisplay-captions.md) - Displaying captions in Remotion with TikTok-style pages and word highlighting\n- [rules\u002Fextract-frames.md](rules\u002Fextract-frames.md) - Extract frames from videos at specific timestamps using Mediabunny\n- [rules\u002Ffonts.md](rules\u002Ffonts.md) - Loading Google Fonts and local fonts in Remotion\n- [rules\u002Fget-audio-duration.md](rules\u002Fget-audio-duration.md) - Getting the duration of an audio file in seconds with Mediabunny\n- [rules\u002Fget-video-dimensions.md](rules\u002Fget-video-dimensions.md) - Getting the width and height of a video file with Mediabunny\n- [rules\u002Fget-video-duration.md](rules\u002Fget-video-duration.md) - Getting the duration of a video file in seconds with Mediabunny\n- [rules\u002Fgifs.md](rules\u002Fgifs.md) - Displaying GIFs synchronized with Remotion's timeline\n- [rules\u002Fimages.md](rules\u002Fimages.md) - Embedding images in Remotion using the Img component\n- [rules\u002Fimport-srt-captions.md](rules\u002Fimport-srt-captions.md) - Importing .srt subtitle files into Remotion using @remotion\u002Fcaptions\n- [rules\u002Flottie.md](rules\u002Flottie.md) - Embedding Lottie animations in Remotion\n- [rules\u002Fmeasuring-dom-nodes.md](rules\u002Fmeasuring-dom-nodes.md) - Measuring DOM element dimensions in Remotion\n- [rules\u002Fmeasuring-text.md](rules\u002Fmeasuring-text.md) - Measuring text dimensions, fitting text to containers, and checking overflow\n- [rules\u002Fsequencing.md](rules\u002Fsequencing.md) - Sequencing patterns for Remotion - delay, trim, limit duration of items\n- [rules\u002Ftailwind.md](rules\u002Ftailwind.md) - Using TailwindCSS in Remotion\n- [rules\u002Ftext-animations.md](rules\u002Ftext-animations.md) - Typography and text animation patterns for Remotion\n- [rules\u002Ftiming.md](rules\u002Ftiming.md) - Interpolation curves in Remotion - linear, easing, spring animations\n- [rules\u002Ftranscribe-captions.md](rules\u002Ftranscribe-captions.md) - Transcribing audio to generate captions in Remotion\n- [rules\u002Ftransitions.md](rules\u002Ftransitions.md) - Scene transition patterns for Remotion\n- [rules\u002Ftrimming.md](rules\u002Ftrimming.md) - Trimming patterns for Remotion - cut the beginning or end of animations\n- [rules\u002Fvideos.md](rules\u002Fvideos.md) - Embedding videos in Remotion - trimming, volume, speed, looping, pitch\n",{"name":5,"author":24,"version":25,"metadata":26,"description":7},"remotion-dev","1.0",{"tags":27},"remotion, video, react, animation, composition","main","51493f354fd03e3f941d4df7fd64c0b8c7a2632d","skills\u002Fcreative-design\u002Fremotion-best-practices","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi","漏洞研究、根因分析、黑箱測試｜做 AI agent 工具｜Vulnerability research, root-cause analysis, AI agent tooling","2026-08-16 02:24:07",{"source":8,"skillName":5,"commands":36,"prompt":46,"zipAvailable":47},[37,40,43],{"tool":38,"command":39},"npx","npx skills add GongYuanCaiJi\u002Fdsh-claude-code-templates --skill remotion-best-practices",{"tool":41,"command":42},"bunx","bunx skills add GongYuanCaiJi\u002Fdsh-claude-code-templates --skill remotion-best-practices",{"tool":44,"command":45},"pnpm","pnpm dlx skills add GongYuanCaiJi\u002Fdsh-claude-code-templates --skill remotion-best-practices","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002FSKILL.md",true,[49,55,59,63,69,73,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,157,161,165,169,173],{"path":50,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":53,"sourceHtmlUrl":54},"rules\u002F3d.md","REFERENCE","参考文档",2290,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002F3d.md",{"path":56,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":57,"sourceHtmlUrl":58},"rules\u002Fanimations.md",790,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fanimations.md",{"path":60,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":61,"sourceHtmlUrl":62},"rules\u002Fassets.md",1590,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fassets.md",{"path":64,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":67,"sourceHtmlUrl":68},"rules\u002Fassets\u002Fcharts-bar-chart.tsx","OTHER","其他",3429,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fassets\u002Fcharts-bar-chart.tsx",{"path":70,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":71,"sourceHtmlUrl":72},"rules\u002Fassets\u002Ftext-animations-typewriter.tsx",2183,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fassets\u002Ftext-animations-typewriter.tsx",{"path":74,"resourceType":65,"resourceTypeDesc":66,"sizeBytes":75,"sourceHtmlUrl":76},"rules\u002Fassets\u002Ftext-animations-word-highlight.tsx",2387,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fassets\u002Ftext-animations-word-highlight.tsx",{"path":78,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":79,"sourceHtmlUrl":80},"rules\u002Faudio.md",3822,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Faudio.md",{"path":82,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":83,"sourceHtmlUrl":84},"rules\u002Fcalculate-metadata.md",2920,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fcalculate-metadata.md",{"path":86,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":87,"sourceHtmlUrl":88},"rules\u002Fcan-decode.md",1587,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fcan-decode.md",{"path":90,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":91,"sourceHtmlUrl":92},"rules\u002Fcharts.md",1751,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fcharts.md",{"path":94,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":95,"sourceHtmlUrl":96},"rules\u002Fcompositions.md",3445,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fcompositions.md",{"path":98,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":99,"sourceHtmlUrl":100},"rules\u002Fdisplay-captions.md",3698,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fdisplay-captions.md",{"path":102,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":103,"sourceHtmlUrl":104},"rules\u002Fextract-frames.md",5496,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fextract-frames.md",{"path":106,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":107,"sourceHtmlUrl":108},"rules\u002Ffonts.md",3484,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Ffonts.md",{"path":110,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":111,"sourceHtmlUrl":112},"rules\u002Fget-audio-duration.md",1354,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fget-audio-duration.md",{"path":114,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":115,"sourceHtmlUrl":116},"rules\u002Fget-video-dimensions.md",1627,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fget-video-dimensions.md",{"path":118,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":119,"sourceHtmlUrl":120},"rules\u002Fget-video-duration.md",1341,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fget-video-duration.md",{"path":122,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":123,"sourceHtmlUrl":124},"rules\u002Fgifs.md",3868,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fgifs.md",{"path":126,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":127,"sourceHtmlUrl":128},"rules\u002Fimages.md",2783,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fimages.md",{"path":130,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":131,"sourceHtmlUrl":132},"rules\u002Fimport-srt-captions.md",2113,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fimport-srt-captions.md",{"path":134,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":135,"sourceHtmlUrl":136},"rules\u002Flottie.md",1779,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Flottie.md",{"path":138,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":139,"sourceHtmlUrl":140},"rules\u002Fmeasuring-dom-nodes.md",974,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fmeasuring-dom-nodes.md",{"path":142,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":143,"sourceHtmlUrl":144},"rules\u002Fmeasuring-text.md",3000,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fmeasuring-text.md",{"path":146,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":147,"sourceHtmlUrl":148},"rules\u002Fsequencing.md",2389,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fsequencing.md",{"path":150,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":151,"sourceHtmlUrl":152},"rules\u002Ftailwind.md",422,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Ftailwind.md",{"path":154,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":155,"sourceHtmlUrl":156},"rules\u002Ftext-animations.md",700,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Ftext-animations.md",{"path":158,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":159,"sourceHtmlUrl":160},"rules\u002Ftiming.md",3939,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Ftiming.md",{"path":162,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":163,"sourceHtmlUrl":164},"rules\u002Ftranscribe-captions.md",850,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Ftranscribe-captions.md",{"path":166,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":167,"sourceHtmlUrl":168},"rules\u002Ftransitions.md",3730,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Ftransitions.md",{"path":170,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":171,"sourceHtmlUrl":172},"rules\u002Ftrimming.md",1210,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Ftrimming.md",{"path":174,"resourceType":51,"resourceTypeDesc":52,"sizeBytes":175,"sourceHtmlUrl":176},"rules\u002Fvideos.md",3509,"https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fcreative-design\u002Fremotion-best-practices\u002Frules\u002Fvideos.md",[178,185,194,201,208,215],{"skillNo":179,"name":180,"nameZh":6,"description":181,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":182,"categories":183,"keywords":184,"publishedAt":19},"01M7ARMYTZ5D4B7N5SKFXV345V","zapier-make-patterns","No-code automation democratizes workflow building. Zapier and Make (formerly Integromat) let non-developers automate business processes without writing code. But no-code doesn't mean no-complexity - these platforms have their own patterns, pitfalls, and breaking points.  This skill covers when to use which platform, how to build reliable automations, and when to graduate to code-based solutions. Key insight: Zapier optimizes for simplicity and integrations (7000+ apps), Make optimizes for power","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fworkflow-automation\u002Fzapier-make-patterns\u002FSKILL.md",[],[],{"skillNo":186,"name":187,"nameZh":6,"description":188,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":189,"licenseFileUrl":190,"sourceHtmlUrl":191,"categories":192,"keywords":193,"publishedAt":19},"01M7ARMX1BVNEAR98SBANMDF2V","yeet","Use only when the user explicitly asks to stage, commit, push, and open a GitHub pull request in one flow using the GitHub CLI (`gh`).","Apache-2.0","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fworkflow-automation\u002Fyeet\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fworkflow-automation\u002Fyeet\u002FSKILL.md",[],[],{"skillNo":195,"name":196,"nameZh":6,"description":197,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":198,"categories":199,"keywords":200,"publishedAt":19},"01M7ARMPR4RQ417MG1HMPGNQHH","workflow-automation","Workflow automation is the infrastructure that makes AI agents reliable. Without durable execution, a network hiccup during a 10-step payment flow means lost money and angry customers. With it, workflows resume exactly where they left off.  This skill covers the platforms (n8n, Temporal, Inngest) and patterns (sequential, parallel, orchestrator-worker) that turn brittle scripts into production-grade automation.  Key insight: The platforms make different tradeoffs. n8n optimizes for accessibility","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fworkflow-automation\u002Fworkflow-automation\u002FSKILL.md",[],[],{"skillNo":202,"name":203,"nameZh":6,"description":204,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":205,"categories":206,"keywords":207,"publishedAt":19},"01M7ARMHBERDMKGDMV7K6MQ6YP","trigger-dev","Trigger.dev expert for background jobs, AI workflows, and reliable async execution with excellent developer experience and TypeScript-first design. Use when: trigger.dev, trigger dev, background task, ai background job, long running task.","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fworkflow-automation\u002Ftrigger-dev\u002FSKILL.md",[],[],{"skillNo":209,"name":210,"nameZh":6,"description":211,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":212,"categories":213,"keywords":214,"publishedAt":19},"01M7ARME0A7KFT330Q2H25HE2B","slack-automation","Automate Slack workspace operations including messaging, search, channel management, and reaction workflows through Composio's Slack toolkit.","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fworkflow-automation\u002Fslack-automation\u002FSKILL.md",[],[],{"skillNo":216,"name":217,"nameZh":6,"description":218,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":219,"categories":220,"keywords":221,"publishedAt":19},"01M7ARM8D87V18WDG0GEZS11ZT","planning-with-files","Transforms workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Use when starting complex tasks, multi-step projects, research tasks, or when the user mentions planning, organizing work, tracking progress, or wants structured output.","https:\u002F\u002Fgithub.com\u002FGongYuanCaiJi\u002Fdsh-claude-code-templates\u002Fblob\u002Fmain\u002Fskills\u002Fworkflow-automation\u002Fplanning-with-files\u002FSKILL.md",[],[]]