Frontend & Design · Figma

为 iPolloWork 新插件或插件工作区复用 UI 组件、颜色、字体及交互规范。按 Figma 成熟状态和代码清单优先采用已确认组件，区分宿主 React 与独立 HTML/iframe 的接入方式；适用于插件表单、导航、浮层、反馈、状态和进度设计及实现，不改变用户作品的视觉风格。

Devin-AXIS/iPolloWork

한국 신입 취준생·재직자를 위한 분야별 포트폴리오 구성과 프로젝트 기술서 작성 스킬입니다. 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

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

JetBrains/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

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

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

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

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

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

majiayu000/spellbook

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

WellApp-ai/Well

设计系统架构专家 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

Convert Figma design files to pixel-level mobile-first static HTML/CSS pages.

LeoYeAI/openclaw-master-skills

アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。

affaan-m/ECC