Remotion Studio
OpenAIOfficial
Preview a Remotion video
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Link-onlyGitHub stars of the source repository7.8k
Agent Skills
Trusted skills for AI agents from official vendors and established maintainers. Every skill is attributed to its author, scanned, and comes with install steps for your AI tool.
Results
209 skills
Figma Use Figjam
OpenAIOfficial
This skill helps agents use Figma's use_figma MCP tool in the FigJam context. Can be used alongside figma-use which has foundational context for using the use_figma tool.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Remotion Render
OpenAIOfficial
Export a Remotion video
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Remotion Interactivity
OpenAIOfficial
Structure Remotion markup for interactivity
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Index
OpenAIOfficial
Use when Product Design is explicitly invoked, or when the user's main goal is to explore a design, research UX, audit or critique a flow, faithfully clone a visual source, check a built design, or share a prototype. Do not use Product Design for ordinary implementation unless the user explicitly asks for it.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Canvas2d Data Visualization
OpenAIOfficial
Render data visualizations with Canvas2D. Use when the visualization needs high mark counts, fast redraws, immediate-mode rendering, custom hit testing, or a hybrid Canvas plus SVG or HTML architecture.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Figma Create New File
OpenAIOfficial
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call. NEVER call `create_new_file` directly without loading this skill first. Trigger whenever the user wants a new blank Figma file — a new design, FigJam, or Slides file — or when you need a fresh file before calling `use_figma`. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard, /figma-create-new-file slides Q3 Review)
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Remotion Maps
OpenAIOfficial
Remotion Map animation knowledge
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
Website To Hyperframes
OpenAIOfficial
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn this into a video", "make a promo from my site", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a link and asks for any kind of video content. Even if the user just pastes a URL — this is the skill to use.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Canva Implement Feedback
OpenAIOfficial
Implement reviewer feedback on a Canva design. Reads all comment threads, synthesises what reviewers want, makes the clear-cut changes directly, and flags anything that needs a human decision. Use when the user asks to "implement feedback on my deck", "address comments on a design", "apply review feedback", "fix the comments on my presentation", or "implement the feedback".
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Figma Use Motion
OpenAIOfficial
Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Load alongside figma-use whenever a task involves adding, editing, or inspecting animation on a node.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Game UI Frontend
OpenAIOfficial
Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Figma Generate Library
OpenAIOfficial
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. Also use when the user asks to create or generate any component in Figma — even a single one — since components require proper variable foundations, variant states, and design token bindings to be production-quality. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
Figma Use Slides
OpenAIOfficial
This skill helps agents use Figma's use_figma MCP tool in the Slides context. Can be used alongside figma-use which has foundational context for using the use_figma tool.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Remotion Multimedia
OpenAIOfficial
Interacting with Mediabunny
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Produce
OpenAIOfficial
Use when the user wants to create, explore, adapt, refine, polish, or review visual creative such as campaigns, ads, social posts, product imagery, scenes, offers, logos, brand systems, styles, charts, decks, or related marketing and design assets.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
Narrator
OpenAIOfficial
Activate when the user explicitly names the narrator skill or requests production-ready narration in either case: (1) numbered takes fitted to fixed video windows, or (2) one continuous long-form story read in a locked voice that must be measured and retried for timbre or internal pauses. Collect missing text, voice_id, or voice_type after activation; their absence is not a reason to skip this workflow. Own pacing, speech-duration gates, retries, and ready audio delivery; never time-stretch. Do not use for ordinary TTS, "read this aloud", an unconstrained voiceover, voice browsing, music, SFX, singing, dubbing existing speech, or voice cloning.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
Adobe Retouch Portraits
OpenAIOfficial
A batch processing pipeline for retouching portrait photos using Adobe tools.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreApache-2.0GitHub stars of the source repository7.8k
Web 3d Asset Pipeline
OpenAIOfficial
Prepare and optimize browser-game 3D assets. Use when the user asks for GLB or glTF shipping work, including Blender cleanup and export, collision or LOD setup, compression, texture packaging, and runtime validation.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Scrollytelling And Parallax Data Visualization
OpenAIOfficial
Design and implement parallax scrolling and scrollytelling data visualizations. Use when the user asks for parallax scrolling, scrollytelling, scroll-driven timelines, sticky graphics, Scrollama, ScrollTrigger, ScrollTimeline, view timelines, rich-media timelines, moviescrollers, scroll-scrubbed charts, staged narrative reveals, or interactive visual stories where scrolling changes a data visualization or media scene.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyGitHub stars of the source repository7.8k
Canva Edit Design
OpenAIOfficial
Make edits to an existing Canva design — change or fix text, replace/insert/delete images and videos, reformat text (size, weight, style, color, alignment, lists, line height), reposition or resize elements, and update the title. Use when the user wants to change, edit, update, fix, translate, replace, or reformat content in a specific Canva design. This is the safe edit engine that other Canva skills (e.g. implement-feedback) build on.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyLow riskGitHub stars of the source repository7.8k
Remotion Markup
OpenAIOfficial
Content, animation and effects best practices
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreLink-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
Dark Glass Clean Layout
Meng To· Community
A design system for building premium, dark-themed glassmorphism interfaces with a clean, architectural workspace structure.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreMITGitHub stars of the source repository7.3k
Framed Tech Dark Border Gradient
Meng To· Community
A design system guide for creating premium, dark-themed technical interfaces using border-gradient shells and precise monochrome layouts.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreMITGitHub stars of the source repository7.3k