Discover Claude Skills, Codex Skills, and reusable Agent Skills with install commands, source repositories, use cases, and security information.
vercel-labs / agent-skills
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
heygen-com / hyperframes
Port an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — one-way, Remotion-only. A passing Remotion mention, reference-only code, or "make something like my Remotion video" is a fresh build (/general-video). Unclear → /hyperframes.
heygen-com / hyperframes
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.
heygen-com / hyperframes
Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured screenshots and the site's own brand assets. Use for portfolio / blog / docs / landing-page showcases. Not a product launch or promo, even from a URL (/product-launch-video). Unclear → /hyperframes.
heygen-com / hyperframes
Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR topic explainer (/faceless-explainer). Unclear → /hyperframes.
heygen-com / hyperframes
Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). Unclear → /hyperframes.
heygen-com / hyperframes
Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on window.__hfAnime, making Anime.js seek-driven and deterministic, or translating Anime.js examples into render-safe HyperFrames HTML.
heygen-com / hyperframes
Three.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas layers, AnimationMixer timelines, camera motion, shader-driven visuals, or canvas renders that respond to HyperFrames hf-seek events.
heygen-com / hyperframes
Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players, registering instances on window.__hfLottie, or making After Effects exports deterministic in HyperFrames.
heygen-com / hyperframes
Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music / image models when the catalog misses; produce voiceover, transcription, captions, and background removal through one shared audio engine; operate on media (cut / reframe / transform); and reuse assets across projects. Keeps search noise on disk, hands the agent one path or block. Use for any audio, image, icon, logo, voiceover, caption, color-grading, or media-asset need.
Common questions about Agent Skills and safe installation
Agent Skills are reusable capability packages that an AI agent loads when needed. They commonly include a SKILL.md file, operating instructions, workflows, scripts, and optional resources. When a task matches the skill description, the agent reads the relevant content to perform specialized work.
Claude Skills are skills designed for Claude Code or other Claude agent workflows. After installation, Claude Code can load the SKILL.md when a task matches its description. You should still review the instructions, scripts, dependencies, and permission scope before use.
Codex Skills are Agent Skills that OpenAI Codex can load to add domain knowledge, repeatable procedures, and tool workflows. They are typically installed from a source repository into a skills directory and then used by Codex when a matching task appears.
The open SKILL.md pattern can be used or adapted by Claude Code, OpenAI Codex, Cursor, GitHub Copilot, Gemini CLI, VS Code, and other coding agents. Installation paths, triggering rules, and supported resources differ between products.
Treat a skill like code: inspect its SKILL.md, scripts, dependencies, requested permissions, and source repository before installation. Security badges are useful signals, not guarantees; use least privilege whenever a skill can access shells, networks, or credentials.
Entries are deduplicated by normalized source repository and skill identifier. When the same skill appears in several directories or awesome lists, or supports both Claude and Codex, its sources and compatibility data are merged into one record instead of creating duplicates.
