Figma agent skills, page 3

Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.

IgniteUI/igniteui-angular

Frontend component patterns, composition, design token integration, barrel file organization, error handling, and Figma-to-code workflow.

TheSoftwareHouse/copilot-collections

Convert Figma designs to GenerateBlocks V2 format for WordPress

wpgaurav/generateblocks-skills

Render a markdown draft / any document in the conversation context into a single-file "paper proposal" HTML — serif body, monospace meta, numbered sections, inline SVG figures, callouts, tables…

agentara/skills

Use the Figma MCP server to translate a Figma design into a Vue page or component layout.

Mystic-Stars/Axolotl

适用：根据已批准任务、产品规则、原型或 Figma 输入生成、审计或执行 Version 1 UI 行为 Spec。不适用：替代产品决策、实现 UI、操作系统原生界面或探索未定义流程。触发词：UI Spec、行为契约、plan-spec、spec-writer、spec-auditor、app-operator、Marionette 验收。

bladeofgod/flutter-ai-harness

Build or refresh an OWID static visualization end to end — resolve what data it needs from an old static viz image, an indicator, or a grapher chart; check both the ETL catalog and the producer's…

owid/etl

ABM campaign skill for Claude Code: run a full Account-Based Marketing campaign end-to-end — from ICP definition to live LinkedIn Ads.

explorium-ai/gtm-skills

Create, revise, audit, and export submission-grade scientific figures for Nature-family and other high-impact venues in Python (matplotlib/seaborn) or R (ggplot2/patchwork/ComplexHeatmap), including…

Tai609/NebulaMat

Update an existing DSDS spec based on implementation changes, Figma updates, or written instructions.

somerandomdude/design-system-documentation-schema

Professional Figma design analysis and asset export. An agent skill from sundial-org/awesome-openclaw-skills.

sundial-org/awesome-openclaw-skills

Responsive (mobile + desktop) layout workflow. An agent skill from epam/ai-dial-chat.

epam/ai-dial-chat

Generate square Instagram-style card news by reusing the slides-grab workflow with card-news mode enabled.

NomaDamas/slides-grab

A skill your agent uses when any Bridge command is invoked (make, fix, done, setup, drop, status) or any Figma / design-system / compiler / Bridge workflow topic is raised.

noemuch/bridge

Orchestrates AI-assisted research across coding, figure production and writing, picking the right tool for each stage while keeping academic judgment with the researcher.

HKUSTDial/Supervisor-Skills

Create React components, hooks, or utilities following the modlet pattern.

bitovi/ai-enablement-prompts

Access Figma design files using native pi tools — read LLM-ready summaries, explanations, implementation context, screenshots, components, styles, variables, and design tokens.

emanuelcasco/pi-mono-extensions

Turn Figma designs into CDS React (cds-web) or React Native (cds-mobile) code.

coinbase/cds

Add a new component to the design-system library, or formalize an existing one — scaffold its colocated .spec.json, classify its tier, author a Storybook story, and link it to Figma.

mqtt-viewer/mqtt-viewer

Vibe Coding 流水线第 4 步:视觉设计准则。design.md 是【用户提供】的网站视觉设计系统 (Google DESIGN.md / awesome-design-md 格式),本 skill 不画图、不生成视觉,而是 【承接 + 结构化 + 校验】用户提供的视觉来源,固化成标准 design.md,作为下游 vibe-prototype 出图与 vibe-implement…

idiotLeoLYJ/Daliu-Awesome-Skills

Bridge Figma MCP output to Stellar Lab code conventions. An agent skill from stellar/laboratory.

stellar/laboratory

Implement a Figma→code handover doc — apply the listed changes to Svelte components, update their colocated .spec.json and stories, and get pnpm ds:validate green.

mqtt-viewer/mqtt-viewer

Update an existing Blade component (web only) using Figma designs and knowledgebase documentation

razorpay/blade

Helps work with UUI themes including generating theme tokens from Figma, working with skin packages, and connecting external themes.

epam/UUI

Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references.

IgniteUI/igniteui-webcomponents

This skill should be used when the user asks to "create a Figma design", "design in Figma", "make a Figma mockup", "create an app icon", "design UI", "render JSX to Figma", "export from Figma"…

shepherdjerred/monorepo

用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务，也用于将 HTML/React/Vue 等网页复制到 Figma，尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma 链接或要求同时绑定工作目录时，也应与 axhub-commentary 组合。

lintendo/Axhub-Skills

Turn a Figma frame or node into components in this starter — the MCP call order, recording node IDs so later passes can re-fetch, downloading and verifying assets, mapping design values onto the…

textura-agency/next16-claude-starter

微信小程序开发工程师 Skill，执行小程序开发任务，自动适配项目技术栈（原生小程序/Taro/uni-app 等），支持 Figma/Stitch 设计稿还原与云开发

kingxiaozhe/cm-workflow

Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states.

shift-editor/shift

Visually verify component changes in Storybook using the agent-browser CLI tool

razorpay/blade

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation).

tech-leads-club/agent-skills

Build an HTML slide deck (1920×1080, keyboard nav, exportable) when user asks for a presentation, pitch deck, slides, or keynote.

bluzir/claude-code-design

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

davepoon/buildwithclaude

Builds Ignite UI Web Components views from Figma designs, supporting Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI, in-house), and plain frames.

IgniteUI/igniteui-webcomponents

Recreate a UI screenshot, mockup, or design image as production-quality React + TypeScript + Tailwind code with near-pixel-perfect visual fidelity.

buildfastwithai/gen-ai-experiments

Detect and fix AI design slop — the convergent look that shows up across AI-generated landing pages and dashboards (purple/indigo gradients, rounded-2xl everywhere, three-box feature grids, bento…

KartikLabhshetwar/better-shot

Figma design expert for components, auto-layout, design systems, and developer handoff

RightNow-AI/openfang

한국 신입 취준생·재직자를 위한 분야별 포트폴리오 구성과 프로젝트 기술서 작성 스킬입니다. An agent skill from modu-ai/moai-cowork.

modu-ai/moai-cowork

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation).

davila7/claude-code-templates

适用：读取 Figma 或根据节点实现 Flutter UI，包括 Token 反查、Auto Layout、组件 Variant、Asset 和视觉验证。不适用：替代产品决策，或从像素推断设计稿不可见的数据行为。触发词：Figma URL、node-id、design-to-code、视觉还原、Auto Layout、design token。

bladeofgod/flutter-ai-harness

Convention DESIGN.md pour design systems AI-friendly. An agent skill from TheBeardedBearSAS/claude-craft.

TheBeardedBearSAS/claude-craft

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff.

sickn33/agentic-awesome-skills

Keep Figma and code in sync — map the 3-tier DTCG tokens to Figma Variables (collections + modes), sync in either direction, use the Figma MCP when connected, and verify component parity…

plugin87/ux-ui-agent-skills

Guides code implementation through proportional context reading, focused changes, verification, and fresh reviews.

pavel-molyanov/molyanov-ai-dev

Builds a comfy.org website change from a design-team request and takes it to a reviewed pull request, or to a hand-off naming what is still open and who must act.

Comfy-Org/ComfyUI_frontend

Onboarding guide for a designer or engineer joining a team that uses the design system, grounded in the repo and Figma library rather than a template.

murphytrueman/design-system-ops

Check a React component against its Figma design source and identify differences.

bitovi/ai-enablement-prompts