Claude Code-skills för video: gratis skills för motion graphics, lanseringsvideor och förklaringsvideor
Av Potto AI Team·
Vad en Claude Code-skill för video är, hur du installerar den, och vilka gratis skills du väljer för Remotion-videor, lanseringsvideor, handritade förklaringar och produktskärmar.
En Claude Code-skill för video är en mapp med en SKILL.md-fil, och ibland skript, som lär en kodagent att bygga en sorts video: en lanseringsfilm i Remotion, en handritad förklaringsvideo eller en animerad produktskärm. Du installerar den genom att lägga mappen i ~/.claude/skills/ eller .claude/skills/, eller genom att klistra in en installationsprompt i agenten, och sedan ber du om en video på vanligt språk. Välj efter syfte: Remotion-skills för motion graphics byggda i kod, lanseringsvideo-skills för produktlanseringar, förklarings- och handritade skills för undervisning, och produktgränssnitts-skills när videon ska visa riktiga skärmar.
Potto samlar de här skillsen på sidan agent skills och erbjuder dem gratis: logga in, kopiera installationsprompten eller ladda ner ZIP-filen, och kör skillen i din egen agent, med din egen modell och dina egna nycklar. Skillsen är skrivna av oberoende författare, inte av Potto och inte av Anthropic. Potto har ingen officiell koppling till Anthropic, och inget i den här guiden är godkänt av Anthropic. Detaljerna om skillsen nedan kommer från Pottos skillsidor så som de såg ut 2026-10-12, och definitionen av en skill kommer från Anthropics dokumentation.
Vad en skill är, och varför videoarbete passar
Anthropics dokumentation för Claude Code säger det rakt ut: "Skills extend what Claude can do. Create a file with instructions, and Claude adds it to its toolkit. Claude uses skills when relevant, or you can invoke one directly with ." En skill är inte ett plugin som renderar video av sig själv. Det är skrivna instruktioner, plus valfria hjälpfiler, som din agent läser när din förfrågan matchar skillens beskrivning.
SKILL.md
/skill-name
Den utformningen passar video av tre skäl.
Videokod är full av konventioner. En bildrutebaserad animation behöver tidsregler, spring-inställningar, säkra marginaler, hantering av typsnitt och ett renderkommando. En skill sparar det en gång, så du slipper klistra in det i varje chatt.
Kontexten hålls liten. Anthropics översikt över Agent Skills beskriver progressive disclosure: bara varje skills namn och beskrivning ligger i kontexten tills skillen utlöses, sedan läses brödtexten i SKILL.md in, och medföljande filer läses in bara när de refereras. Du kan ha många videoskills installerade utan att betala för alla i varje session.
Skript tar de upprepningsbara delarna. Skills kan bunta skript som agenten kör, så att upprepningsbara steg körs som kod i stället för att hittas på nytt av modellen varje gång.
Dokumentationen för Claude Code noterar också att skills följer den öppna standarden Agent Skills, och därför kan en skill lista flera agenter på sin Potto-sida: Claude Code, Codex och Cursor förstår alla SKILL.md.
Så installerar du en videoskill i Claude Code
Det finns tre sätt att installera, och de slutar på samma ställe: en mapp som innehåller SKILL.md i en skills-katalog.
Alternativ 1: Kopiera installationsprompten från Potto
Öppna en skills sida, logga in och välj Copy install prompt. Klistra in prompten i Claude Code, Codex eller Cursor så installerar agenten skillen åt dig. Varje skill på Potto är gratis, och inloggning är det enda steget; inget kort efterfrågas och inget debiteras. Du kan också välja Download ZIP för att behålla filerna eller dela dem i ett team.
Alternativ 2: Lägg mappen där Claude Code letar
Anthropics dokumentation listar platserna. En personlig skill ligger på ~/.claude/skills/<skill-name>/SKILL.md och finns i alla dina projekt på den datorn. En projektskill ligger på .claude/skills/<skill-name>/SKILL.md i ett repository, och du kan committa den så att teamet delar den. Om du laddade ner en ZIP, packa upp den så att skillens mapp, med SKILL.md på toppnivå, ligger på en av de platserna. Claude Code plockar upp ändringar i skillmappar under en session. Om du skapar en ny skills-katalog på toppnivå, kör /reload-skills.
Alternativ 3: Installera de officiella Remotion-skillsen
Remotion underhåller en egen uppsättning Agent Skills för arbete i Remotion-projekt, och installationskommandot är npx skills add remotion-dev/skills. Dokumentationen nämner Claude Code, Codex, Kimi Code och Cursor som agenter som kan använda dem. Flera tredjeparts videoskills nedan säger att de fungerar tillsammans med de officiella, så att installera Remotions uppsättning först är en rimlig bas för varje Remotion-baserad skill.
När skillen är installerad
Claude kan läsa in en skill automatiskt när din förfrågan matchar beskrivningen, eller så kan du skriva /skill-name, eventuellt med argument. Om du vill vara säker på vilken skill som körs, anropa den med namn.
Kontrollera tre saker innan du kör en skill
En skill är instruktioner och kod som din agent följer på din dator, så läs innan du kör. Anthropics översikt över Agent Skills säger att du bara ska använda skills från källor du litar på, och varnar för att en skadlig skill kan få Claude att anropa verktyg eller köra kod på sätt som inte stämmer med det angivna syftet. För tredjeparts skills betyder det att öppna SKILL.md och eventuella medföljande skript, och leta efter oväntade nätverksanrop eller filåtkomst. Pottos skillsidor visar en förhandsvisning av SKILL.md för att göra den första genomläsningen enklare.
Använd sedan fälten på skillsidan för att avgöra om den passar jobbet.
Runs in. Agenterna författaren listar, till exempel Claude Code, Codex eller Cursor.
Needs. Miljövariablerna skillen förväntar sig. Många videoskills behöver inga. Vissa behöver en nyckel till en berättartjänst eller en bildmodell, och nyckeln faktureras dig av den leverantören, inte av Potto.
Output and generates with. Vad skillen producerar (MP4, redigerbar HTML, undertexter, ljud) och vilken modell som gör det kreativa arbetet. För de flesta videoskills är svaret "din agents egen modell", vilket betyder att kostnaden och kvaliteten följer den modell du kör i agenten.
Claude Code-skills efter videotyp
Tabellen grupperar skillsen som den här guiden tar upp efter jobbet de gör. Var och en länkar till sin sida, där författare, agenter, nycklar och utdata listas. Detaljerna är så som de visades 2026-10-12 och kan ändras när en författare uppdaterar en skill.
Uppgift
Skill
Författare
Körs i
Behöver
Utdata
Remotion-resultat
Remotion Director
Zane-0x5a
Claude Code, Codex
Inga
MP4
Remotion-resultat
Remotion Video Director
BayramAnnakov
Claude Code
Nyckel till berättartjänst
MP4
Remotion-resultat
Apple Motion
IskakovDamir
Claude Code
Inga
MP4, ljud
Lanseringsvideo
Product Launch Video Skill
memex-lab
Claude Code
Inga
MP4
Lanseringsvideo
Remotion Ad Video Skill
leosssvip-dot
Claude Code, Codex, Cursor
Inga
MP4, redigerbar HTML, PNG-stillbilder
Förklaring, handritad
Hand Drawn Explainer Video Nikola
hi-nikola
Claude Code, Codex
Nyckel till berättartjänst
MP4, redigerbar HTML, SRT-undertexter
Förklaring, handritad
Claude Animation Skill
buildwithhanif
Claude Code
Inga
MP4, ljud
Förklaring, handritad
Manim Skill
adithya-s-k
Claude Code, Cursor
Inga
Video
Produktgränssnitt
Onboarding Video Generator
gorkem-bwl
Claude Code
Inga
MP4, WebM
Produktgränssnitt
Guizang Product Video Skill
op7418
Claude Code, Codex
Inga
MP4, redigerbar HTML, ljud
Produktgränssnitt
Appshot
trunghaiy
Claude Code, Codex
Inga
MP4
Skills för Remotion-resultat
Remotion gör en video till React-komponenter som ritar en bildruta i taget, så en skill som känner Remotions konventioner sparar agenten från att gissa tid och layout. Börja med de officiella skillsen ovan, och lägg sedan till en av dessa för ett särskilt arbetssätt.
Remotion Director av Zane-0x5a körs i Claude Code och Codex, behöver ingen extra nyckel och ger MP4. Sidan beskriver en design-och-bygg-pipeline: från ett brief listar den först flera riktningar som skiljer sig på idénivå, renderar ett första fullt klipp av varje, låter dig välja den mest lovande grunden och kör sedan en kritikslinga på den du valde. Standardramen är vertikal 1080×1920, med liggande och kvadrat också stöd. Den passar den som vill se alternativ innan de bestämmer sig, och som accepterar mer modellanvändning i designfasen.
Remotion Video Director av BayramAnnakov körs i Claude Code och ger MP4. Det är en interaktiv guide som går från strategiskt koncept till en renderad video: sakkunnig avvägning, scenariodesign, bygge och genomgång. Beskrivningen säger att den fungerar tillsammans med de officiella remotion-dev/skills. Den behöver en API-nyckel till en berättartjänst, så den förväntar sig en nyckel du sätter upp och betalar för själv.
Apple Motion av IskakovDamir körs i Claude Code och ger MP4 och ljud. Den skriver Remotion-videor i stilen hos korta, pigga sammanfattningsvideor, med tempo, kinetisk typografi, springs och easing, övergångar, enhets- och gränssnittsbilder, musik och ljudnivåinställningar. Författaren säger att siffrorna kommer från att mäta sex sammanfattningar bildruta för bildruta. Välj den för en keynote-sammanfattningsrytm, inte en neutral husstil.
Skills för lanserings- och releasevideor
Lanseringsvideor har en stabil form: en krok, produkten, tre eller fyra funktioner, en avslutning. Skills i den här gruppen kodar den strukturen.
Product Launch Video Skill av memex-lab körs i Claude Code och ger MP4. Den designar och bygger lanseringsvideor med stort genomslag i Remotion, och beskrivningen säger att den ska användas för produktlanseringsvideor, promovideor, demovideor, funktionsmeddelanden och varumärkesavslöjanden, inklusive storyboard.
Remotion Ad Video Skill av leosssvip-dot körs i Claude Code, Codex och Cursor. Den gör produktlänkar, appbutikslistor, landningssidor eller produktbrief till reklamvideor med Remotion- eller HyperFrames-projekt. Sidan listar MP4, redigerbar HTML och PNG-stillbilder som utdata och beskriver storyboards, renderkontroller och överlämningsfiler. Välj den när utgångsmaterialet är en sida eller en listning, inte ett tomt brief.
Bestäm leveransformatet innan du väljer: en lanseringsfilm för en landningssida är vanligen liggande, och samma berättelse för ett socialt flöde är stående. Säg vilket i briefet, för en skill kan inte gissa var videon ska spelas.
Skills för förklaringar och handritade stilar
Förklaringsvideor vilar mer på tydlig ordning och berättande än på show. Handritade stilar lägger till en visuell signatur: streck, papper, bläck.
Hand Drawn Explainer Video Nikola av hi-nikola körs i Claude Code och Codex och ger MP4, redigerbar HTML och SRT-undertexter. Den gör kinesiska whiteboard-förklaringar av typen "berätta medan du ritar", och erbjuder två vägar: en whiteboard-animation streck för streck, eller en programmatisk väg med HTML och SVG för flödeskort och diagram. Den behöver en API-nyckel till sin standardberättartjänst, och beskrivningen säger att den behöver FFmpeg, Node.js och en webbläsare på din dator. Den är kinesisk först, så kontrollera sidan innan du använder den för ett annat språk.
Claude Animation Skill av buildwithhanif körs i Claude Code, behöver ingen extra nyckel och ger MP4 och ljud. Den gör korta handritade 2D-animationer helt i JavaScript, i ett sagoboks- eller texturerat redaktionellt uttryck med papperskorn och skraffering, renderade bildruta för bildruta med node canvas och ffmpeg, med syntetiserat ljud. Beskrivningen är tydlig om gränserna: den är inte tänkt för mikrointeraktioner i gränssnitt, bildspel eller redigering av talking-head.
Manim Skill av adithya-s-k körs i Claude Code och Cursor och är ett paket med tre skills för Manim, biblioteket bakom matteanimationer i 3Blue1Brown-stil. Välj den när förklaringen handlar om ekvationer, grafer eller geometri, där ett diagram som byggs steg för steg bär lektionen. För en förklaring om en produkt eller en process ligger en Remotion- eller handritad skill närmare.
Vilken skill du än väljer håller en förklaringsvideo ihop när den har en idé per scen, berättande skrivet före det visuella, och en avslutning som säger tittaren vad hen ska göra.
Skills för produktskärmar och gränssnittsvideor
När videon ska visa programvara är den svåra delen att få riktiga gränssnitt att röra sig utan att det ser ut som en skärminspelning.
Onboarding Video Generator av gorkem-bwl körs i Claude Code och ger MP4 och WebM. Den producerar korta onboarding-videor i Remotion genom att animera isolerade bitar av ett gränssnitt, beskurna komponenter och inte hela sidor, från skärmbilder du lämnar. Standardutdata är kolumnformat, tänkt att ligga bredvid text i ett tvåkolumnsblock på en marknadsföringssida. Välj den för ett funktionsklipp inbäddat på en sida.
Guizang Product Video Skill av op7418 körs i Claude Code och Codex och ger MP4, redigerbar HTML och ljud. Den genererar en promo för en produktuppdatering från produktens eget kodrepository: den läser färska commits, monterar de riktiga gränssnittskomponenterna, gör storyboard för scener animerade med GSAP, sätter ihop originalmusik och ljudeffekter, och renderar med React, esbuild, Playwright och FFmpeg. Den passar ett changelog-klipp gjort av teamet som äger koden.
Appshot av trunghaiy körs i Claude Code och Codex och ger MP4. Den bygger förhandsvisningsvideor och skärmbilder för App Store och Google Play från en TypeScript-konfiguration, på Remotion, React och Tailwind, och levereras som ett paket med fyra skills. Använd den när destinationen är en butikslistning.
En not om designskills som Taste Skill
Vissa populära skills är inte videoskills men förbättrar utseendet på det en agent bygger. Taste Skill, publicerad på GitHub av Leonxlnx under en MIT-licens, är en uppsättning Agent Skills för att förbättra AI-byggda gränssnitt: layout, typografi, rörelse och avstånd. Den har inget videoinnehåll, så behandla den som en följeslagare. Om din video visar ett gränssnitt som en agent har designat, kan en designskill höja kvaliteten på skärmarna innan en videoskill animerar dem. Repositoryt finns i Källor; läs SKILL.md först, som med varje skill.
En första körning: från skill till renderad video
Stegen är desamma för de flesta skillsen på den här listan.
Installera basen. Lägg till de officiella Remotion-skillsen med npx skills add remotion-dev/skills om skillen använder Remotion, och se till att Node.js är installerat. Vissa skills behöver också FFmpeg eller en webbläsare, vilket skillsidan eller SKILL.md anger.
Installera skillen. Kopiera installationsprompten från dess Potto-sida in i din agent, eller lägg den uppackade mappen i ~/.claude/skills/.
Sätt eventuella nycklar. Om sidan listar en nyckel under Needs, sätt den i agentens miljö innan du kör skillen, så som skillsidorna instruerar.
Skriv briefet. Samma sex punkter fungerar för varje skill: syfte, publik, var den spelas och hur länge, fakta som måste finnas med, idéernas ordning och den sista bildrutan. Briefet i alternativ till Claude Motion förklarar varje punkt.
Kör skillen och granska. Anropa den med namn, läs storyboardet agenten föreslår innan den skriver kod, och godkänn eller redigera. Förhandsgranska sedan projektet och rendera.
Ett brief som fungerar över lanseringsskillsen ser ut så här:
Use the product-launch-video skill. Make a 30-second landscape launch video for a budgeting app. Audience: freelancers. Three features in this order: invoice reminders, expense tagging, tax summary. Facts that must appear: "12,000 freelancers" and "free for the first 3 invoices". Close on the app name and the line "Get paid on time". Show the storyboard before writing code.
Briefet ger en längd, ett bildförhållande, en publik, en ordning och exakta siffror. Skills förbättrar struktur och hantverk, men de kan inte känna till fakta du inte har angett.
Det skills inte gör
De renderar inte i molnet. Agenten bygger ett projekt på din dator, och renderingen sker där, med den runtime skillen namnger.
De garanterar inte kvalitet. Resultatet beror på modellen du kör, skillens författare och ditt brief.
De kostar det din agent kostar. Potto tar inte betalt för skills, men din agentplan eller API-användning gäller, och det gör även en berättarnyckel som en skill kräver.
De lämnar dig ett projekt att underhålla. Det är en fördel om du vill ha källan, och en börda om du vill ha en färdig video.
För att se hur den här sortens arbete ser ut, bläddra i galleriet motion graphics-videor på Potto. Styckena är gjorda av oberoende skapare med verktyg som Claude Opus 5.5, vart och ett är krediterat sin ursprungliga författare, och inget av dem är genererat av Potto.
Om du inte vill ha en agent eller kod
Skills passar personer som redan arbetar i en terminal eller kodredigerare och vill äga projektet. Om du bara vill ha en färdig video är en kodfri väg enklare, och Potto erbjuder en bredvid sitt skillsbibliotek. Det här är en separat produkt från skillsen ovan och använder dem inte.
Potto är en AI-videogenerator för motion graphics med berättande. Du beskriver en video, klistrar in en offentlig webblänk eller bifogar ett dokument, och Potto tar fram ett storyboard du kan redigera innan något exporteras. Claude Opus 5.5 skriver dispositionen, storyboardet scen för scen och berättandet, och Potto renderar videon med sina egna Remotion-scenkomponenter. Du skriver aldrig kod och ser den aldrig. Sidan Claude video förklarar hur det förhållandet fungerar, och AI motion graphics är sidan där du kan starta en video från en beskrivning.
Det du får:
Elva scentyper (hook, titel, skärmbild, funktioner, lista, siffra, jämförelse, diagram, illustration, citat och en avslutande uppmaning till handling), och 12 inbyggda stilar plus varumärkespaket för färger, typsnitt och din logotyp.
Berättande på 32 språk eller automatisk språkigenkänning, undertexter visade mening för mening, och ett originellt soundtrack från Pottos musikbibliotek.
Längder på 15, 30, 45, 60 eller 90 sekunder, exporterade som 1080p MP4 med 30 bilder per sekund i 16:9, 9:16 eller 1:1.
Indata i form av en beskrivning, en offentlig länk eller dokument (PDF, PPTX eller DOCX, upp till 20 MB vardera, upp till 8 bilagor), plus bilder som produktskärmdumpar. Sidan produktdemovideo gör skärmdumpar till scener.
Generering och förhandsvisning i webbläsaren använder inte credits; bara export gör det, och aktuella priser finns på sidan priser.
Det den inte gör: den ger dig inte koden bakom en video, den genererar inte filmat material eller digitala presentatörer, den redigerar inte videor du redan har, och den har inget publikt API. Behöver du källkod, en egen visuell stil eller en automatiserad pipeline, använd en skill. Behöver du en förklarings- eller lanseringsvideo med berättande från befintligt material, och ingen kodbas att underhålla, använd Potto. Den här guiden rangordnar inte de två; de svarar på olika behov.
Vanliga frågor
Vad är en Claude Code-skill för video?
En Claude Code-skill för video är en mapp med en SKILL.md-fil, och ibland skript, som lär en kodagent att bygga en typ av video, till exempel en lanseringsfilm i Remotion eller en handritad förklaring. Claude läser in skillen när din förfrågan matchar beskrivningen, eller när du skriver /skill-name. Agenten skriver och renderar fortfarande projektet på din dator.
Hur installerar jag en Claude Code-skill?
Lägg skillens mapp, med SKILL.md inuti, i ~/.claude/skills/<skill-name>/ för alla dina projekt eller .claude/skills/<skill-name>/ för ett repository. På Potto loggar du in och använder Copy install prompt så att din agent gör det, eller laddar ner ZIP-filen. Claude Code plockar upp ändringar under en session, och /reload-skills täcker en ny skills-katalog på toppnivå.
Är skillsen på Potto gratis?
Ja. Varje skill på Potto är gratis: logga in, kopiera sedan installationsprompten eller ladda ner ZIP-filen. Potto tar inte betalt för dem. Skillsen körs i din egen agent med din egen modell, så din agentplan eller API-användning gäller fortfarande, och en skill som listar en nyckel under Needs, till exempel en berättarnyckel, använder ett konto du har hos den leverantören.
Vem skriver skillsen, och är de gjorda av Anthropic?
Skillsen är skrivna av oberoende författare, och varje sida namnger författaren. De är inte gjorda av Anthropic, och Potto har ingen officiell koppling till Anthropic. Potto samlar och erbjuder dem. Eftersom de är tredjepartskod, öppna SKILL.md och eventuella skript innan du kör en, så som Anthropics dokumentation råder för skills från källor du inte har skapat själv.
Vilken Claude Code-skill ska jag börja med för en produktlanseringsvideo?
Börja med Product Launch Video Skill om du vill ha en lanseringsfilm i Remotion från ett brief, eftersom den inte behöver någon extra nyckel och körs i Claude Code. Välj Remotion Ad Video Skill om du utgår från en landningssida eller en butikslistning, och Guizang Product Video Skill om videon ska använda produktens riktiga gränssnitt från ditt eget repository.
Är Potto samma sak som Claude Code?
Nej. Claude Code är Anthropics kodagent. Potto är en oberoende produkt utan officiell koppling till Anthropic. Potto erbjuder ett gratis bibliotek med tredjeparts skills som körs i din egen agent, och har också en egen videogenerator som använder Claude Opus 5.5 för att skriva disposition, storyboard och berättande och Remotion för att rendera MP4-filen.
Källor
Alla källor kontrollerades 2026-10-12.
Anthropic, dokumentation för Claude Code, Extend Claude with skills. Använd för definitionen av en skill, var skills lagras, automatiskt anrop och anrop med /skill-name, /reload-skills, stödfiler, och noteringen att Claude Code-skills följer standarden Agent Skills.
Anthropic, Agent Skills overview. Använd för progressive disclosure (metadata, instruktioner, resurser), strukturen i SKILL.md, och säkerhetsvägledningen att använda skills från betrodda källor och granska dem.
Remotion-dokumentation, Agent Skills. Använd för vad de officiella skillsen är, stödda agenter och kommandot npx skills add remotion-dev/skills.
Potto, Skills-sidan och skillsidorna som länkas ovan. Använd för varje skills författare, agenter, nödvändiga nycklar, utdata och beskrivning, och för installations- och nedladdningsstegen. Detaljer så som de visades 2026-10-12.
GitHub, Leonxlnx/taste-skill. Använd för beskrivningen av Taste Skill som Agent Skills för att förbättra AI-byggda gränssnitt, och för MIT-licensen.
Potto AI
Gör din nästa lanseringsvideo.
Ta det som väckte ditt intresse och förvandla det till en egen video eller bild. Ta med skärmbilder, ett ämne eller en prompt.
