Agent skills directory

Create a FiftyOne dataset from a directory of media files (images, videos, point clouds), optionally import labels in co...

Create a FiftyOne dataset from a directory of media files (images, videos, point clouds), optionally import labels in co...

Create a FiftyOne dataset from a directory of media files (images, videos, point clouds), optionally import labels in co...

Visualize datasets in 2D using embeddings with UMAP or t-SNE dimensionality reduction. Use when users want to explore da...

Find duplicate or near-duplicate images in FiftyOne datasets using brain similarity computation. Use when users want to...

FigJam plugin development workflow. Use when working on plugin code (code.ts, ui.ts), debugging WebSocket communication,...

FigJam plugin development workflow. Use when working on plugin code (code.ts, ui.ts), debugging WebSocket communication,...

FigJam plugin development workflow. Use when working on plugin code (code.ts, ui.ts), debugging WebSocket communication,...

FigJam plugin development workflow. Use when working on plugin code (code.ts, ui.ts), debugging WebSocket communication,...

Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple format...

Integrate with Figma API for design automation and code generation. Use when extracting design tokens, generating React/...

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma...

(ePost) Use when extracting Figma data, mapping design tokens to code, or comparing implementation against Figma designs...

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma...

Figma collaborative design tool. Use for UI/UX design.

| ID | figma-dev-mode |

Figma design-to-code expert. Use when implementing from Figma URLs, extracting design tokens, managing Code Connect, gen...

Implement UI directly from Figma designs using the Figma MCP with pixel-perfect fidelity. Use when given a Figma URL, as...

Figmaからデザインデータを取得し、React Nativeコンポーネントやデザイントークンに変換する。「Figmaからデザインを取って」「Figmaのカラーを抽出して」「Figmaのコンポーネントをコードにして」などのリクエストで使用す...

Design and prototype interfaces in Figma - create, edit, and manage design files, components, and collaborate on design...

Translate Figma designs into production code using the Figma MCP server. Covers the required get_design_context, get_met...

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma...

Extract design data from Figma files. Use for getting design tokens, component specs, and generating code from Figma des...

Figmaからデザインデータを取得し、React Nativeコンポーネントやデザイントークンに変換する。「Figmaからデザインを取って」「Figmaのカラーを抽出して」「Figmaのコンポーネントをコードにして」などのリクエストで使用す...

> Figma design-to-code workflow rehberi.

Provides comprehensive guidance for Figma AI features including AI-powered design tools, automation, and AI-assisted des...

Analyze Figma designs for code implementation readiness and design-code parity. Use when working with Figma URLs, analyz...

Extract design assets and metadata from Figma using the Figma REST API. Supports exporting frames/components as images,...

Extract design assets and metadata from Figma using the Figma REST API. Supports exporting frames/components as images,...

Direct Figma API interactions for design asset management. Fetch files and components, extract design tokens, export ima...

Direct Figma API interactions for design asset management. Fetch files and components, extract design tokens, export ima...

