Figma

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

处理 Axhub Commentary 完整工作流。优先读取本地页面批注文档，落实修改并更新批注状态，或在用户确认后写入删除标记；本地读取失败时再确认 ACP UI 并生成临时可批注地址。也可为已接入 @axhub/annotation 的页面准备标注编辑环境，或配置 AI 侧边栏对话、AI 批注执行、调整面板属性和多方案比稿。当用户提到 Axhub Commentary、Axhub…

lintendo/Axhub-Skills

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement

sickn33/agentic-awesome-skills

Create interface designs, wireframes, and design systems. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

Generate Figma Code Connect mappings that link React components to their Figma counterparts.

bitovi/ai-enablement-prompts

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.

nexu-io/open-design

Pull a Figma file's node tree, design tokens, and embedded assets into the project cwd as a structured snapshot.

nexu-io/open-design

Map an extracted Figma / source-code token bag onto the active OD design system, producing a deterministic mapping the generate stage can consume.

nexu-io/open-design

Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

HKUDS/CLI-Anything

Use this when converting an AI-generated static HTML page (Stardust, Mobirise, Relume, Lovable, v0, Figma-derived, etc.) into an Edge Delivery Services page while preserving the original design and…

adobe/skills

Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation.

rampstackco/claude-skills

Generate a phased delivery orchestration plan for creative-direction-driven work: which skills run when, what locks at which gate, how handoffs occur, and how the cadence implements in the team's…

rampstackco/claude-skills

Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit.

github/awesome-copilot

Automates design review, token extraction, component mapping, and implementation planning.

qf-studio/navigator

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

nexu-io/open-design

Generate project-specific design system rules for Figma-to-code workflows.

nexu-io/open-design

Create a new blank Figma Design or FigJam file. An agent skill from nexu-io/open-design.

nexu-io/open-design

Build or update screens in Figma from code or description using design system components.

nexu-io/open-design

Build or update a professional-grade design system library in Figma from a codebase.

nexu-io/open-design

Translate Figma designs into production-ready code with 1:1 visual fidelity.

nexu-io/open-design

Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work.

nexu-io/open-design

Default reference pipeline for the figma-migration taskKind — figma-extract → token-map → generate → critique.

nexu-io/open-design

Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Implement, migrate, design, review, and troubleshoot haptic feedback with Software Mansion Pulsar across React Native, iOS, Android, Kotlin Multiplatform, Flutter, and Web.

software-mansion-labs/skills

A skill your agent uses when ONE static image needs a full brief for a designer or photographer — visual objective, concept and mood, composition, overlay copy, colors and fonts read from the brand…

minhnv0807/ai-business-skills

A skill your agent uses when a multi-slide carousel is needed for Instagram, Facebook, or LinkedIn — a narrative arc with the hook on slide one, value through the middle, CTA on the last, headline…

minhnv0807/ai-business-skills

A skill your agent uses when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element…

minhnv0807/ai-business-skills

A skill your agent uses when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop…

minhnv0807/ai-business-skills

Push the run's accepted artifact to a downstream collaboration surface (cli, other code agents, cloud, desktop) and stamp the artifact manifest with the export target.

nexu-io/open-design

Implements Figma designs 1:1 using OneKey component library (还原设计稿).

tmcfarlane/oh-my-cursor

Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale…

alexandremendoncaalvaro/CorridorKey-Runtime

A skill your agent uses when you need to create a brand new Lightning Web Component from a Figma design, a Product Requirements Document, or another design artifact — orchestrating the five-phase…

forcedotcom/sf-skills

Guide a Figma frame or component review against observed app evidence in Revyl Atlas, with findings in chat, a local visual report, or explicitly requested Atlas annotations.

RevylAI/revyl-cli

Fetch official brand/product/tool logos (Stripe, GitHub, Notion, AWS, Figma, etc.) as clean SVGs from SVGL (svgl.app) — as saved .svg files, inline markup, or installed React components.

usenotra/notra

Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Generate architecture diagrams as fully editable SVG with native AWS, Azure, and GCP icons for cloud diagrams, or hand-drawn generic icons for everything else.

Mathews-Tom/armory

Extract Figma designs and generate production-ready React/Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy.

majiayu000/spellbook

Guide for creating new MCP server integrations. An agent skill from WellApp-ai/Well.

WellApp-ai/Well

One-time environment setup for new team members. An agent skill from WellApp-ai/Well.

WellApp-ai/Well

Create FigJam/Miro-style workflow diagrams as high-quality PNG images from plain-text workflow descriptions.

gooseworks-ai/goose-skills

Dung khi designer se lam TREN CANVA hoac Figma va can direction thao tac cu the — chon template base, thu tu thao tac, map tung element vao vi tri, luoi va khoang cach, mau va font lay tu brand kit…

minhnv0807/ai-business-skills

设计系统架构专家 Owner — 当任务涉及设计系统、主题、Token、组件变体、Figma/代码同步、UI 一致性、可访问性、国际化、品牌视觉或组件库治理时使用；要求把视觉规则沉淀为可复用、可验证的系统契约。

devcodex-labs/devcodex

Audit Figma variable collections: tier mapping, naming, alias chains, modes, orphans; can fix in place with Figma Console MCP.

murphytrueman/design-system-ops

Generate per-component JSON metadata files (.ai/metadata/) from source: props, behaviour, composition, a11y contract, prohibited prop combinations.

murphytrueman/design-system-ops

Audit how design tokens are defined: tiers, naming, alias chains, raw values, orphans, DTCG readiness.

murphytrueman/design-system-ops

Reuse existing UI primitives, CSS vars, and DESIGN.md patterns instead of inventing new buttons, colors, borders, shadows, or helpers — including when implementing a Figma file, mock, or screenshot.

OutThisLife/brooklyn-skills