Agent skills for Claude Code and Codex

With scripts and a demo

HTML DemoShow your app working on a web page, drawn live in HTML instead of recorded. Every frame is a function of one clock at…17 files, with scripts and a demoHTML ReelTurn a tweet, a video, a YouTube video or a landing page into a 9:16 reel that says what it says and looks like it…32 files, with scripts and a demo

Image

Logo explorationsExplores logo marks for a brand as tidy exploration sheets, then turns the strongest mark into a brand board. Use for…From the Logo and brand guide workflowManga pagesPlans a manga chapter as a whole story first, then scripts it page by page and panel by panel at the pace of a real…From the Manga chapter workflowProduct photographyShoots a product from one photo as a consistent set of studio and lifestyle pictures, keeping the product exactly as it…From the Product photoshoot workflowIllustration setDraws a set of illustrations that clearly belong together: one character design, one palette, one line and one texture…From the Illustration set workflowBook platesPaints the plates of an illustrated book, its endpaper, map and character portraits, all in the exact style of one…From the Illustrated book workflowYouTube thumbnailsMakes YouTube thumbnails from a creator's photo, one clear idea with a real expression and two to four words that read…From the YouTube thumbnails workflowInstagram carouselMakes an Instagram carousel of five to ten slides that read as one post, a hook that stops the scroll, one point per…From the Instagram carousel workflowSocial campaignTurns one product photo into a small ad campaign, three posters, a clean still and a product shot that moves, then…From the Social campaign workflowBook coverDesigns a book's front and back cover as one piece of art, with type that reads at thumbnail size, then shows it as a…From the Book cover workflowT-shirt printsDesigns a t-shirt's front and back prints as screen-print-ready artwork, then shows them on the shirt. Use for merch…From the T-shirt design workflowBusiness cardsDesigns a two-sided business card, print-ready artwork for the front and back with every detail spelled exactly, then…From the Business card workflowIcon setDraws a consistent set of icons, one stroke, one grid and one style of metaphor, as a sheet to review and as clean SVG…From the Icon set workflowPicture bookMakes a children's picture book, a story that reads aloud well, one lovable hero drawn the same on every page, a cover…From the Children’s book workflowTalk slidesMakes a talk's slides as pictures, one idea per slide, a few words set big, a strong visual for each and one look…From the Talk slides workflowHeadshotsTurns one or two photos of a person into professional headshots and portraits in distinct styles, always clearly them…From the Headshots workflowPackaging designDesigns a product's packaging, the front and back as print-ready flat artwork, then the finished pack shot in a studio…From the Packaging design workflowTeam photoPuts a team together in one photo from each person's own picture, everyone recognisably themselves, in four settings to…From the Team photo workflow

Video

Cinematic shotsWrites cinematic keyframes and video shots that cut together, with one lead, one look and continuous light and screen…From the Story video workflowProduct promoTurns a product photo into on-brand hero stills and short product clips for ads and socials, keeping the product…From the Product promo video workflowLong-form videoPlans and makes a long-form video chapter by chapter: a script with each chapter's words on screen, picture and…From the Long-form product video workflowLaunch filmPlans and makes a short product launch film as code: nine five-second motion design scenes, each in its own scene…From the Product launch video workflowMotion filmDirects, animates and scores a finished short film made entirely in code: facts, a concept, a storyboard and a style…From the Motion film workflowReel plannerPlans a 30-second vertical video scene by scene, a hook in the first two seconds and six scenes of about five seconds…From the Reel planner workflowUGC videoMakes a UGC-style video ad, a believable creator filmed on a phone at home, holding your product and talking to the…From the UGC video ad workflowYouTube video planPlans and scripts a YouTube video the way strong channels do, packaging first (title and thumbnail), a hook that…From the YouTube video plan workflow

3D

3D-ready conceptDraws objects as clean, model-ready concepts and turnarounds, so an image-to-3D model reads their shape correctly. Use…From the 3D asset workflowGame characterDesigns a game character as a full-figure concept and a clean A-pose model sheet that image-to-3D models turn into a…From the Game character workflowCharacter gearDesigns a gear set and fits it to a game character in several body types, as clean A-pose turnarounds that image-to-3D…From the Character gear workflowMaterial maps to a Three.js sceneMakes a seamless PBR material from one surface (base colour, height and roughness maps, and a normal map built from the…From the Material maps to Three.js workflowHolographic cardMakes a holographic trading card in the manner of The Ashen One: a scene and its depth, a hero cut out to stand in…From the Holographic card workflow

Web

Website craftBuilds websites that look designed, not generated: a clear story, real copy, a strict type scale and generous spacing…From the React website workflowLanding pagePlans a landing page section by section for its kind of site, makes one picture for every section, from the hero…From the Landing page workflowHTML componentBuilds one self-contained, accessible UI component in a single HTML file, ready to paste into any site. Use for hero…From the HTML component workflowSite with a CMSPlans a website whose content lives in collections people can edit, with pages that read from them and a design system…From the Website with a CMS workflowWebsite heroDesigns and builds a website's hero section, the first screen, with a hero image made for the layout, a headline that…From the Website hero workflowThree.js landing pageBuilds a scroll-driven Three.js landing page: one lit 3D place the camera travels through, a station for each thing a…From the Three.js landing page workflowSurveyPlans a short survey from what someone wants to learn and from whom, writes its questions in the order that gets them…From the Survey workflowVisual explainerExplains a system, a process or an idea as one rich, self-contained web page, the answer in plain words first, then…From the Visual explainer workflowWorkshop dayPlans a one-day, hands-on workshop from 9 to 5 that teaches a practical skill (design, code, AI tools), with a…From the Workshop day workflow

In the Fil plugin

Skills that work on your Fil canvas through Fil’s MCP server, in one install with Fil’s plugin for Claude Code.

• fil-canvasWork on a Fil canvas the way Fil expects. Build a flow of prompts, files and generation nodes, price paid runs before they run, wait for results, and keep the canvas tidy. Use for anything made in Fil: pictures, video, 3D, websites, slides, documents, posts and sound.
• landing-pageMake a landing page or website in Fil from a brief. A Code node writes the site, then you refine its pages, design system and content, and publish it when asked. Use when someone wants a landing page, a homepage, a product page or a small site.
• setupSet up Fil the first time it's used in a conversation. Signs the person in to Fil, checks their account, and makes or opens a canvas to work on, with its link. Use when Fil was just connected, when the person asks what Fil can do, or before the first thing they ask Fil to make.
• social-postWrite a social post in Fil that shows exactly as it will on X, Threads, LinkedIn, Instagram, TikTok or YouTube, with its pictures, video, thread and link card. Use when someone wants a post, a thread, a caption or a YouTube description.
• story-videoMake a short story video in Fil. Write the shots, make a picture for each, bring them to life as videos, add a voice or music, and cut it all together in Fil's video editor. Use when someone wants a short film, an ad, a trailer or a story told in shots.

Questions