Figma

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking…

vercel-labs/agent-browser

Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.

warpdotdev/warp

Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

warpdotdev/warp

Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

warpdotdev/warp

Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.

heygen-com/hyperframes

Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

heygen-com/hyperframes

Creates project-specific design system rules from your codebase so coding agents implement Figma designs with your components, naming and tokens.

warpdotdev/warp

Turns a product URL, script or brief into a launch or promo video built frame by frame in HyperFrames, from brand capture and story design to rendering.

heygen-com/hyperframes

Academic-grade scientific figure creation for Nature/Cell/Science journals.

TingxiYu/academic-figure-skill

Maps published Figma components to their code implementations with Code Connect, using the Figma MCP suggestion and mapping tools.

warpdotdev/warp

Generate comprehensive test plans, manual test cases, regression test suites, and bug reports for QA engineers.

meshery/meshery-operator

High-fidelity HTML design and prototype creation. An agent skill from ZeroZ-lab/cc-design.

ZeroZ-lab/cc-design

Creates a new blank Figma design or FigJam file in your drafts folder through the Figma MCP server, resolving the plan key first when needed.

warpdotdev/warp

Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images.

dannote/figma-use

Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (122 pages pulled from developer.apple.com, including 57 component pages) plus a design-craft lens for…

vrcm-team/VRCM

Applies UX writing practice to interface copy such as buttons, errors, forms and onboarding, using four quality standards and accessibility guidance.

content-designer/ux-writing-skill

A skill your agent uses when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover…

prisma/web

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

Create, extract, and apply portable visual design systems via visual-style.md files.

calesthio/OpenMontage

Scans a Figma file through the Figma REST API and builds an interactive knowledge graph of its pages, screens, components and tokens for the design dashboard.

Egonex-AI/Understand-Anything

Builds or updates full Figma screens from code or a description by reusing the file's published design system components, variables and styles.

warpdotdev/warp

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract

像素级 750px 图片转代码与高清切图工作流。当 Codex 需要把当前选中的 UI 图片、截图、App/Web 设计稿、Figma 图片导出稿或设计长图转换为代码，并输出独立透明 PNG 切图资源时使用。适用于严格 1:1 等比例还原、画板宽度精确 750px、高清放大切图、防模糊和背景抠除、必要时用 image2/imagegen 抠透明…

yuzhworkhard-wq/image-to-code

Guides work on the Figma I/O package (@grida/io-figma, packages/grida-canvas-io-figma/).

gridaco/grida

Convert visible UI references such as screenshots, exported mockups, Figma frame images, SaaS empty states, dashboards, and landing page screenshots into high-quality HTML/CSS by decomposing layout…

KyrieCheungYep/ky-design-to-html-skill

Upgrade @figma/plugin-typings and absorb what the new version exposes.

awdr74100/figwright

Walks a Figma prototype or live webpage screen by screen and scores it against four minimalist usability principles.

AIPexStudio/AIPex

评审单份或一组产品 UI 设计稿，像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议；在可行时默认生成与报告编号对应的问题标注图和优化建议图，并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows…

ColourCloudSky/review-ui-design-skill

Audit, redesign, generate, and improve IEEE manuscript figures, tables, captions, result presentation, plotting scripts, visual polish, hybrid Python/R plus vector-editor workflows…

CloudWave818/ieee-skills

Extract component metadata from a Figma design system and generate production-ready QML controls.

TheQtCompanyRnD/agent-skills

Design or restyle user interfaces using vendored DESIGN.md references from popular product and brand-inspired visual systems.

AFK-surf/OpenBridge

Extracts the design of a screenshot, website URL or Figma file into a design.md of tokens, components, layout and brand rules, or copies one element into element.md.

uxKero/anydesign

Submission-grade Nature/high-impact journal figure workflow for Python or R.

Citrus-bit/Anaxa

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

referodesign/refero_skill

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.

sleekdotdesign/agent-skills

When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing visuals, or brand assets.

Nexus-JPF/note-companion

Upgrade @modelcontextprotocol/server (the MCP TypeScript SDK v2) and prove the wire contract survived.

awdr74100/figwright

Analyzes a screenshot, website or Figma file and writes a `design.md` with its token system, component inventory and reconstruction notes, or an `element.md` for one element.

avelikiy/great_cto

Guides designing, reviewing or implementing interfaces that follow Google's Material Design 3 system: semantic tokens, component states, adaptive layout and accessibility.

skydashnet/material-design-3-ui-skill

Authors or edits a custom HyperFrames video composition when no specialized workflow fits, such as multi-scene pieces, montages and brand reels.

heygen-com/hyperframes

像素级 750px 图片转代码与切图工作流。当 Codex 需要把当前选中的 UI 图片、截图、App/Web 设计稿、Figma 图片导出稿或设计长图转换为代码，并输出独立透明 PNG 切图资源时使用。适用于严格 1:1 等比例还原、画板宽度精确 750px、禁止自动排版优化、文本可编辑、简单图形原生矢量/代码化、图标和位图独立透明 PNG…

SemineChen/yueban-image-to-code

Prepare a new figma-agent-linux release by updating the package version, changelog, and release links, then validating the changes.

neetly/figma-agent-linux

Use bdg CLI to drive and debug a real Chrome via Chrome DevTools Protocol - navigate, click, fill and submit forms, check what an action changed (navigation, new messages, pending requests), inspect…

szymdzum/browser-debugger-cli

Run a safe prototype-first UI/UX workflow across web, desktop, mobile, extensions, and multimodal design inputs.

DejavuMoe/Smoji

Guides an agent through turning a Figma node into production UI with the repo's own components, then checks the result visually before finishing.

cursor/plugins

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

A skill your agent uses when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

lintendo/Axhub-Skills

Builds short, unnarrated motion graphics such as kinetic type, stat count-ups, logo stings, lower thirds, animated maps and tweets, rendered to MP4 or a transparent overlay.

heygen-com/hyperframes