Agent Skills

data-table-manager

★ 195,330

by n8n-io

Designs and manages n8n Data Tables directly with the data-tables and parse-file tools. Use when the user asks to list, show, create, inspect, import, seed, query, update, clean up, rename columns in, or delete data tables and rows, especially from CSV/XLSX/JSON attachments, and before building or planning workflows that create or write to Data Tables.

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

n8n:content-design

★ 195,330

by n8n-io

Product content designer for UI copy. Use when writing, reviewing, or auditing user-facing text: button labels, error messages, tooltips, empty states, modal copy, placeholder text, confirmation dialogs, onboarding flows, or i18n strings. Also use when the user says /copy, /content, or /ux-copy.

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

project-setup-info-context7

✓★ 187,144

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 scaffolding, not for creating individual files. When to use this tool: when the user wants to create a new complete project from scratch; when setting up entire project frameworks (TypeScript projects, React apps, Node.js servers, etc.); when initializing Model Context Protocol (MCP) servers with full structure; when creating VS Code exte

🧰 Not standalone — use together with microsoft/vscode

add-adaptive-card-form

✓★ 136,050

by microsoft

Create form-based UI for your Command Palette extension using Adaptive Cards. Use when asked to add forms, user input fields, toggle switches, text inputs, dropdown menus, data entry, surveys, configuration dialogs, or interactive content pages. Supports the Adaptive Cards Designer for visual form building.

🧰 Not standalone — use together with microsoft/powertoys

skill-writer

★ 101,523

by pytorch

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill, or needs help with SKILL.md files, frontmatter, or skill structure.

🧰 Not standalone — use together with pytorch/pytorch

designing-email-templates

★ 35,336

by posthog

Author, save, and edit email templates in the PostHog workflows library — compose email design JSON with Liquid personalization and create and round-trip-edit templates over MCP. Use when asked to design, build, update, or fix an email template for workflows, broadcasts, or campaigns.

🧰 Not standalone — use together with posthog/posthog

designing-mcp-surfaces

★ 35,336

by posthog

🧰 Not standalone — use together with posthog/posthog

writing-clickhouse-queries

★ 35,336

by posthog

Guide for writing performant ClickHouse queries in PostHog product code. Use when writing HogQL query runners, designing a ClickHouse table for a new product, adding materialized columns or skip indexes, or choosing a row ID format. For optimizing an existing query that is already too slow, use `/optimizing-clickhouse-and-hogql-queries` instead.

🧰 Not standalone — use together with posthog/posthog

mastra-frontend

★ 25,837

by mastra-ai

How to build Mastra frontend interfaces with the @mastra/playground-ui design system. This skill should be used when creating or modifying any application UI — pages, components, styling, or tokens — in this repo or in an external consumer of the design system. The docs site has its own styling and is out of scope.

🧰 Not standalone — use together with mastra-ai/mastra

huashu-design

★ 20,935

by alchaincyf

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审，需求模糊时给设计方向。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。

🧰 Not standalone — use together with alchaincyf/huashu-design

trigger-dev-tasks

★ 15,576

by triggerdotdev

Use this skill when writing, designing, or optimizing Trigger.dev background tasks and workflows. This includes creating reliable async tasks, implementing AI workflows, setting up scheduled jobs, structuring complex task hierarchies with subtasks, configuring build extensions for tools like ffmpeg or Puppeteer/Playwright, and handling task schemas with Zod validation.

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

lark-event

★ 15,144

