OpenCode skills for slides, sites and video
Install PopNow skills in OpenCode. Download a skill, unzip it into the skills folder, and call it by name in your next chat.
Where skills go
- For every project
~/.config/opencode/skills- For this project only
.opencode/skills
How to call a skill
Mention the skill by name, or just describe the job and let OpenCode pick it.
popnow-<skill>
Connect PopNow
Skills that make images, video or sound need a PopNow API key in the POPNOW_API_KEY environment variable. Every paid step is quoted first and waits for your yes.
Create an API keyCopy the install prompt
Paste it into OpenCode. It downloads the skill with your API key and unzips it into the right folder.
Ask for the result
Call the skill and say what you need in plain words: the topic, the audience, the length.
Review and refine
Open the file it made, ask for changes in the chat, and ship when it looks right.
3D Avatar Maker
+3Build a cute soft-toy 3D character in your browser and save it as a transparent PNG or a 3D page.
Research Presentation Slides
+3Projection-ready research talk slides with one message per frame, equations, results and speaker notes.
Calendar Heatmap
+3A year of daily activity as a shaded calendar grid, with streaks, totals and keyboard access.
Agent Crew Launch Video
+3Glossy helper characters on warm dotted paper, live phone tasks and a skill that hatches a brand-new helper.
AI Chatbot Demo Video
+3A narrated demo inside a dark chat app: switch on your integration, ask, get the result and a count-up.
Agentic Product Launch Film
+3A calm keynote-style launch film built from your product's real site and interface, cut on the beat.
AI SaaS Landing Page
+3Warm sand paper, hairline rails and hatched gutters around a live kanban board where an assistant plans tasks.
Animated Checklist Product Demo
+3A paper-note checklist beside a phone screen; each box ticks the moment its step happens on screen.
Animated Hero Section
+3A landing-page hero with a gently rotating headline word, two buttons and a wide image frame.
Mobile App Promo Video
+3A 10-13 second app promo where seven product beats flow as one camera move, coded in HTML and GSAP.
Article to Slides
+3Turn a long article or report into a short, sourced briefing deck with discussion prompts.
ASCII Glitch Hype Film
+3Glyph-cell ASCII frames, tracking boxes and dot-matrix words cutting every tenth of a second to your logo.
Before-and-After Comparison Launch Video
+3Near-black canvas, mono file names, one electric accent: your content as a still page, then as a film.
Black and White Studio Portrait
+3Turn an everyday photo into a calm black-and-white studio portrait that still looks like you.
Blog Post Illustration Set
+3Three matching illustrations for one article, each showing what its passage actually says.
Blueprint Spec Promo Video
+3Your claim drawn on a near-black spec sheet: framed figures, hatching, leader lines and a title block.
Brand Strategy Deck
+3Big cream headlines on near-black, one bright color tile per page and playful matte 3D still lifes.
Brand Kit & DESIGN.md Generator
+3A brand kit from a short brief: checked palette, open fonts, SVG logo, mockups and a DESIGN.md agents follow.
Brand Presentation Deck
+3A magazine-style brand story deck from origin to belief, visual codes and future, fully editable.
Car Cutaway Anatomy Poster
+3A side-view cutaway of a generic car: color-coded systems, numbered markers and round zoom windows.
Chalkboard Infographic Maker
+3A 16:9 chalkboard-style infographic with exact short copy, chalk drawings and one clear reading path.
Changelog Explainer Video
+3Turn a real pull request into a 30-second film for people who will never read the diff.
One-Thread Chat Launch Video
+3One chat window on warm paper that never resets: ask about the wait, ask for the fix, watch it run.
Cinematic Dark UI Teaser
+3Your UI adrift in a black void: a gliding camera, one sharp line of focus, a typed command, a glowing name.
Cinematic Storyboard Frames
+3Three storyboard contact sheets for one scene, each a different way to shoot it, with continuity kept.
Cut-Paper Workshop Deck
+3A warm, handmade workshop deck with cut-paper accents and bright photo collages of people.
Colorful Pop Presentation
+3Cyan, coral, pink and gold color fields with bold studio photos, rounded panels and big friendly headlines.
Consistent Concept Art Set
+3A character, a prop and an environment that clearly belong to the same fictional world.
Consulting Slide Deck
+3A consulting-style recommendation deck: every title is a conclusion and the last page asks for a decision.
Shader Hero Agency Website
+3A live orange-heat shader hero behind a bottom-pinned statement, pill nav and a staggered case-study grid.
Cute Crayon Doodle Art
+3Lovably clumsy crayon characters on white paper: wobbly lines, scribbled fills, sharp files, sticker cut-outs.
Dark SaaS Landing Page
+3A dark, motion-rich marketing site for a software product, delivered as one self-contained HTML file.
Designer Portfolio Website
+3Six tilted cards hover round a fading headline on calm grey, one red portrait card, editorial case studies.
Developer Tool Launch Reel
+3One prompt typed in four places, a beat-cut reel of real results, then your install command.
Developer Portfolio Website
+3A dark personal site for engineers with case studies, writing, talks, a résumé and a contact form.
SaaS Product Video with Device Mockups
+3Your real app screen on a neutral device in a dark studio, then one live action and a bright reveal.
Editable PowerPoint Template
+3A polished deck built only from live text, shapes and charts, so the PowerPoint export stays fully editable.
Warm Paper Editorial Launch Video
+3Oversized type on warm paper, one accent per frame, a lifted product card and an ink-black turn.
Editorial Line Illustration
+3Airy black-ink illustrations with one accent color for blog headers, newsletters and social cards.
Magazine-Style Presentation
+3A print-magazine style deck with compressed headlines, craft photos and mustard and vermilion fields.
Editorial SaaS Website
+3Navy split hero, a five-line serif headline beside a documentary still, slanted bands and one cobalt accent.
Engraving Style Article Cover
+3One surreal black-ink engraving per essay: crosshatched, edge to edge, its big idea shown as a single scene.
EV Platform Exploded View
+3An electric car lifted apart layer by layer: battery, motors, cabin and body in color, with callouts.
Product Exploded View Poster
+3A clean exploded-view hero image of a product, with exact part labels from your spec table.
Fantasy Map Generator
+3Parchment, atlas or black-line maps of your own world, every name lettered right, grids that line up.
Complaint-to-Feature Launch Video
+3Open on the complaint your users keep posting, then prove the new feature makes it false.
Regional Food Flavor Map
+3A calm painted map of regions, each with a small taste chart on one shared scale and an honest legend.
Funny Problem-Solution Video
+3A small annoyance plays as a gag, polite requests pile up, then one orange pill becomes the fix.
Glassmorphism Presentation
+3An airy glassmorphism deck with sky photography and translucent cards that makes complex topics feel clear.
Glassmorphism Website Template
+3Frosted glass pills on a near-black film, a huge serif headline with one italic word and an email capture.
Pastel Gradient Pitch Deck
+3Heavy black headlines on soft apricot and lilac gradient washes, with fine grain and wide calm margins.
Halftone Canvas Launch Video
+3A launch film on one living dot canvas that moves a beat before every line of text.
Hand-Drawn Infographic Video
+3Felt-tip panels on one long poster, a drawn route the camera follows, then a pull-back to the whole sheet.
Hardware Product Website
+3Huge hairline model names on silver studio shots, frosted spec cards, a to-scale lineup and a hardware bento.
AI Assets for HyperFrames
+3Hero stills, B-roll, music beds and voiceover for HyperFrames videos, quoted first and filed in assets/.
Illustrated City Map Maker
+3A hand-drawn style map of a neighborhood or town, true where it matters and labeled exactly.
Ink Sketch Storyboard
+3A rough black-ink storyboard page from a short story: open lines, white space, one beat per panel.
Interactive Architecture Diagram
+3An offline, clickable system diagram built from a checked JSON model, with the evidence behind each box.
Interactive Grid Hero
+3A dark grid of fine strands that bends toward the cursor and rolls a glowing ring out from every click.
Knowledge Graph Explorer
+3Turn project notes into an offline, searchable graph where every claim links back to its source line.
KPI Dashboard Template
+3Four KPI tiles with change chips over a glowing line chart, a breakdown table and target bars on warm paper.
Landing Page from AI Mockups
+3See three full-page designs first, pick one, and your agent builds it as clean, responsive code.
Product Launch Film
+3A 20-40 s launch video from your URL or README, with ready-to-post copy and three aspect ratios.
Line Art OG Image Maker
+3Calm link-preview images: off-white card, short black headline and a hand-drawn ink character.
Liquid Logo Reveal Sting
+3A glassy bead carries your mark, unreadable, then bursts and leaves the crisp lockup.
Magazine Website Template
+3A print-quality magazine site with articles, topics, a small shop and subscriptions, as one HTML file.
Marine Biology Research Poster
+3A wide research poster around a painted habitat cross-section, with numbered species and a findings chart.
Multi-Style Keynote Launch Video
+3Each capability in its own world: a blue chart, a cream serif page, a dark light field, a poster grid.
Multilingual Launch Video
+3Your product name holds still while each language rolls in, in its own script, voiced and captioned.
Narrated Explainer Video
+3A 45-120 second explainer with voiceover and word-synced captions, in collage, whiteboard or data style.
Night Sky Story Deck
+3Gold serif headlines in a deep navy sky with twinkling stars, a warm horizon glow and painted landscapes.
Outdoor Program Photo Deck
+3A bright, photo-led presentation for outdoor programs, clubs and retreats, editable and PowerPoint-ready.
Paper-Cut Science Animation
+3Shadow-box paper layers, a cut-paper Sun and Moon, labels swinging on strings: one science idea, narrated.
Particle Animation Hero
+3Copy on warm paper beside a turning sphere of ink and teal dots that reshapes per idea and scatters on scroll.
Partnership Announcement Video
+3A presenter in a bordered window, two logos on one card, a typed three-step setup, verbs rolling on cue.
Personal Brand Website
+3A portrait feathered into warm paper under a thin bracket, with light-and-bold statements on either side.
Phone Mockup Generator
+3Your app on a 3D foldable phone that swings open on a soft backdrop, as crisp PNG stills or a fold clip.
Photo Composition Studies
+3Three photographic takes on one subject, each built on a different composition principle.
Pitch Deck Template
+3Indigo cover lit by violet glass, pale lilac pages, rounded photo windows and one glass card per key number.
Pixel Art Promo Video
+3A retro pixel-art film about your product, drawn frame by frame from your link, pitch or story.
Plush Character Launch Video
+3Felt plush characters ride cursors and build your promo live in a team editor, every cut on the beat.
Cinematic Product Launch Page
+3Film-lit near-black page: serif title card over drifting light, letterboxed night scene, reservation form.
Research Paper Presentation
+3Figure-first pages on warm paper, forest-green ink, amber section tabs and a source line under every chart.
Admin Dashboard Template
+3A working back-office console with charts, tables, kanban and calendar, built as one offline HTML file.
SaaS Landing Page Template
+3A calm, light marketing site for a software product with a working product console, pricing and sign-up.
Scrapbook Portfolio Website
+3A multi-page online CV made of paper objects, with case studies and a printable resume.
Sketchnote Presentation Deck
+3A bold black and yellow presentation with giant headlines and hand-drawn ink scenes.
Sketchnote Image Generator
+3Turns an article or notes into one hand-drawn 4:3 sketchnote with exact, checked labels.
Sneaker Store Website Template
+3A complete footwear or apparel shop with catalog, product pages, bag and demo checkout in one HTML file.
Social Cover & Thumbnail Generator
+3One message in, a checked set of OG images, post covers and video thumbnails out, every size exact.
Social Media Report Deck
+3Two-tone blue and charcoal headlines on gray, grayscale cut-out group photos, tilted pills and A/B/C picks.
Silence-to-Sound Reveal Promo
+3A button pressed three times in total silence, then the same shot again with sound, then with music.
Square UI Morph Promo
+3On warm paper a button stretches into a prompt card, then the view zooms out to a wall of sessions.
Startup Pitch Deck
+3Electric-blue glass ribbons on black, huge white headlines, framed photos and one pale-blue card per page.
Paper Storybook Animation
+3A picture book that moves: felt-and-clay cut-outs, layered paper hills and words that pop on one by one.
Storybook Presentation Template
+3Gouache child portraits on ivory paper, giant black chapter numbers, vertical labels and small text islands.
Testimonial Video Maker
+3Portrait plates with a raised quote card on warm ruled paper, one teal accent, a calm crossfade per customer.
Text Behind Person Title
+3A giant headline punches in behind the person on camera, then owns the frame after a clean cut.
Material Texture Type Promo
+3Headline letters cut from terrazzo, brick and steel, swapping surface every 3 frames over a warm moodboard.
Training Presentation Deck
+3A hands-on training deck built from short frame, try, reflect loops with activities and an action commitment.
Storytelling Presentation Deck
+3A cinematic, scene-by-scene story deck with full-frame drawn scenes and short live captions.
Whiteboard Animation Video
+3A marker pen draws the whole lesson on one board, erases the myth, then pulls back to the finished board.
Workflow Automation Landing Page
+3Graphite page, small left-aligned headline, and a live node graph below that runs, retries and streams logs.
Zine Collage Presentation
+3Cream, black and poster-red pages with taped grainy photos, sticky notes, red number tabs and typewriter text.
Questions
How do I add skills to OpenCode?
Copy a skill's install prompt into OpenCode, or download the ZIP and unzip it into the skills folder shown on this page. OpenCode picks up the folder and its SKILL.md; some versions only see new skills after you start a new session.
What are skills in OpenCode?
A skill is a folder with a SKILL.md file plus templates, scripts and references. OpenCode reads it when your request matches and follows its steps and checks, so results come out consistent instead of depending on one long prompt.
What is an agent skill?
An agent skill is a folder with a SKILL.md playbook plus templates, scripts and references that an AI agent follows when the task matches. Claude Code, Codex, Cursor and other agents load it automatically, so the result follows a tested design system instead of a one-off prompt.
What is the difference between agent skills and MCP?
MCP connects an agent to tools and data, such as PopNow's image and video models. A skill is a playbook that tells the agent how to do a whole job well: the layout rules, the steps and the checks. The two work together: connect PopNow over MCP and your assistant can find these skills and use them, and the skills call PopNow for pictures and sound.
Are the skills free?
Yes, every skill is free with a PopNow account, in Claude or ChatGPT through PopNow or installed in a coding agent. Only the images, video, music or voice a skill makes use PopNow credits, and each one is priced and approved before it runs.
Can I use these skills in Claude or ChatGPT?
Yes. Connect PopNow to Claude, ChatGPT or another app that supports MCP, then say what you want to make. Your assistant shows you matching styles, uses the one you pick and checks the price with you before it generates anything. Skills that build files, such as decks, websites and HTML video, work best in a coding agent like Claude Code.
Which agents are supported?
Any agent that reads SKILL.md folders: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. The skill is the same everywhere; only the install folder differs.
How is this different from PopNow's own skills?
Skills on the main Skills page run inside PopNow with Poppie. Agent skills run in your own coding agent on your computer, which suits files you want to keep editing, such as decks, websites and HTML-based video.
Can I use the results commercially?
Yes. What you make is yours, including client work. The skill package itself is for your own use and should not be resold or redistributed.
Which AI tool makes product launch videos?
PopNow does: connect it to Claude or ChatGPT, or install a launch video skill in a coding agent, and pick one of more than 20 free launch video styles. The agent renders the MP4 from your real product and adds PopNow music, voice and sound effects after you approve the price; see How to make a product launch video with AI.
What is the best way to make video, images and decks with an AI agent?
Give the agent a skill for the job and a place to make the media: PopNow agent skills are written for PopNow, so the layouts, prompts and model choices land on the look first time, and the pictures, clips, music and voice come from one PopNow account with every run priced up front.

