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.

Connect your AI tool (MCP)

Results

209 skills

  • Virtual Piano

    Google AI EdgeOfficial

    A web-based virtual piano keyboard for interactive music creation.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Apache-2.0Low riskHas scriptsGitHub stars of the source repository25.2k
  • Gsap Plugins

    GSAP (GreenSock)Official

    Official guide for integrating and using GSAP plugins for advanced animations, layout transitions, and physics-based interactions.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository18k
  • Illustration One Line

    Meng To· Community

    A toolkit for generating one-line SVG illustrations of figures in action with misregistered colour patches.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITLow riskHas scriptsGitHub stars of the source repository7.3k
  • Subtitles

    OpenAIOfficial

    Burn timed subtitles onto a finished video or configure Whisper-timed caption burning during faceless-video assembly. Takes video/audio generation jobs or a local finished video, optionally with authored narration text, and returns a captioned video or the exact backend subtitle configuration. Timings always come from Whisper on the video's own audio — never estimated. THREE looks: `paper` (torn cream paper label, handwritten ink), `bold` (UGC ALL-CAPS, white with black stroke, platform safe zones), `clean` (slim white CAPS, no plate, tiny at the bottom — no Pillow needed). Use when: adding/burning subtitles or captions to an existing video, restyling captions, or when a production workflow needs its finished cut subtitled. NOT for: generating the video, translating speech, or live/soft subtitle tracks (this burns them into the picture).

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
  • Teardown

    Jakub Krehel· Community

    Generates technical illustrations of physical objects and concepts using exploded views and precise linework.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITLow riskHas scriptsGitHub stars of the source repository11.5k
  • Variant

    Jakub Krehel· Community

    Generate and iterate on multiple UI component variants based on a specific design axis.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository11.5k
  • Better Colors

    Jakub Krehel· Community

    Audit and manage color systems by validating semantic tokens, palette structures, and contrast ratios.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository11.5k
  • Gsap

    OpenAIOfficial

    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.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
  • Adobe Create Mockups

    OpenAIOfficial

    Generate professional product mockups by placing your logo or design onto various items using Adobe Firefly.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Apache-2.0GitHub stars of the source repository7.8k
  • Remotion Captions

    OpenAIOfficial

    Transcribing, displaying and animating captions

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Figma Generate Design

    OpenAIOfficial

    Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Faceless Channel

    OpenAIOfficial

    Use only when the user asks to produce a finished multi-scene narrator-led video and explicitly requests a faceless channel, YouTube automation, narrated explainer/story/education, documentary, storybook or myth retelling, or kids song video. Topic alone is never enough: a generic video of/about something, including a historical topic, uses ordinary video generation. Do not use for planning or ideas, single clips, silent animation, image-to-video, footage edits, ads, product demos, or UGC. This workflow requires a consistent non-photoreal style, reusable assets, narrator voiceover, and burned subtitles.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyLow riskGitHub stars of the source repository7.8k
  • Resize a Canva design into multiple social media formats (Facebook post, Facebook story, Instagram post, Instagram story, LinkedIn post). Use this skill when users want to resize Canva designs specifically for multiple social media platforms in one operation, rather than resizing to a single format manually.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Canva Bulk Create

    OpenAIOfficial

    Bulk-create Canva designs from tabular data using a brand template with autofill fields, producing one design per row. Use when users say "bulk create designs from this CSV", "generate one design per row", "create a design for each product", "batch generate from a template", or "autofill a template from a spreadsheet". Accepts any tabular data source — uploaded files, pasted tables, JSON, or URLs.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Canva Brand Check

    OpenAIOfficial

    Check a Canva design against a brand kit and report where it diverges — off-palette colors, non-brand fonts, logo misuse, and off-tone copy. Read-only; makes no changes. Use when the user asks "is this on brand", "check this against our brand kit", "do a brand review", "does this match our brand guidelines", or "brand-check my design".

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Remotion Create

    OpenAIOfficial

    Create a new Remotion video

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Ideate

    OpenAIOfficial

    Generate image-based alternatives, remixes, or new design directions from a Product Design brief. Use when the user asks for design variants, visual exploration, remixes, or image-generated approaches from provided context.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyLow riskGitHub stars of the source repository7.8k
  • Figma Use

    OpenAIOfficial

    **MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
  • Search, customize, and export visual designs using Adobe Express templates.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Apache-2.0GitHub stars of the source repository7.8k
  • Translate all text in a Canva design to another language, creating a translated copy. Faster than manually copying and editing each text box in Canva's editor. Use when users say "translate my design to [language]", "make a Spanish/French/etc version", or "localize my Canva design".

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Canva Design Feedback

    OpenAIOfficial

    Read a Canva design and return structured, actionable design feedback — visual hierarchy, copy/messaging, layout & spacing, consistency, readability, and accessibility. Read-only; makes no changes to the design. Use when the user asks to "review my design", "give me feedback on this", "critique my deck/poster/flyer", "how can I improve this design", or "what's wrong with this slide".

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • A batch photo editing pipeline that applies consistent styles and adjustments to multiple images for a cohesive look.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Apache-2.0GitHub stars of the source repository7.8k
  • Choose and apply automatic layout strategies for node-link diagrams and connected-node visuals. Use when the user asks how to auto-arrange nodes, reduce line crossings, route edges, avoid overlaps, stabilize layout, or choose graph-layout algorithms for network diagrams, dependency graphs, database schema diagrams, ERDs, state machines, decision trees, flow diagrams, box-and-line editors, or other line-connected nodes.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Sprite Pipeline

    OpenAIOfficial

    Generate and normalize 2D sprite animations. Use when the user asks for full-strip generation from approved source frames, consistent anchor and scale normalization, or preview assets for browser-game animation.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k