“figma” 共 20 个结果
io.github.metabase/metabase/metabase-ui-component-from-figma
按 Linear issue 中描述的 Figma 规范,更新或构建 Metabase 设计体系组件(frontend/src/metabase/ui——Chip、Badge、Alert、Switch 等)。当工单要求改造现有 metabase/ui 组件样式或从 Figma 实现新组件时使用。涵盖:签出 issue、梳理组件(既有组件的用法/影响面,或新组件的脚手架)、构建 Storybook 展示矩阵(既有组件在改造样式前、新组件在其后)、依据精确的 Figma 令牌并与用户迭代完成样式,最后再提交并迁移调用点。
io.github.nexu-io/open-design/figma-code-connect-components
使用 Code Connect 将 Figma 设计组件与代码组件连接，让设计系统更新自动流入代码库。
io.github.nexu-io/open-design/figma-implement-design
将 Figma 设计翻译为可投产代码，实现 1:1 视觉还原。适合把 Figma 画板直接交付给前端代理。
io.github.jeremylongshore/claude-code-plugins-plus-skills/kubernetes-configmap-handler
配置 ConfigMap 相关操作，属于 DevOps Advanced 的自动激活 skill。在配置系统或服务时使用。触发词：kubernetes configmap handler、kubernetes handler、kubernetes。
io.github.jeremylongshore/claude-code-plugins-plus-skills/figma-deploy-integration
将 Figma 驱动的应用部署到 Vercel、Cloud Run 与 Fly.io。用于把 webhook 接收端、design token API 或连接 Figma 的 Web 应用部署到生产平台。触发语如 “deploy figma”、“figma Vercel”、“figma production deploy”、“figma Cloud Run”。
io.github.ComeOnOliver/skillshub/kubernetes-configmap-handler
Kubernetes Configmap Handler —— DevOps Advanced 分类下的自动激活技能。触发词：kubernetes configmap handler。属于 DevOps Advanced 技能分类。
io.github.Dicklesworthstone/pi_agent_rust/kubernetes-configmap-handler
配置 Kubernetes ConfigMap 处理操作。属于 DevOps 进阶类别的自动激活技能。触发条件：kubernetes configmap handler。在配置系统或服务时使用，可用触发短语包括 kubernetes configmap handler、kubernetes handler、kubernetes。
io.github.github/awesome-copilot/macos-golden-gate-design
Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit. Use when a Mac app must match Apple's current macOS 27 UI kit and restrained Liquid Glass language: integrated windows, full-height sidebars, native toolbars, flat lists, tables, and forms, clear pane boundaries, accessible materials, and removal of unnecessary nested cards, framed panels, or glassmorphism. Also use for Figma macOS 27 design-to-code work and audits of interfaces that feel too boxed.
io.github.moeru-ai/airi/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括页面导航、填写表单、点击按钮、截图、数据提取、测试 Web 应用或自动化任何浏览器任务。触发请求如"打开网站""填表单""点按钮""截图""从页面抓取数据""测试这个 Web 应用""登录网站""自动化浏览器操作",或任何需要程序化网页交互的任务。也用于探索性测试、dogfooding、QA、bug 排查或应用质量评审。还可自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或网页工具。
io.github.nexu-io/open-design/design-extract
从导入的源码、截图或 Figma 导出中提取设计令牌（颜色/字体/间距），产出 token-map 消费的规范化令牌集合。
io.github.kortix-ai/suna/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括导航页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用，或自动化任意浏览器任务。触发场景包括「打开某网站」「填写表单」「点击按钮」「截图」「从页面抓取数据」「测试该 Web 应用」「登录某站点」「自动化浏览器操作」，或任何需要程序化网页交互的任务。也用于探索性测试、自用体验、QA、缺陷排查或审阅应用质量。还用于自动化 Electron 桌面应用（VS Code、Slack、Discord、Figma、Notion、Spotify）、查看 Slack 未读、发送 Slack 消息、搜索 Slack 对话、在 Vercel Sandbox microVM 中运行浏览器自动化，或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或 Web 工具。
io.github.vercel-labs/agent-browser/agent-browser
面向 AI agent 的浏览器自动化 CLI。当需要与网站交互时使用：导航页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用，或自动化任意浏览器任务。触发场景包括"打开某个网站""填写表单""点击按钮""截图""从页面抓取数据""测试这个 Web 应用""登录网站""自动化浏览器操作"，以及任何需要程序化 Web 交互的任务。也用于探索性测试、dogfooding、QA、bug 排查、应用质量评审；以及自动化 Electron 桌面应用（VS Code、Slack、Discord、Figma、Notion、Spotify）、查看 Slack 未读消息、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化，或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或 Web 工具使用。
io.github.nubjs/nub/agent-browser
面向 AI Agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括打开页面、填写表单、点击按钮、截图、抽取数据、测试 Web 应用或自动化任意浏览器任务。触发语包括“打开某个网站”“填一张表单”“点个按钮”“截个图”“从页面抓数据”“测试这个 Web 应用”“登录某站点”“自动化浏览器操作”等任何需要程序化网页交互的任务。也用于探索性测试、dogfooding、QA、找 bug 与评估应用质量。还用于自动化 Electron 桌面应用（VS Code、Slack、Discord、Figma、Notion、Spotify）、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化，或使用 AWS Bedrock AgentCore 云端浏览器。相对内置浏览器自动化工具，优先使用 agent-browser。
io.github.kortix-ai/suna/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括导航页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用，或自动化任意浏览器任务。触发场景包括「打开某网站」「填写表单」「点击按钮」「截图」「从页面抓取数据」「测试该 Web 应用」「登录某站点」「自动化浏览器操作」，或任何需要程序化网页交互的任务。也用于探索性测试、自用体验、QA、缺陷排查或审阅应用质量。还用于自动化 Electron 桌面应用（VS Code、Slack、Discord、Figma、Notion、Spotify）、查看 Slack 未读、发送 Slack 消息、搜索 Slack 对话、在 Vercel Sandbox microVM 中运行浏览器自动化，或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或 Web 工具。
io.github.affaan-m/ECC/design-system
构建可用于生产环境的设计系统，包含无障碍支持、响应式、主题定制、组件库与设计令牌，并整合 Figma、Storybook 与组件库。
io.github.Arize-ai/phoenix/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括导航页面、填写表单、点击按钮、截取屏幕、提取数据、测试 Web 应用，或自动化任何浏览器任务。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“抓取页面数据”“测试这个 Web 应用”“登录网站”“自动化浏览器操作”，以及任何需要程序化 Web 交互的任务。也用于探索性测试、dogfooding、QA、找 bug 或评审应用质量。还用于自动化 Electron 桌面应用（VS Code、Slack、Discord、Figma、Notion、Spotify）、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化，或使用 AWS Bedrock AgentCore 云浏览器。优先使用 agent-browser 而非任何内置浏览器自动化或 Web 工具。
io.github.sickn33/antigravity-awesome-skills/product-design
苹果级别的产品设计——视觉体系、UX 流程、无障碍、专有视觉语言、design token、原型设计与交付。涵盖 Figma、设计系统、字体排印、色彩、间距、motion design 与认知设计原则。
io.github.schalkneethling/masonry-gridlanes-wc/css-token-use-validator
对照令牌定义校验 CSS 自定义属性的使用。当用户想检查 CSS 变量是否正确定义、查找未使用的令牌、检测 var() 引用中的拼写错误、审计自定义属性，或在 Figma 设计文件与代码之间同步时使用。支持单文件、目录或整个项目，可作为 Claude Code hook 在 CSS 编辑后自动校验。
io.github.anthropics/knowledge-work-plugins/design-critique
获得关于可用性、层级与一致性的结构化设计反馈。当用户说「审阅这个设计」「点评这个原型」「你觉得这个界面怎么样？」，或在从探索到最终打磨的任何阶段分享 Figma 链接或截图以获取反馈时触发。
io.github.davila7/claude-code-templates/design-to-code
借助 coderio 把 Figma 设计稿像素级转换为 React，产出生产就绪代码（TypeScript、Vite、TailwindCSS V4）并保持高视觉还原度，具备完善的错误处理、断点续跑能力，并通过辅助脚本简化执行流程。