by larksuite

Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume <EventKey>` (covers IM messages/reactions/chat changes, Task updates, VC meeting started/joined/ended, Minutes generated, Whiteboard updated, 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 subp

🧰 Not standalone — use together with larksuite/cli

figma-to-angular

★ 13,190

by bitwarden

Converts Figma designs into production Angular components with Storybook stories for the Bitwarden Clients monorepo. Use this skill whenever the user provides a Figma URL and wants to create an Angular component, or mentions "implement this design", "create a component from Figma", "build this from the design spec", or similar. Also trigger when the user pastes a Figma link and asks for a component, even if they don't say "Figma" explicitly.

🧰 Not standalone — use together with bitwarden/clients

markdown-drafts

✓★ 8,372

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 preserved when the user copies it. Load this skill before producing any draft the user will paste elsewhere.

🧰 Not standalone — use together with cloudflare/workerd

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 stress-test a plan, get grilled on their design, or mentions "grill me".

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

web-design-guidelines

✓★ 5,133

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 against best practices".

🧰 Not standalone — use together with vercel/examples

python-architecture

✓★ 3,123

by microsoft

Activate when creating new modules, refactoring class hierarchies, introducing design patterns, or making changes spanning 3+ files in the APM CLI codebase.

🧰 Not standalone — use together with microsoft/apm

devx-ux

✓★ 3,123

by microsoft

Activate when designing or modifying CLI command surfaces, command help text, install/init/run flows, error wording, or first-run experience in the APM CLI -- even when the user does not say "UX" explicitly.

🧰 Not standalone — use together with microsoft/apm

make-interfaces-feel-better

★ 2,219

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

code-review

✓★ 2,194

by sentry

Perform code reviews following Sentry engineering practices. Use when reviewing pull requests, examining code changes, or providing feedback on code quality. Covers security, performance, testing, and design review.

🧰 Not standalone — use together with getsentry/sentry-python

lavish-design

★ 1,621

by kunchenguid

Use this skill to generate well-branded interfaces and assets for Lavish, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

🧰 Not standalone — use together with kunchenguid/lavish-axi

web-design-guidelines

★ 1,449

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 against best practices".

🧰 Not standalone — use together with vercel-labs/openreview

building-components

✓★ 776

by vercel

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.

🧰 Not standalone — use together with vercel/components.build

openspec-propose

✓★ 753

by getsentry

Propose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.

🧰 Not standalone — use together with getsentry/sentry-mcp

cds-code

★ 486

by coinbase

Provides a structured workflow for writing high quality Coinbase Design System (CDS) code. Use this skill every time you are asked to create or update a user interface using React or React Native. Additinoally, this skill may be used to conduct a code review on existing code for CDS adherence. Trigger examples: "build this screen", "update this component", "perform a CDS audit on our changes", "check our codebase for CDS adherence", "does this feature use CDS well?"

🧰 Not standalone — use together with coinbase/cds

cds-docs

★ 486

by coinbase

Retrieve Coinbase Design System (CDS) documentation: setup, installation, theming, tokens, and per-component APIs/examples. Use this skill whenever the task involves CDS components, design-system rules, theming, or choosing between web and mobile CDS packages, even if the user only says "use CDS" or names a component. Always start from the docs route index, then fetch only the pages you need to reason and implement correctly. Prefer the CDS MCP server (`list-cds-routes`, `get-cds-doc`); if MCP i

🧰 Not standalone — use together with coinbase/cds

cds-design-to-code

★ 486

by coinbase

Turn Figma designs into CDS React (cds-web) or React Native (cds-mobile) code. Use when the user shares a Figma design URL (e.g. `figma.com/design/...?node-id=...`) or asks to "implement this design" or "build this from Figma" in a frontend project that is using Coinbase Design System (CDS). Do not use for general CDS UI work with no Figma reference (use `cds-code`), or for design critique without an implementation request.

🧰 Not standalone — use together with coinbase/cds

visual-design

★ 470

by automattic

Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.

🧰 Not standalone — use together with automattic/studio

clinical-trial-protocol-skill

✓★ 332

by anthropic

Generate clinical trial protocols for medical devices or drugs. This skill should be used when users say "Create a clinical trial protocol", "Generate protocol for [device/drug]", "Help me design a clinical study", "Research similar trials for [intervention]", or when developing FDA submission documentation for investigational products.

🧰 Not standalone — use together with anthropics/healthcare

cosmosdb-best-practices

✓★ 197

by microsoft

Azure Cosmos DB performance optimization and best practices guidelines for NoSQL, partitioning, queries, and SDK usage. Use when writing, reviewing, or refactoring code that interacts with Azure Cosmos DB, designing data models, optimizing queries, or implementing high-performance database operations.

🧰 Not standalone — use together with microsoft/vscode-cosmosdb