Builds a stylized 3D animated ad on the Novoads REST API as a STORYBOARD: four to six beats, each rendered from its own key frame, narration laid into the gaps, a music bed, captions burned on, assembled locally with ffmpeg. Carries the genre's beat formulas (anthropomorphized problem character, protagonist reveal, mascot mechanism scene, composited end card). Use for ANY Pixar-style, Disney-style, 3D animated or animated-film-look ad at ANY length: "Pixar style ad", "3D animated ad", "animated movie look", "cute 3D character ad", "a quick animated ad", "15 second animated ad", "30 second animated ad", "storyboard ad", "several scenes", "animated ad with a voice-over", "little mascots", or a product URL or photo for an emotional animated spot. No one-call tier, so ffmpeg is required. Not for stop-motion clay (use claymation-ad), talking-head UGC (novoads-api), video cloning, or static image ads.
中文简介正在准备中。当前显示原文说明。
novoads/agent-skills☆ 252026年10月18日 更新
Build React Native mobile interfaces for iOS and Android, covering styling, screen navigation, gesture interactions, and animations. The skill guides React Navigation and Reanimated usage, responsive layouts, and performance improvements for mobile components.
中文简介正在准备中。当前显示英语简介。
- Building React Native screens for iOS and Android
- Implementing screen navigation with React Navigation
- Adding touch gestures and Reanimated animations
wshobson/agents☆ 4.1万2026年10月20日 更新
Build and improve mobile apps with React Native and Expo using prioritized implementation rules. Covers faster lists, animations, images, navigation, state management, and native dependencies, with explanations and code examples for reviewing common implementation choices.
中文简介正在准备中。当前显示英语简介。
- Improving long lists and scrolling performance
- Reviewing Reanimated animations and gestures
- Choosing image, navigation, and modal implementations
vercel-labs/agent-skills☆ 3.3万2026年10月15日 更新
Create explainer clips, short videos, and animated overlays with React code. Define scenes and motion by frame number, then render an MP4 that can be regenerated after changes to the content, timing, or visual design.
中文简介正在准备中。当前显示英语简介。
- Turn a process explanation into an animated video
- Create a short video from supplied content
- Build animated overlays for video
danielmiessler/LifeOS☆ 2万2026年9月4日 更新
Build and improve mobile apps with React Native and Expo using prioritized implementation rules. Covers faster lists, animations, images, navigation, state management, and native dependencies, with explanations and code examples for reviewing common implementation choices.
中文简介正在准备中。当前显示英语简介。
- Improving long lists and scrolling performance
- Reviewing Reanimated animations and gestures
- Choosing image, navigation, and modal implementations
CherryHQ/cherry-studio-app☆ 40182026年10月20日 更新
Create premium hand-drawn architecture and process diagrams in the Lanshu animated GIF style, with editable .excalidraw files, static PNG previews, and genuinely animated GIFs with moving flow highlights. Use this skill whenever the user asks for 岚叔动态架构图, Excalidraw-like diagrams, DailyDoseOfDS-style black-background sketches, animated architecture/process GIFs, polished flowcharts, visual explanations of articles or system designs, or asks to replicate or improve a reference diagram with hand-drawn animated effects.
中文简介正在准备中。当前显示原文说明。
cclank/lanshu-animated-architecture-diagram☆ 10042026年9月3日 更新
End-to-end motion-design / animated-ad creation flow on Higgsfield via the MCP connector. Use when the user wants to create motion design, animate a logo, make a video from an image, build an animated ad or brand promo, turn a product into motion, or says 'make a motion', 'motion design', 'animate this', 'make a video from my logo', 'animated brand', 'motion graphics', 'brand motion', 'kinetic graphics', 'promo video', or 'ad video'. Drives a storyboard-first pipeline: brief → storyboard sheet (GPT Image 2) → video (Seedance 2.0) — an AI-generated pixel video clip. Distinct from higgsfield-motion (the named camera/motion preset library) and from higgsfield-vibe-motion (deterministic Remotion code with crisp text); use vibe-motion instead when the text/logo must stay perfectly crisp, editable, and deployable as code.
中文简介正在准备中。当前显示原文说明。
OSideMedia/higgsfield-ai-prompt-skill☆ 7672026年9月27日 更新
Motion (旧 Framer Motion) アニメーションライブラリ リファレンス。motion/react, vanilla JS, Vue 版 motion-v (v-motion ディレクティブ)。 AnimatePresence, AnimateView, LayoutGroup, LazyMotion, MotionConfig, Reorder, useAnimate, useScroll, useSpring, useTransform, useMotionValue, useInView, motionValue。 animate, animateView, scroll, inView, hover, press, stagger, spring, timeline, transitions, styleEffect, threeEffect。Motion+ Carousel, Cursor, Ticker, Typewriter, AnimateNumber。 layout, drag, gestures, SVG, Tailwind, Lenis 連携。accessibility, performance, bundle 最適化, troubleshooting。
中文简介正在准备中。当前显示原文说明。
Fandhe-AI/agent-reference-skills☆ 42026年10月20日 更新
Create animated GIFs for Slack emoji and messages using drawn shapes or uploaded images. Add motion such as bouncing, rotation, and fading, adjust dimensions and colors, and validate the finished file against Slack requirements.
中文简介正在准备中。当前显示英语简介。
- Create animated reaction emoji for Slack
- Animate an uploaded image
- Make a bouncing or rotating GIF for a message
davila7/claude-code-templates☆ 3.3万2026年10月20日 更新
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
中文简介正在准备中。当前显示原文说明。
freshtechbro/claudedesignskills☆ 10922025年11月20日 更新
Convert comic book panels, manga pages, webtoons, and illustrated storyboards into animated video using Seedance 2.0 on Higgsfield. Use whenever the user wants to animate comics, bring illustrations to life, convert manga to video, animate storyboards, or create motion from static sequential art. Triggers on: comic to video, manga animation, panel animation, storyboard to video, webtoon animation, comic book motion, sequential art, graphic novel animation, or any illustrate-to-animate request. Use even when user says "make this drawing move" or "animate this page.
中文简介正在准备中。当前显示原文说明。
beshuaxian/higgsfield-seedance2-jineng☆ 9782026年4月10日 更新
Add CSS animations to HTML elements, React/JSX components, or WordPress PHP templates using Animate.css (v4.1.1). Use this skill whenever the user wants to animate UI elements, add entrance/exit effects, attention-seeker animations, or any CSS-based motion to their markup. Trigger on phrases like "add animation", "animate this", "make it bounce/fade/slide/zoom", "add transitions", "CSS animations", or any request to bring elements to life visually. Works with raw HTML snippets, full HTML files, React JSX, and WordPress PHP templates. Claude picks the most contextually appropriate animation — no guesswork needed from the user.
中文简介正在准备中。当前显示原文说明。
msrbuilds/animate-css-skill☆ 152026年4月8日 更新
在React或Next.js中实现拖动、滑动手势、文字和SVG动画,涵盖多阶段动作、滚动与光标跟随及加载状态,并帮助按用途选择API。
- 实现拖动关闭面板和可排序列表
- 逐词显示文字并实现数字动画
- 绘制SVG线条和圆形进度
affaan-m/ECC☆ 28.5万2026年10月20日 更新
为Slack表情和消息制作动态图像,可使用上传的图片或绘制的图形,调整尺寸、颜色数量和运动速度,并用附带工具检查GIF是否符合要求。
- 制作Slack动态回应表情
- 为上传的图片添加动画
- 制作消息用GIF
anthropics/skills☆ 18.3万2026年10月10日 更新
制作适合屏幕录制的历史或冷知识动画HTML场景,将像素角色、醒目的年份、动态文字和滚动时间轴组合在一起,用复古风格呈现内容。
- 制作历史讲解中的一个场景
- 用像素画介绍冷知识
- 制作适合录屏的复古动画
nexu-io/open-design☆ 10.3万2026年10月20日 更新
将旋转文字、地球仪和以不同速度运动的多个图层组合成16:9动态首屏,用CSS实现动画,并整理为可供视频导出的HTML文件。
- 制作营销页面的动态首屏
- 制作文字动画标题卡
- 制作圆环与地球仪循环海报
nexu-io/open-design☆ 10.3万2026年10月20日 更新
基于HTML制作视频,组合标题、同步字幕、朗读音频、随音乐变化的视觉效果和场景转场,并检查内容溢出、文字可读性及动画时序。
- 制作简短的产品介绍视频
- 添加与音频同步的字幕
- 组合旁白与动态文字
nexu-io/open-design☆ 10.3万2026年10月20日 更新
根据文字或参考图制作适用于Codex的动态宠物,检查各动作的外观一致性与背景透明度,并输出动画精灵图及配置文件。
- 根据文字制作Codex宠物
- 将角色图片制作成动态宠物
- 修正动作之间的外观差异
nexu-io/open-design☆ 10.3万2026年10月20日 更新
帮助在Flutter应用中实现动画效果、页面转场和界面内的运动,为面向iOS和Android的原生应用加入动态设计。
- 为Flutter页面添加动画
- 实现页面切换时的动态效果
- 实现iOS和Android界面的运动
nexu-io/open-design☆ 10.3万2026年10月20日 更新
Create animated GIFs for Slack messages and custom emoji from a description. Combine motion such as bouncing, spinning, and shaking, then check dimensions and file size and adjust frames or colors to fit the intended use.
中文简介正在准备中。当前显示英语简介。
- Create animated emoji for reactions
- Make short GIFs for Slack messages
- Reduce GIF size for the intended use
ComposioHQ/awesome-claude-skills☆ 7.8万2026年9月18日 更新
Audit large animated GIFs that may slow a web page, confirm their impact with performance measurements, and guide conversion to MP4 or WebM with video markup suited to looping animations.
中文简介正在准备中。当前显示英语简介。
- Investigating slow pages that contain animated GIFs
- Replacing large GIFs with MP4 or WebM
- Reviewing playback attributes for looping videos
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Create short video clips from text or still images with LTX-2.3 22B. Generate supporting footage, animated backgrounds, or moving portraits while specifying camera motion, lighting, dimensions, and duration, with clips around five seconds by default.
中文简介正在准备中。当前显示英语简介。
- Generate supporting footage for narrated videos
- Add subtle motion to slide backgrounds
- Animate still portraits
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Create short animated graphics for titles, statistics, charts, logos, maps, or web content. The workflow sources assets when needed, designs and checks the animation, then exports an MP4 or transparent overlay after preview approval.
中文简介正在准备中。当前显示英语简介。
- Animating a short title or quote
- Showing a statistic with a count-up or chart
- Creating a logo reveal
heygen-com/hyperframes☆ 6.9万2026年10月20日 更新
Create animated Codex pets from character art, text ideas, or brand cues. Generate nine animation states, assemble a transparent sprite sheet, check appearance and movement, and package the results with a pet configuration file.
中文简介正在准备中。当前显示英语简介。
- Turn character art into an animated Codex pet
- Create a pet in plush, clay, or other non-pixel styles
- Design a mascot from company or brand cues
openai/skills☆ 2.8万2026年9月9日 更新