Agent Skills

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

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

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

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

figma-create-new-file

✓★ 1,700

by Figma

Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)

🧰 Not standalone — use together with figma/mcp-server-guide

figma-generate-design

✓★ 1,700

by Figma

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'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

🧰 Not standalone — use together with figma/mcp-server-guide

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.

🧰 Not standalone — use together with figma/mcp-server-guide

figma-create-new-file

✓★ 1,700

by figma

Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma.…

🧰 Not standalone — use together with figma/mcp-server-guide

figma-generate-design

✓★ 1,700

by figma

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to…

🧰 Not standalone — use together with figma/mcp-server-guide

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…

🧰 Not standalone — use together with figma/mcp-server-guide

building-components

✓★ 775

by vercel

Comprehensive guide for building modern, accessible, and composable UI components. Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern for flexible element composition Provides guidance on design tokens, theming systems, styling approaches, and using...

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

firecrawl-website-design-clone

✓★ 72

by firecrawl

Extract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, spacing, components, layout patterns, or brand/UI guidance from a website so AI agents can create new websites, clone a look, or build pages inspired by that design.

🧰 Not standalone — use together with firecrawl/firecrawl-workflows

firecrawl-workflows

✓★ 72

by firecrawl

Run outcome-focused Firecrawl workflows that produce deliverables such as research reports, SEO audits, QA reports, lead lists, knowledge bases, website design systems, and other structured web-data artifacts. Use when the user wants Firecrawl to complete a business, marketing, product, or creative workflow rather than merely scrape a page or integrate API calls into code.

🧰 Not standalone — use together with firecrawl/firecrawl-workflows

frontend-design

✓★ 12

by sentry

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…

🧰 Not standalone — use together with getsentry/webvitals.com

web-design-guidelines

✓★ 12

by sentry

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 getsentry/webvitals.com

skill-creator

✓★ 3

by firecrawl

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

🧰 Not standalone — use together with firecrawl/openclaw