Agent Skills

figma-create-design-system-rules

✓★ 23,200

by openai

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design…

figma-generate-library

✓★ 23,200

by openai

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…

figma-use

✓★ 23,200

by openai

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…

figma

✓★ 23,200

by openai

Fetch design context, screenshots, and assets from Figma, then translate designs into production code. Provides three core commands: get_design_context for structured node representation, get_screenshot for visual reference, and asset download via localhost endpoints Requires a mandatory workflow: fetch design context, retrieve screenshot, download assets, then implement using project conventions and design tokens Outputs React + Tailwind as a design representation; implementation must reuse...

figma-implement-design

✓★ 23,200

by openai

Translate Figma designs into production-ready code with pixel-perfect visual fidelity. Structured seven-step workflow: extract node IDs from Figma URLs, fetch design context and screenshots, download assets, translate to project conventions, and validate against Figma specs Integrates with Figma MCP server (remote or desktop) to access layout properties, typography, colors, design tokens, and component structure Emphasizes design system reuse, design token mapping, and 1:1 visual parity;...

figma-create-new-file

✓★ 23,200

by openai

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.…

chatgpt-apps

✓★ 23,200

by openai

Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools,…

figma-code-connect-components

✓★ 23,200

by openai

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map…

ux-copy

✓★ 22,300

by anthropic

Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error…

triage-nda

✓★ 22,300

by anthropic

Rapidly triage an incoming NDA and classify it as GREEN (standard approval), YELLOW (counsel review), or RED (full legal review). Use when a new NDA arrives…

design-system

✓★ 22,300

by anthropic

Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a…

financial-statements

✓★ 22,300

by anthropic

Generate multi-period income statements, balance sheets, and cash flow statements with variance analysis and GAAP compliance. Supports monthly, quarterly, annual, and year-to-date reporting periods with prior-period and prior-year comparisons Includes materiality thresholds, variance decomposition (volume, price, mix, timing effects), and investigation narratives for flagged items Provides GAAP presentation guidance (ASC 220/210/230) covering revenue disaggregation, stock-based compensation,...

review-contract

✓★ 22,300

by anthropic

Review a contract against your organization's negotiation playbook — flag deviations, generate redlines, provide business impact analysis. Use when reviewing…

system-design

✓★ 22,300

by anthropic

Design systems, services, and architectures. Trigger with "design a system for", "how should we architect", "system design for", "what's the right architecture…

write-spec

✓★ 22,300

by anthropic

Write a feature spec or PRD from a problem statement or feature idea. Use when turning a vague idea or user request into a structured document, scoping a…

accessibility-review

✓★ 22,300

by anthropic

Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design…

design-critique

✓★ 22,300

by anthropic

Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this…

design-handoff

✓★ 22,300

by anthropic

Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, component…

discover-brand

✓★ 22,300

by anthropic

Orchestrate autonomous discovery of brand materials across enterprise platforms. This skill coordinates the discover-brand agent to search connected platforms (Notion, Confluence, Google Drive, Box, Microsoft 365, Figma, Gong, Granola, Slack), triage sources, and produce a structured discovery report with open questions.

transformers-js

✓★ 10,800

by huggingface

Use Transformers.js to run state-of-the-art machine learning models directly in JavaScript/TypeScript. Supports NLP (text classification, translation,…

huggingface-gradio

✓★ 10,800

by huggingface

Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.

figma-use

✓★ 4,000

by openai

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…

figma-generate-design

✓★ 4,000

by openai

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-generate-library

✓★ 4,000

by openai

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…

figma-code-connect

✓★ 4,000

by openai

Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component…

liquid-glass

✓★ 4,000

by openai

Implement, refactor, or review modern macOS SwiftUI UI for the new design system and Liquid Glass. Use when adopting Liquid Glass, updating…

figma-create-new-file

✓★ 4,000

by openai

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.…

gemini-interactions-api

✓★ 3,800

by google-gemini

Use this skill when writing code that calls the Gemini API for text generation, multi-turn chat, multimodal understanding, image generation, streaming…

gemini-api-dev

✓★ 3,800

by google-gemini

Use this skill when building applications with Gemini API hosted models, including Gemini and Gemma 4, working with multimodal content (text, images, audio,…

gemini-api-dev

✓★ 3,800

by google-gemini

Build applications with Google's Gemini models, supporting multimodal content, function calling, and structured outputs across Python, JavaScript, Go, and Java. Access current Gemini 3 models (Pro, Flash, Pro Image) with 1M token context; legacy Gemini 2.x and 1.5 models are deprecated Supports text generation, image/audio/video understanding, function calling, structured JSON output, code execution, context caching, and embeddings Official SDKs available: google-genai (Python),...