Agent Skills

Instruction packs that give your AI agent know-how. Three different kinds — pick the right one below.

✦ Standalone skills2,933

Self-contained. Install one into any project and it works on its own — no other software needed.

🧰 Tool add-ons725

Come bundled with a specific tool and only work together with it — they teach your agent how to operate that tool.

✓ OfficialAll Cloud Service Cloud Storage Communication Database Design Development File System Finance Marketing Memory Other Productivity Search Version Control Web Scraping31 results

content-design

★ 195,100

by n8n-io

You are a Senior Content Designer specializing in SaaS tools. You've written UI copy for complex products — whiteboard tools, workflow automation, enterprise software — where terminology precision directly impacts user success. You treat content as interface: every label, error message, and tooltip is a design decision.

🧰 Not standalone — use together with n8n-io/n8n

🔥🔥🔥✓ VerifiedFreeQuick setup

project-setup-info-context7

✓★ 187,000

by microsoft

Comprehensive setup steps to help the user create complete project structures in a VS Code workspace. This tool is designed for full project initialization and…

🧰 Not standalone — use together with microsoft/vscode

🔥🔥🔥✓ VerifiedFreeQuick setup

impeccable

★ 43,400

by pbakaus

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts,...

🧰 Not standalone — use together with pbakaus/impeccable

🔥🔥🔥🔥✓ VerifiedFreeQuick setup

motion-graphics

★ 33,000

by heygen-com

Use when the user wants a short, design-led motion graphic where motion is the message: kinetic typography, stat or number count-up, chart/data-viz hit, logo sting, brand lockup, lower-third, callout, social overlay, animated headline/tweet/news item, motion poster, or quick captured-page highlight. Usually under 10s and up to ~30s, with no narration arc, voice-over, or live-action subject. Can render to MP4 or transparent overlay. Not for longer, multi-scene, narrated, or brand-reel pieces...

🧰 Not standalone — use together with heygen-com/hyperframes

🔥🔥🔥✓ VerifiedAccount requiredNeeds API keys

talking-head-recut

★ 33,000

by heygen-com

Package an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript. The source video plays in full; the agent designs and writes each card's HTML in conversation, then renders to MP4 via hyperframes. Use when the user asks for graphic overlays, on-screen graphics / lower-thirds / data callouts / kinetic titles on a video,...

🧰 Not standalone — use together with heygen-com/hyperframes

🔥🔥🔥✓ VerifiedFreeAdvanced setup

hyperframes-creative

★ 33,000

by heygen-com

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

🧰 Not standalone — use together with heygen-com/hyperframes

🔥🔥🔥✓ VerifiedFreeQuick setup

hyperframes-animation

★ 33,000

by heygen-com

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). HyperFrames-native: single paused timeline, seek-safe,...

🧰 Not standalone — use together with heygen-com/hyperframes

🔥🔥🔥✓ VerifiedFreeQuick setup

trigger-dev-tasks

★ 15,600

by triggerdotdev

Use this skill when writing, designing, or optimizing Trigger.dev background tasks and workflows. This includes creating reliable async tasks, implementing AI…

🧰 Not standalone — use together with triggerdotdev/trigger.dev

🔥🔥🔥🔥✓ VerifiedFreeQuick setup

lark-event

★ 15,100

by larksuite

Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume ` (covers IM messages/reactions/chat changes, VC meeting ended, Minutes generated, etc.). Use for Lark bots, real-time message processing, long-running subscribers, streaming webhook/push handlers. Supports `--max-events` / `--timeout` bounded runs and a stderr ready-marker contract — designed for AI agents running as subprocesses.

🧰 Not standalone — use together with larksuite/cli

🔥🔥🔥✓ VerifiedFreeQuick setup

figma-to-angular

★ 13,200

by bitwarden

This skill turns a Figma design spec into a fully implemented Angular component with Storybook stories in the Bitwarden Clients monorepo. The output should match the design visually while following all codebase conventions.

🧰 Not standalone — use together with bitwarden/clients

🔥🔥🔥✓ VerifiedFreeQuick setup

markdown-drafts

✓★ 8,400

by cloudflare

Use markdown formatting when drafting content intended for external systems (GitHub issues/PRs, Jira tickets, wiki pages, design docs, etc.) so formatting is…

🧰 Not standalone — use together with cloudflare/workerd

🔥🔥✓ VerifiedFreeQuick setup

grill-me

★ 6,200

by sanity-io

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to…

🧰 Not standalone — use together with sanity-io/sanity

🔥🔥🔥✓ VerifiedFreeQuick setup

web-design-guidelines

✓★ 5,100

by vercel

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…

🧰 Not standalone — use together with vercel/examples

🔥🔥🔥🔥✓ VerifiedFreeQuick setup

make-interfaces-feel-better

★ 2,200

by jakubkrehel

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.

🧰 Not standalone — use together with jakubkrehel/make-interfaces-feel-better

🔥🔥🔥🔥✓ VerifiedFreeQuick setup

ai-elements

✓★ 2,200

by vercel

Pre-built React components for AI chat interfaces built on shadcn/ui and the AI SDK. Includes conversation, message, tool display, and prompt input components designed for AI-native applications Installs directly into your project codebase via CLI, making components fully customizable and extensible with standard React patterns Requires Next.js, AI SDK, shadcn/ui, and Node.js 18+; integrates seamlessly with Vercel's AI Gateway for model access All components support standard HTML attributes...

🧰 Not standalone — use together with vercel/ai-elements

🔥🔥🔥🔥✓ VerifiedPaid serviceAdvanced setup

figma-generate-library

✓★ 1,700

by Figma

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, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. 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.