83,201 skills sorted by stars.
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...
> 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,...
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...
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...
Analyzes Figma designs and generates implementation-ready PRDs with detailed visual specifications. Use when user provid...
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,...
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...
Build Figma plugins with full Plugin API access. Use when creating plugins for Figma, FigJam, Slides, or Dev Mode that m...
Extract and catalog Figma design resources into structured Markdown documentation. Outputs to specs/design/figma/ direct...
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 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma desi...
Figma 디자인을 인라인 SVG가 포함된 정적 HTML/CSS로 변환합니다. 런타임에서 색상 제어가 필요한 심볼/아이콘용입니다. Use when converting Figma SVG designs to inline...
自动化 Figma UI 设计。当用户需要创建设计稿、生成组件、导出资源或自动化设计流程时使用此技能。
Process user-provided patent figures and generate formal drawing descriptions. Use when user says "附图处理", "figure descri...
Figure export conventions for publication-quality R figures (PDF/PNG/SVG). Use when saving plots to files, choosing figu...
El cerebro separa elementos en primer plano y fondo. Use cuando diseñe modales, overlays, focus states, o jerarquía visu...