Implement or refactor Figma screens in Angular using strict Atomic Design order (atoms -> molecules -> organisms -> temp...

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools f...

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools f...

Use this skill when working with Figma designs to generate code. Converts Figma layouts, components, and styles into pro...

Goal: Extract design specifications (dimensions, layout, colors, typography) from Figma designs via MCP server for imple...

Design collaborative UI/UX projects in Figma with real-time teamwork. Use for: interface design, component systems, Auto...

[Frontend] Extract design context from Figma URLs via MCP, REST API, or screenshot fallback. Produces structured design...

Figma workflows, components, auto layout, constraints, prototyping, design systems, and plugin development based on Figm...

Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Fi...

Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Fi...

Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Fi...

Complete Figma design extraction for pixel-perfect implementation.Extracts design tokens, component specs, layouts, and...

Complete Figma design extraction for pixel-perfect implementation.Extracts design tokens, component specs, layouts, and...

Complete Figma design extraction for pixel-perfect implementation.Extracts design tokens, component specs, layouts, and...

Parse Figma design files into structured screen hierarchies. Use when working with Figma API, extracting text/labels fro...

Parse Figma design files into structured screen hierarchies. Use when working with Figma API, extracting text/labels fro...

Parse Figma design files into structured screen hierarchies. Use when working with Figma API, extracting text/labels fro...

Figma 디자인 시스템을 분석하여 .claude/rules/design-system/ 규칙 파일을 생성합니다. 디자인 토큰, 공통 컴포넌트, 레이아웃 패턴, 타이포그래피, 간격 체계 등 자체 디자인 시스템 구성에...

Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format...

Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format...

Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format...

Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format...

Analyzes Figma designs and generates implementation-ready PRDs with detailed visual specifications. Use when user provid...

Analyzes Figma designs and generates implementation-ready PRDs with detailed visual specifications. Use when user provid...

Extract design data from Figma files using REST API scripts. Includes frame extraction, metadata retrieval, screenshots,...

Extract design data from Figma files using REST API scripts. Includes frame extraction, metadata retrieval, screenshots,...

Extract design data from Figma files using REST API scripts. Includes frame extraction, metadata retrieval, screenshots,...

Extract design specifications and tokens from Figma files via MCP. Use when pulling design from Figma, extracting colors...

Figma design knowledge for AI agents operating through MCP tools. Use whenever working in Figma via MCP — creating layou...

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context,...

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context,...

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context,...

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context,...

Pixel-perfect implementation of Figma designs. When Claude needs to translate Figma designs into code with precise atten...

Pixel-perfect implementation of Figma designs. When Claude needs to translate Figma designs into code with precise atten...

Pixel-perfect implementation of Figma designs. When Claude needs to translate Figma designs into code with precise atten...

> Figma design-to-code workflow rehberi.

Bridge Figma-to-Angular icon delivery by converting only high-confidence Lucide candidates to existing `lucide-angular`...

Always check the OMS Figma Make project before executing user work, then route to the best matching global .agents skill...

Implement or refactor UI from Figma Make exports into Angular 20 + Tailwind CSS v4 with direct repository edits, determi...

Generate, rewrite, or repair exactly one copy-ready `guidelines/Guidelines.md` for Figma Make, with self-contained rules...

Convert Figma designs into production-ready code using MCP server tools. Use this skill when users provide Figma URLs, r...

Pull frames/components via Figma MCP, normalize messy or non-autolayout designs, and generate faithful HTML/CSS (or Shop...

Standardize Figma-to-code workflow using Figma MCP - always get_design_context first, then screenshot, use project token...

Standardize Figma-to-code workflow using Figma MCP - always get_design_context first, then screenshot, use project token...

Standardize Figma-to-code workflow using Figma MCP - always get_design_context first, then screenshot, use project token...

Build Figma plugins with full Plugin API access. Use when creating plugins for Figma, FigJam, Slides, or Dev Mode that m...

Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate

Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate

Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate

Extract and catalog Figma design resources into structured Markdown documentation. Outputs to specs/design/figma/ direct...

Extract and save Figma screenshots from Codex session logs when user needs to recover images captured by the Figma MCP s...

Extract and save Figma screenshots from Codex session logs when user needs to recover images captured by the Figma MCP s...

Extract and save Figma screenshots from Codex session logs when user needs to recover images captured by the Figma MCP s...

Configure Code Connect dans un projet pour mapper les composants Figma vers le code existant. Utiliser pour initialiser...

Orchestrator guide for delegating Figma MCP phases to specialized sub-agents. Use when a Figma task is large enough to r...

Génère du code à partir d'une sélection Figma en utilisant les composants existants et Code Connect. Utiliser quand l'ut...

Translate Figma designs into production-ready code with pixel-perfect accuracy. Use when implementing UI from Figma mock...

This skill should be used when "generating components from Figma", "implementing Figma designs", "importing Figma frames...

Figma 디자인을 분석하여 프로젝트 규칙에 맞는 React 컴포넌트를 자동 생성합니다. Figma URL을 받아서 TDD 방식으로 컴포넌트, 스타일, 테스트, Storybook을 생성합니다.

Figma 디자인을 분석하여 프로젝트 규칙에 맞는 React 컴포넌트를 자동 생성합니다. Figma URL을 받아서 TDD 방식으로 컴포넌트, 스타일, 테스트, Storybook을 생성합니다.

Figma 디자인을 분석하여 프로젝트 규칙에 맞는 React 컴포넌트를 자동 생성합니다. Figma URL을 받아서 TDD 방식으로 컴포넌트, 스타일, 테스트, Storybook을 생성합니다.

This skill should be used when converting Figma designs to Flutter code. Trigger this skill when users say "convert this...

This skill should be used when converting Figma designs to Flutter code. Trigger this skill when users say "convert this...

This skill should be used when converting Figma designs to Flutter code. Trigger this skill when users say "convert this...

Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma desi...

Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma desi...

Figma 디자인을 인라인 SVG가 포함된 정적 HTML/CSS로 변환합니다. 런타임에서 색상 제어가 필요한 심볼/아이콘용입니다. Use when converting Figma SVG designs to inline...

Convert Figma designs to pixel-perfect React components with Tailwind CSS.