[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-plugin-figma-mcp-server-guide-zh-CN":3,"guides-for-figma-mcp-server-guide":693,"similar-k1742y4hf34g315kzd6m9bvxf986n5a8-zh-CN":694},{"_creationTime":4,"_id":5,"children":6,"community":190,"display":191,"evaluation":197,"identity":427,"isFallback":413,"parentExtension":430,"providers":431,"relations":438,"repo":439,"tags":690,"workflow":691},1778687116662.7961,"k1742y4hf34g315kzd6m9bvxf986n5a8",[7,47,71,96,119,145,167],{"_creationTime":8,"_id":9,"community":10,"display":12,"identity":18,"providers":24,"relations":38,"tags":42,"workflow":43},1778687121483.7065,"k17bhngka742tq9v2qcdp30sd586mxda",{"reviewCount":11},0,{"description":13,"installMethods":14,"name":16,"sourceUrl":17},"创建和维护 Figma Code Connect 模板文件，将 Figma 组件映射到代码片段。当用户提及 Code Connect、Figma 组件映射、设计到代码的转换，或要求创建/更新 .figma.ts 或 .figma.js 文件时使用。",{"claudeCode":15},"figma/mcp-server-guide","figma-code-connect","https://github.com/figma/mcp-server-guide",{"basePath":19,"githubOwner":20,"githubRepo":21,"locale":22,"slug":16,"type":23},"skills/figma-code-connect","figma","mcp-server-guide","zh-CN","skill",{"evaluate":25,"extract":36},{"promptVersionExtension":26,"promptVersionScoring":27,"score":28,"tags":29,"targetMarket":34,"tier":35},"3.0.0","4.4.0",98,[20,30,31,32,33],"code-connect","design-to-code","typescript","automation","global","verified",{"commitSha":37},"HEAD",{"parentExtensionId":39,"repoId":40,"translatedFrom":41},"k17fwrw2bg5z2mpmdtdsybp8t986mwe7","kd7d0zdmxx32hmcpg7qqv27da586m6xa","k172zsq3ajrv0z7phy4xeawaq186m6y2",[33,30,31,20,32],{"evaluatedAt":44,"extractAt":45,"updatedAt":46},1778686901762,1778686847756,1778687121483,{"_creationTime":48,"_id":49,"community":50,"display":51,"identity":55,"providers":57,"relations":65,"tags":67,"workflow":68},1778687135007.0532,"k174a7q08ygbr4ftfdnwrq774n86nat1",{"reviewCount":11},{"description":52,"installMethods":53,"name":54,"sourceUrl":17},"**强制性先决条件** — 在每次调用 `create_new_file` 工具之前，您必须调用此技能。切勿在未先加载此技能的情况下直接调用 `create_new_file`。每当用户想要一个空白的 Figma 文件时（新设计、FigJam 或 Slides 文件），或者在调用 `use_figma` 之前需要一个新文件时，请触发此操作。用法 — /figma-create-new-file [editorType] [fileName] （例如 /figma-create-new-file figjam My Whiteboard, /figma-create-new-file slides Q3 Review）",{"claudeCode":15},"figma-create-new-file",{"basePath":56,"githubOwner":20,"githubRepo":21,"locale":22,"slug":54,"type":23},"skills/figma-create-new-file",{"evaluate":58,"extract":64},{"promptVersionExtension":26,"promptVersionScoring":27,"score":28,"tags":59,"targetMarket":34,"tier":35},[20,60,61,62,63,33],"design","figjam","slides","file-creation",{"commitSha":37},{"parentExtensionId":39,"repoId":40,"translatedFrom":66},"k173xv7tvg6228w9w635szwmzn86nk5t",[33,60,61,20,63,62],{"evaluatedAt":69,"extractAt":45,"updatedAt":70},1778686938880,1778687135007,{"_creationTime":72,"_id":73,"community":74,"display":75,"identity":79,"providers":82,"relations":90,"tags":92,"workflow":93},1778687133558.3342,"k172vkg9b49rdyf5a4kmqq8qmn86nm1h",{"reviewCount":11},{"description":76,"installMethods":77,"name":78,"sourceUrl":17},"当任务涉及将应用程序页面、视图或多部分布局转换为 Figma 时，请与 figma-use 结合使用此技能。触发器：“写入 Figma”、“从代码创建到 Figma”、“推送到 Figma 页面”、“将此应用程序/页面构建到 Figma 中”、“创建屏幕”、“在 Figma 中构建登陆页面”、“更新 Figma 屏幕以匹配代码”、“将此模态/对话框/抽屉/面板转换为 Figma”。每当用户希望从代码或描述中构建或更新 Figma 中的完整页面、模态、对话框、抽屉、侧边栏、面板或任何复合多部分视图时，这都是首选工作流技能。它通过发现设计系统组件、变量和样式（来自 Code Connect 文件、现有屏幕和库搜索），然后导入它们并逐节组装视图，而不是使用硬编码值。",{"claudeCode":15},"Figma 设计生成器",{"basePath":80,"githubOwner":20,"githubRepo":21,"locale":22,"slug":81,"type":23},"skills/figma-generate-design","figma-generate-design",{"evaluate":83,"extract":88},{"promptVersionExtension":26,"promptVersionScoring":27,"score":28,"tags":84,"targetMarket":34,"tier":35},[20,85,86,87,33],"design-systems","code-generation","ui-ux",{"commitSha":37,"license":89},"MIT",{"parentExtensionId":39,"repoId":40,"translatedFrom":91},"k17a2znfvmm3nyv8njmq8ftp9x86nf9g",[33,86,85,20,87],{"evaluatedAt":94,"extractAt":45,"updatedAt":95},1778686957071,1778687133558,{"_creationTime":97,"_id":98,"community":99,"display":100,"identity":104,"providers":108,"relations":115,"tags":116,"workflow":117},1778686847756.4148,"k173e45vpw52qegyw8qt4j1dcd86nwet",{"reviewCount":11},{"description":101,"installMethods":102,"name":103,"sourceUrl":17},"MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. NEVER call `generate_diagram` directly without loading this skill first. Trigger whenever the user asks to create, generate, draw, render, sketch, or build a diagram — flowchart, architecture diagram, sequence diagram, ERD or entity-relationship diagram, state diagram or state machine, gantt chart, or timeline. Also trigger when the user mentions Mermaid syntax or wants a system architecture, decision tree, dependency graph, API call flow, auth handshake, schema, or pipeline visualized in FigJam. Routes to type-specific guidance, sets universal Mermaid constraints, and tells you when to use a different diagram type or skip the tool entirely (mindmaps, pie charts, class diagrams, etc.).",{"claudeCode":15},"Figma Generate Diagram Prerequisite",{"basePath":105,"githubOwner":20,"githubRepo":21,"locale":106,"slug":107,"type":23},"skills/figma-generate-diagram","en","figma-generate-diagram",{"evaluate":109,"extract":114},{"promptVersionExtension":26,"promptVersionScoring":27,"score":110,"tags":111,"targetMarket":34,"tier":35},97,[112,20,113,86,61],"diagrams","mermaid",{"commitSha":37,"license":89},{"parentExtensionId":39,"repoId":40},[86,112,61,20,113],{"evaluatedAt":118,"extractAt":45,"updatedAt":118},1778686989289,{"_creationTime":120,"_id":121,"community":122,"display":123,"identity":127,"providers":129,"relations":139,"tags":141,"workflow":142},1778687164791.1145,"k174yn6rgknww1jdj6g99wbrh986mrxa",{"reviewCount":11},{"description":124,"installMethods":125,"name":126,"sourceUrl":17},"从代码库在 Figma 中构建或更新专业级设计系统。当用户想要创建变量/令牌、构建组件库、设置主题（浅色/深色模式）、记录基础或协调代码和 Figma 之间的差距时使用。此技能教授要构建什么以及按什么顺序 — 它补充了教授如何调用插件 API 的 `figma-use` 技能。两个技能应一起加载。",{"claudeCode":15},"figma-generate-library",{"basePath":128,"githubOwner":20,"githubRepo":21,"locale":22,"slug":126,"type":23},"skills/figma-generate-library",{"evaluate":130,"extract":138},{"promptVersionExtension":26,"promptVersionScoring":27,"score":131,"tags":132,"targetMarket":34,"tier":35},100,[20,133,134,135,33,136,137],"design-system","tokens","components","ux","figma-plugin",{"commitSha":37},{"parentExtensionId":39,"repoId":40,"translatedFrom":140},"k175ecr7vr38vc0976trem43sd86mvk7",[33,135,133,20,137,134,136],{"evaluatedAt":143,"extractAt":45,"updatedAt":144},1778687010196,1778687164791,{"_creationTime":146,"_id":147,"community":148,"display":149,"identity":153,"providers":155,"relations":161,"tags":163,"workflow":164},1778687184373.722,"k17enzg2p8v6mm1gz9mc6fcx2586mv48",{"reviewCount":11},{"description":150,"installMethods":151,"name":152,"sourceUrl":17},"**强制性先决条件** — 在每次调用 `use_figma` 工具之前，您**必须**调用此技能。切勿在未先加载此技能的情况下直接调用 `use_figma`。跳过它会导致常见且难以调试的故障。每当用户希望在 Figma 文件上下文中执行写入操作或需要 JavaScript 执行的唯一读取操作时触发 — 例如创建/编辑/删除节点、设置变量或令牌、构建组件和变体、修改自动布局或填充、将变量绑定到属性，或以编程方式检查文件结构。",{"claudeCode":15},"figma-use",{"basePath":154,"githubOwner":20,"githubRepo":21,"locale":22,"slug":152,"type":23},"skills/figma-use",{"evaluate":156,"extract":160},{"promptVersionExtension":26,"promptVersionScoring":27,"score":157,"tags":158,"targetMarket":34,"tier":35},99,[20,60,159,33,86],"plugin-api",{"commitSha":37},{"parentExtensionId":39,"repoId":40,"translatedFrom":162},"k178q0rdfd8n9p3cg4hpys4y5h86mr35",[33,86,60,20,159],{"evaluatedAt":165,"extractAt":45,"updatedAt":166},1778687019608,1778687184373,{"_creationTime":168,"_id":169,"community":170,"display":171,"identity":175,"providers":177,"relations":184,"tags":186,"workflow":187},1778687201996.7747,"k17fj68vdp5cdb4sbr1q2v51e986m856",{"reviewCount":11},{"description":172,"installMethods":173,"name":174,"sourceUrl":17},"此技能可帮助代理在 FigJam 上下文中 OOD 使用 Figma 的 use_figma MCP 工具。它可以与具有使用 use_figma 工具的基础知识的 figma-use 一起使用。",{"claudeCode":15},"figma-use-figjam",{"basePath":176,"githubOwner":20,"githubRepo":21,"locale":22,"slug":174,"type":23},"skills/figma-use-figjam",{"evaluate":178,"extract":183},{"promptVersionExtension":26,"promptVersionScoring":27,"score":179,"tags":180,"targetMarket":34,"tier":35},96,[20,61,181,60,182],"mcp","development",{"commitSha":37},{"parentExtensionId":39,"repoId":40,"translatedFrom":185},"k17b0jwdhdx1tftn0mqg0qhn3x86nh7m",[60,182,61,20,181],{"evaluatedAt":188,"extractAt":45,"updatedAt":189},1778687028421,1778687201996,{"reviewCount":11},{"description":192,"installMethods":193,"name":196,"sourceUrl":17},"包含 Figma MCP 服务器和用于常见工作流程的 Skills 的插件",{"claudeCode":20,"cursor":194,"geminiCli":195},"/add-plugin figma","gemini extensions install https://github.com/figma/mcp-server-guide","Figma MCP Server",{"_creationTime":198,"_id":199,"extensionId":5,"locale":22,"result":200,"trustSignals":411,"workflow":425},1778687116662.7964,"kn7f638amrg24vpfcpg6e7t4m986mh9v",{"checks":201,"evaluatedAt":387,"extensionSummary":388,"features":389,"nonGoals":395,"promptVersionExtension":26,"promptVersionScoring":27,"purpose":399,"rationale":400,"score":401,"summary":402,"tags":403,"tier":35,"useCases":406},[202,207,210,213,217,220,224,229,232,235,239,243,247,251,254,257,260,263,266,269,273,277,281,285,289,292,295,298,302,305,308,311,314,317,320,324,328,332,335,339,342,345,348,351,354,357,360,363,366,369,373,376,379,383],{"category":203,"check":204,"severity":205,"summary":206},"Practical Utility","Problem relevance","pass","描述清楚地说明了将 Figma 设计信息与 AI 代理集成以进行代码生成的目的。",{"category":203,"check":208,"severity":205,"summary":209},"Unique selling proposition","该插件通过直接集成 Figma MCP 服务器工具和技能，使 AI 代理能够使用 Figma 设计，这超出了默认 LLM 的功能，因此具有显著价值。",{"category":203,"check":211,"severity":205,"summary":212},"Production readiness","该插件看起来已投入生产，提供核心 MCP 服务器功能和用于常见 Figma 工作流程的技能，并附有多个环境的安装说明。",{"category":214,"check":215,"severity":205,"summary":216},"Scope","Single responsibility principle","该插件具有一致的范围，专注于将 Figma 设计和工作流程与 AI 代理集成。",{"category":214,"check":218,"severity":205,"summary":219},"Description quality","显示的描述准确地反映了插件的目的，即包含 Figma MCP 服务器和用于常见工作流程的 Skills。",{"category":221,"check":222,"severity":205,"summary":223},"Invocation","Scoped tools","捆绑的技能暴露的工具似乎是与 Figma 相关的特定动词-名词操作，而不是一个通用的工具。",{"category":225,"check":226,"severity":227,"summary":228},"Documentation","Configuration & parameter reference","info","虽然 README 提供了各种客户端的详细设置说明，但它没有明确记录 MCP 服务器配置的除基本 JSON 代码片段之外的所有配置选项或优先级顺序。",{"category":214,"check":230,"severity":205,"summary":231},"Tool naming","工具名称，如 `get_design_context`、`generate_diagram` 和 `use_figma`，都具有描述性，并且特定于它们的 Figma 域。",{"category":214,"check":233,"severity":205,"summary":234},"Minimal I/O surface","工具似乎接受特定参数（如文件 URL、节点 ID）并返回结构化数据，从而最大限度地减少不必要的 I/O。",{"category":236,"check":237,"severity":205,"summary":238},"License","License usability","许可证在 README 中指定为 MIT，安装命令暗示官方分发，表明它具有可用的 OSS 许可证。",{"category":240,"check":241,"severity":205,"summary":242},"Maintenance","Commit recency","存储库显示截至 2026-05-13 的最新提交，表明正在积极维护。",{"category":240,"check":244,"severity":245,"summary":246},"Dependency Management","not_applicable","该插件本身没有管理任何明确的第三方依赖项；它依赖于主机环境的功能。",{"category":248,"check":249,"severity":245,"summary":250},"Security","Secret Management","该插件似乎不直接处理或需要密钥；身份验证由主机环境（例如 GitHub Copilot、Claude Code）管理。",{"category":248,"check":252,"severity":205,"summary":253},"Injection","该插件与 Figma MCP 集成，MCP 设计用于将外部数据视为输入而不是指令。文档强调使用结构化数据。",{"category":248,"check":255,"severity":205,"summary":256},"Transitive Supply-Chain Grenades","该插件依赖于主机环境的安全执行和 Figma 的官方 API；没有出现运行时下载或远程脚本执行模式。",{"category":248,"check":258,"severity":205,"summary":259},"Sandbox Isolation","该插件在主机环境（VS Code、Cursor、Claude Code）的限制范围内运行，并与 Figma 的官方 API 交互，这暗示了沙箱执行模型。",{"category":248,"check":261,"severity":205,"summary":262},"Sandbox escape primitives","在提供的源文件中未发现分离进程的产生或拒绝服务原语。",{"category":248,"check":264,"severity":205,"summary":265},"Data Exfiltration","该插件与 Figma 的官方 API 交互；数据泄露不太可能，因为它需要显式的外部调用，超出了 Figma 的记录端点。",{"category":248,"check":267,"severity":205,"summary":268},"Hidden Text Tricks","在 README 或关联的技能文件中未找到隐藏文本技巧或恶意 Unicode 字符。",{"category":270,"check":271,"severity":205,"summary":272},"Hooks","Opaque code execution","捆绑的技能（例如 `figma-use`）是用纯 JavaScript/TypeScript 编写的，并且没有混淆。",{"category":274,"check":275,"severity":205,"summary":276},"Portability","Structural Assumption","该插件依赖于标准的 MCP 客户端配置和 Figma API，使其能够跨支持的环境移植。",{"category":278,"check":279,"severity":205,"summary":280},"Trust","Issues Attention","在过去 90 天内没有打开和关闭的问题，这表明活动量非常少或可能是新项目，但没有被忽视的迹象。",{"category":282,"check":283,"severity":205,"summary":284},"Versioning","Release Management","在插件清单中声明了一个有意义的版本（2.1.56），并且该版本似乎正在积极管理中。",{"category":286,"check":287,"severity":205,"summary":288},"Code Execution","Validation","`use_figma` 技能文档强调了严格的输入验证和模式遵从性，该插件利用了这一点。",{"category":248,"check":290,"severity":205,"summary":291},"Unguarded Destructive Operations","通过 MCP 对 Figma 文件进行的操作通常会受到主机环境中用户确认或特定工具操作的保护。",{"category":286,"check":293,"severity":205,"summary":294},"Error Handling","`use_figma` 技能文档详细介绍了强大的错误处理、原子操作和恢复模式，该插件的集成技能遵循了这些模式。",{"category":286,"check":296,"severity":245,"summary":297},"Logging","日志记录由主机环境（Claude Code、VS Code MCP）处理，而不是由该插件本身负责。",{"category":299,"check":300,"severity":245,"summary":301},"Compliance","GDPR","该插件不直接处理个人数据；它充当 Figma 服务的接口，数据处理由 Figma 和用户的帐户管理。",{"category":299,"check":303,"severity":205,"summary":304},"Target market","该插件在 Figma 服务上运行，具有全球适用性，未检测到任何特定区域或法律管辖区的限制。",{"category":274,"check":306,"severity":205,"summary":307},"Runtime stability","该插件依赖于标准的 MCP 客户端和 Figma API，可确保跨支持平台具有广泛的兼容性。",{"category":225,"check":309,"severity":205,"summary":310},"README","README 非常全面，详细说明了功能、多客户端安装、提示和最佳实践。",{"category":214,"check":312,"severity":205,"summary":313},"Tool surface size","该插件通过其捆绑的技能暴露了一组精选的工具，可能在 3-10 种不同功能的目标范围内。",{"category":221,"check":315,"severity":205,"summary":316},"Overlapping near-synonym tools","暴露的工具和技能似乎具有与 Figma 交互相关的不同功能，避免了不必要的重叠。",{"category":225,"check":318,"severity":205,"summary":319},"Phantom features","README 中提到的所有功能，例如写入画布和代码生成，都由所描述的工具和技能支持。",{"category":321,"check":322,"severity":205,"summary":323},"Install","Installation instruction","为 VS Code、Cursor、Claude Code、Gemini CLI 和其他编辑器提供了清晰、可复制粘贴的安装和设置说明。",{"category":325,"check":326,"severity":205,"summary":327},"Errors","Actionable error messages","`use_figma` 和相关技能的文档详细说明了如何处理错误并提供纠正指南，这表明消息是可操作的。",{"category":329,"check":330,"severity":245,"summary":331},"Execution","Pinned dependencies","该插件本身不管理需要固定的直接第三方依赖项；它依赖于主机环境和 Figma 的 API。",{"category":214,"check":333,"severity":245,"summary":334},"Dry-run preview","该插件通过 MCP 工具与 Figma 交互，虽然某些操作可能可以在 Figma 的 UI 中预览，但直接的 `--dry-run` 标志并不是这些 MCP 交互的典型功能。",{"category":336,"check":337,"severity":205,"summary":338},"Protocol","Idempotent retry & timeouts","Figma MCP 工具和 `use_figma` 技能文档强调原子操作和恢复，这表明在底层协议中考虑了幂等性和超时。",{"category":299,"check":340,"severity":205,"summary":341},"Telemetry opt-in","该插件本身似乎不发送遥测数据；任何遥测数据都将由主机环境的 MCP 实现或 Figma 的服务处理。",{"category":221,"check":343,"severity":205,"summary":344},"Name collisions","捆绑的技能具有不同的名称，如 `figma-use`、`figma-generate-diagram` 等，避免了与自身或内置命令的冲突。",{"category":221,"check":346,"severity":245,"summary":347},"Hooks-off mechanism","该插件似乎没有利用钩子，因此不需要特定的钩子关闭机制。",{"category":221,"check":349,"severity":245,"summary":350},"Hook matcher tightness","该插件不定义自定义钩子；它依赖于主机环境的 MCP 和工具调用系统。",{"category":248,"check":352,"severity":245,"summary":353},"Hook security","该插件不定义自定义钩子；安全性由主机环境和 Figma 的 API 管理。",{"category":270,"check":355,"severity":245,"summary":356},"Silent prompt rewriting","该插件不实现面向用户的提示重写钩子。",{"category":248,"check":358,"severity":245,"summary":359},"Permission Hook","该插件不实现自定义权限钩子。",{"category":299,"check":361,"severity":245,"summary":362},"Hook privacy","该插件不定义可能处理日志记录或遥测事件的自定义钩子。",{"category":286,"check":364,"severity":245,"summary":365},"Hook dependency","该插件不定义自定义钩子；它依赖于主机环境的执行。",{"category":225,"check":367,"severity":205,"summary":368},"Feature Transparency","关键功能，包括 MCP 服务器和各种技能，在 README 和各个技能文档中都有清晰的解释。",{"category":370,"check":371,"severity":205,"summary":372},"Convention","Layout convention adherence","该插件遵循标准的 MCP 插件结构，并提供与 Claude Code 和其他平台一致的安装方法。",{"category":370,"check":374,"severity":245,"summary":375},"Plugin state","该插件似乎不管理除配置以外的持久状态，该状态由主机 MCP 客户端处理。",{"category":248,"check":377,"severity":245,"summary":378},"Keychain-stored secrets","该插件不直接处理密钥；身份验证由主机环境或用户帐户管理。",{"category":380,"check":381,"severity":205,"summary":382},"Dependencies","Tagged release sourcing","该插件似乎由 Figma 正式分发，并与 Figma 的 MCP 服务器集成，这意味着它来自官方标记的发布版本。",{"category":384,"check":385,"severity":205,"summary":386},"Installation","Clean uninstall","安装和卸载过程由主机 MCP 客户端（例如 `claude plugin uninstall`）处理，确保无需后台进程即可干净地移除。",1778686867753,"此插件集成了 Figma MCP 服务器和相关技能，使 AI 代理能够与 Figma 设计进行交互，以完成诸如生成代码、提取设计上下文和管理设计系统之类的任务。它提供了多个 IDE 和客户端的安装说明。",[390,391,392,393,394],"通过 MCP 服务器写入 Figma 画布","从选定的 Figma 框架生成代码","提取设计变量、组件和布局数据","与 Code Connect 集成以进行组件重用","从 Mermaid 语法生成 FigJam 图",[396,397,398],"在不使用 MCP 工具的情况下直接编辑 Figma 文件","替换核心 Figma 应用程序","在没有 AI 辅助的情况下生成代码","弥合 Figma 设计与 AI 驱动的代码生成和设计系统管理之间的差距，使设计到代码的工作流程更有效率。","驱动评分的主要发现：文档质量（关于配置优先级的信息）和 Issues Attention（活动非常少）。总的来说，质量高且已投入生产。",95,"一个高质量的插件，通过 MCP 服务器将 Figma 设计与 AI 代理集成，提供全面的功能和清晰的文档。",[20,181,60,404,30,405],"ui","developer-tools",[407,408,409,410],"将 Figma 设计转换为功能代码","提取设计令牌和样式以供实现","在 Figma 中构建和管理设计系统","在 FigJam 中可视化系统架构或工作流程",{"codeQuality":412,"collectedAt":414,"documentation":415,"maintenance":418,"security":423,"testCoverage":424},{"hasLockfile":413},false,1778686849348,{"descriptionLength":416,"readmeSize":417},73,24576,{"closedIssues90d":11,"forks":419,"hasChangelog":413,"manifestVersion":420,"openIssues90d":11,"pushedAt":421,"stars":422},127,"2.1.56",1778659272000,1409,{"hasNpmPackage":413,"smitheryVerified":413},{"hasCi":413,"hasTests":413},{"updatedAt":426},1778687116662,{"basePath":428,"githubOwner":20,"githubRepo":21,"locale":22,"slug":21,"type":429},"","plugin",null,{"evaluate":432,"extract":434},{"promptVersionExtension":26,"promptVersionScoring":27,"score":401,"tags":433,"targetMarket":34,"tier":35},[20,181,60,404,30,405],{"commitSha":37,"license":89,"plugin":435},{"mcpCount":11,"provider":436,"skillCount":437},"classify",7,{"repoId":40,"translatedFrom":39},{"_creationTime":440,"_id":40,"identity":441,"providers":442,"workflow":686},1778686843197.7612,{"githubOwner":20,"githubRepo":21,"sourceUrl":17},{"classify":443,"discover":679,"github":682},{"commitSha":37,"extensions":444},[445,476,487,493,499,518,557,603,635,671],{"basePath":428,"description":446,"displayName":20,"installMethods":447,"rationale":448,"selectedPaths":449,"source":475,"sourceLanguage":106,"type":429},"Plugin that includes the Figma MCP server and Skills for common workflows",{"claudeCode":20},"plugin manifest at .claude-plugin/plugin.json (coalesced with duplicate plugin at .github/plugin)",[450,453,455,458,460,462,464,466,468,470,472],{"path":451,"priority":452},".claude-plugin/plugin.json","mandatory",{"path":454,"priority":452},"README.md",{"path":456,"priority":457},"skills/figma-code-connect/SKILL.md","medium",{"path":459,"priority":457},"skills/figma-create-new-file/SKILL.md",{"path":461,"priority":457},"skills/figma-generate-design/SKILL.md",{"path":463,"priority":457},"skills/figma-generate-diagram/SKILL.md",{"path":465,"priority":457},"skills/figma-generate-library/SKILL.md",{"path":467,"priority":457},"skills/figma-use/SKILL.md",{"path":469,"priority":457},"skills/figma-use-figjam/SKILL.md",{"path":471,"priority":452},".mcp.json",{"path":473,"priority":474},".cursor-plugin/plugin.json","high","rule",{"basePath":19,"description":477,"displayName":16,"installMethods":478,"rationale":479,"selectedPaths":480,"source":475,"sourceLanguage":106,"type":23},"Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.",{"claudeCode":15},"SKILL.md frontmatter at skills/figma-code-connect/SKILL.md",[481,483,485],{"path":482,"priority":452},"SKILL.md",{"path":484,"priority":457},"references/advanced-patterns.md",{"path":486,"priority":457},"references/api.md",{"basePath":56,"description":488,"displayName":54,"installMethods":489,"rationale":490,"selectedPaths":491,"source":475,"sourceLanguage":106,"type":23},"**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call. NEVER call `create_new_file` directly without loading this skill first. Trigger whenever the user wants a new blank Figma file — a new design, FigJam, or Slides file — or when you need a fresh file before calling `use_figma`. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard, /figma-create-new-file slides Q3 Review)",{"claudeCode":15},"SKILL.md frontmatter at skills/figma-create-new-file/SKILL.md",[492],{"path":482,"priority":452},{"basePath":80,"description":494,"displayName":81,"installMethods":495,"rationale":496,"selectedPaths":497,"source":475,"sourceLanguage":106,"type":23},"Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.",{"claudeCode":15},"SKILL.md frontmatter at skills/figma-generate-design/SKILL.md",[498],{"path":482,"priority":452},{"basePath":105,"description":101,"displayName":107,"installMethods":500,"rationale":501,"selectedPaths":502,"source":475,"sourceLanguage":106,"type":23},{"claudeCode":15},"SKILL.md frontmatter at skills/figma-generate-diagram/SKILL.md",[503,504,506,508,510,512,514,516],{"path":482,"priority":452},{"path":505,"priority":457},"references/architecture.md",{"path":507,"priority":457},"references/erd.md",{"path":509,"priority":457},"references/flowchart.md",{"path":511,"priority":457},"references/gantt.md",{"path":513,"priority":457},"references/sequence.md",{"path":515,"priority":457},"references/state.md",{"path":517,"priority":457},"references/workflow.md",{"basePath":128,"description":519,"displayName":126,"installMethods":520,"rationale":521,"selectedPaths":522,"source":475,"sourceLanguage":106,"type":23},"Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.",{"claudeCode":15},"SKILL.md frontmatter at skills/figma-generate-library/SKILL.md",[523,524,526,528,530,532,534,536,538,541,543,545,547,549,551,553,555],{"path":482,"priority":452},{"path":525,"priority":457},"references/code-connect-setup.md",{"path":527,"priority":457},"references/component-creation.md",{"path":529,"priority":457},"references/discovery-phase.md",{"path":531,"priority":457},"references/documentation-creation.md",{"path":533,"priority":457},"references/error-recovery.md",{"path":535,"priority":457},"references/naming-conventions.md",{"path":537,"priority":457},"references/token-creation.md",{"path":539,"priority":540},"scripts/bindVariablesToComponent.js","low",{"path":542,"priority":540},"scripts/cleanupOrphans.js",{"path":544,"priority":540},"scripts/createComponentWithVariants.js",{"path":546,"priority":540},"scripts/createDocumentationPage.js",{"path":548,"priority":540},"scripts/createSemanticTokens.js",{"path":550,"priority":540},"scripts/createVariableCollection.js",{"path":552,"priority":540},"scripts/inspectFileStructure.js",{"path":554,"priority":540},"scripts/rehydrateState.js",{"path":556,"priority":540},"scripts/validateCreation.js",{"basePath":154,"description":558,"displayName":152,"installMethods":559,"rationale":560,"selectedPaths":561,"source":475,"sourceLanguage":106,"type":23},"**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.",{"claudeCode":15},"SKILL.md frontmatter at skills/figma-use/SKILL.md",[562,563,565,567,569,571,573,575,577,579,581,583,585,587,589,591,593,595,597,599,601],{"path":482,"priority":452},{"path":564,"priority":457},"references/api-reference.md",{"path":566,"priority":457},"references/common-patterns.md",{"path":568,"priority":457},"references/component-patterns.md",{"path":570,"priority":457},"references/effect-style-patterns.md",{"path":572,"priority":457},"references/gotchas.md",{"path":574,"priority":457},"references/plugin-api-patterns.md",{"path":576,"priority":457},"references/plugin-api-standalone.d.ts",{"path":578,"priority":457},"references/plugin-api-standalone.index.md",{"path":580,"priority":457},"references/text-style-patterns.md",{"path":582,"priority":457},"references/validation-and-recovery.md",{"path":584,"priority":457},"references/variable-patterns.md",{"path":586,"priority":457},"references/working-with-design-systems/wwds-components--creating.md",{"path":588,"priority":457},"references/working-with-design-systems/wwds-components--using.md",{"path":590,"priority":457},"references/working-with-design-systems/wwds-components.md",{"path":592,"priority":457},"references/working-with-design-systems/wwds-effect-styles.md",{"path":594,"priority":457},"references/working-with-design-systems/wwds-text-styles.md",{"path":596,"priority":457},"references/working-with-design-systems/wwds-variables--creating.md",{"path":598,"priority":457},"references/working-with-design-systems/wwds-variables--using.md",{"path":600,"priority":457},"references/working-with-design-systems/wwds-variables.md",{"path":602,"priority":457},"references/working-with-design-systems/wwds.md",{"basePath":176,"description":604,"displayName":174,"installMethods":605,"rationale":606,"selectedPaths":607,"source":475,"sourceLanguage":106,"type":23},"This skill helps agents use Figma's use_figma MCP tool in the FigJam context. Can be used alongside figma-use which has foundational context for using the use_figma tool.",{"claudeCode":15},"SKILL.md frontmatter at skills/figma-use-figjam/SKILL.md",[608,609,611,613,615,617,619,621,623,625,627,629,631,633],{"path":482,"priority":452},{"path":610,"priority":457},"references/batch-modify.md",{"path":612,"priority":457},"references/create-code-block.md",{"path":614,"priority":457},"references/create-connector.md",{"path":616,"priority":457},"references/create-label.md",{"path":618,"priority":457},"references/create-section.md",{"path":620,"priority":457},"references/create-shape-with-text.md",{"path":622,"priority":457},"references/create-sticky.md",{"path":624,"priority":457},"references/create-table.md",{"path":626,"priority":457},"references/create-text.md",{"path":628,"priority":457},"references/edit-text.md",{"path":630,"priority":457},"references/figjam-colors.md",{"path":632,"priority":457},"references/plan-board-content.md",{"path":634,"priority":457},"references/position-figjam-nodes.md",{"basePath":636,"description":637,"displayName":638,"installMethods":639,"rationale":640,"selectedPaths":641,"source":475,"sourceLanguage":106,"type":23},"workflow-skills/generate-project-plan","Generate a FigJam project plan board from a PRD plus codebase context. Interactive flow: research → propose sections → per-section deep research → per-section content + block-shape proposal → create FigJam → skeleton → fill → diagrams → wrap. Each content block (section, nested section, intro callout, table, multi-column text, sticky column, diagram section, metadata strip) has its own subskill reference file. Use when the user asks for 'project plan in FigJam', 'interactive project plan', '/generate-project-plan', or provides a PRD and wants per-section confirmation on content + rendering.","generate-project-plan",{"claudeCode":15},"SKILL.md frontmatter at workflow-skills/generate-project-plan/SKILL.md",[642,643,645,647,649,651,653,655,657,659,661,663,665,667,669],{"path":482,"priority":452},{"path":644,"priority":457},"references/blocks/diagram-section.md",{"path":646,"priority":457},"references/blocks/intro-callout.md",{"path":648,"priority":457},"references/blocks/metadata-strip.md",{"path":650,"priority":457},"references/blocks/multi-column-text.md",{"path":652,"priority":457},"references/blocks/nested-section.md",{"path":654,"priority":457},"references/blocks/section.md",{"path":656,"priority":457},"references/blocks/sticky-column.md",{"path":658,"priority":457},"references/blocks/table.md",{"path":660,"priority":457},"references/blocks/text-primitives.md",{"path":662,"priority":457},"references/foundation/codebase-grounding.md",{"path":664,"priority":457},"references/foundation/layout.md",{"path":666,"priority":457},"references/foundation/palette.md",{"path":668,"priority":457},"references/foundation/plugin-api-traps.md",{"path":670,"priority":457},"references/section-catalog.md",{"basePath":428,"installMethods":672,"rationale":674,"selectedPaths":675,"source":475,"sourceLanguage":106,"type":181},{"remote":673},"https://mcp.figma.com/mcp","server.json with namespace/server name at server.json",[676,678],{"path":677,"priority":452},"server.json",{"path":454,"priority":452},{"sources":680},[681],"manual",{"closedIssues90d":11,"description":683,"forks":419,"homepage":684,"openIssues90d":11,"pushedAt":421,"readmeSize":417,"stars":422,"topics":685},"A guide on how to use the Figma MCP server","https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Dev-Mode-MCP-Server",[],{"classifiedAt":687,"discoverAt":688,"extractAt":689,"githubAt":689,"updatedAt":687},1778686847568,1778686843197,1778686845742,[30,60,405,20,181,404],{"evaluatedAt":692,"extractAt":45,"updatedAt":426},1778686867988,[],[695,724,754,779,805],{"_creationTime":696,"_id":697,"community":698,"display":699,"identity":704,"providers":708,"relations":715,"tags":719,"workflow":720},1778698423927.3982,"k17d4kzh5mqg6kcd6kbhhqhfm986nfbn",{"reviewCount":11},{"description":700,"installMethods":701,"name":702,"sourceUrl":703},"Upstash Context7 MCP 服务器，用于查找最新文档。直接从源代码存储库将特定版本的文档和代码示例拉取到您的 LLM 上下文中。",{"claudeCode":702},"context7-plugin","https://github.com/upstash/context7",{"basePath":705,"githubOwner":706,"githubRepo":707,"locale":22,"slug":707,"type":429},"plugins/claude/context7","upstash","context7",{"evaluate":709,"extract":714},{"promptVersionExtension":26,"promptVersionScoring":27,"score":131,"tags":710,"targetMarket":34,"tier":35},[711,405,712,713],"documentation","code-examples","mcp-server",{"commitSha":37},{"parentExtensionId":716,"repoId":717,"translatedFrom":718},"k17c6qmv4dnjycsp8aa4wyfbgh86n3jd","kd7955sg5wbf89gw527wdep66n86na9w","k17f8b1e3611rh6d9e6peh43b186m55k",[712,405,711,713],{"evaluatedAt":721,"extractAt":722,"updatedAt":723},1778698268645,1778698235845,1778698423927,{"_creationTime":725,"_id":726,"community":727,"display":728,"identity":733,"providers":737,"relations":747,"tags":750,"workflow":751},1778699018122.784,"k1711syfp1zymbk1r0a9ry019986mgar",{"reviewCount":11},{"description":729,"installMethods":730,"name":731,"sourceUrl":732},"Guides developers from brand discovery through iterative design to deployment-ready HTML via Stitch.",{"claudeCode":731},"brand-landingpage","https://github.com/wshobson/agents",{"basePath":734,"githubOwner":735,"githubRepo":736,"locale":106,"slug":731,"type":429},"plugins/brand-landingpage","wshobson","agents",{"evaluate":738,"extract":744},{"promptVersionExtension":26,"promptVersionScoring":27,"score":157,"tags":739,"targetMarket":34,"tier":35},[740,60,741,742,743,182],"landing-page","branding","html","stitch",{"commitSha":37,"license":89,"plugin":745},{"mcpCount":11,"provider":436,"skillCount":746},1,{"parentExtensionId":748,"repoId":749},"k17cywe30jfsfw3cdpncjfn8y186nvyw","kd74de64zj0axtg5b8t7eqqe2x86nske",[741,60,182,742,740,743],{"evaluatedAt":752,"extractAt":753,"updatedAt":752},1778700241503,1778699018122,{"_creationTime":755,"_id":756,"community":757,"display":758,"identity":762,"providers":764,"relations":775,"tags":776,"workflow":777},1778699018122.7798,"k172w4j8rxzh1f0hc5qhwye5xx86msks",{"reviewCount":11},{"description":759,"installMethods":760,"name":761,"sourceUrl":732},"WCAG accessibility auditing, compliance validation, UI testing for screen readers, keyboard navigation, and inclusive design",{"claudeCode":761},"accessibility-compliance",{"basePath":763,"githubOwner":735,"githubRepo":736,"locale":106,"slug":761,"type":429},"plugins/accessibility-compliance",{"evaluate":765,"extract":772},{"promptVersionExtension":26,"promptVersionScoring":27,"score":157,"tags":766,"targetMarket":34,"tier":35},[767,768,769,770,771,404],"accessibility","wcag","testing","compliance","inclusive-design",{"commitSha":37,"license":89,"plugin":773},{"mcpCount":11,"provider":436,"skillCount":774},2,{"parentExtensionId":748,"repoId":749},[767,770,771,769,404,768],{"evaluatedAt":778,"extractAt":753,"updatedAt":778},1778699966767,{"_creationTime":780,"_id":781,"community":782,"display":783,"identity":788,"providers":789,"relations":797,"tags":800,"workflow":801},1778697247963.8694,"k174495tj4sa8qhgv7jbjprat186mr16",{"reviewCount":11},{"description":784,"installMethods":785,"name":786,"sourceUrl":787},"UI 组件和设计系统框架。搜索注册表，将组件安装为源代码，并审核你的项目。",{"claudeCode":404},"shadcn","https://github.com/shadcn/ui",{"basePath":428,"githubOwner":786,"githubRepo":404,"locale":22,"slug":404,"type":429},{"evaluate":790,"extract":795},{"promptVersionExtension":26,"promptVersionScoring":27,"score":157,"tags":791,"targetMarket":34,"tier":35},[404,135,133,792,793,405,794],"react","tailwind","cli",{"commitSha":37,"license":89,"plugin":796},{"mcpCount":11,"provider":436,"skillCount":746},{"repoId":798,"translatedFrom":799},"kd7e2ms1sk0ht9vxjwft0azcqd86mvkm","k17eck23eww6zm1ydrvqr2q03h86mt03",[794,135,133,405,792,793,404],{"evaluatedAt":802,"extractAt":803,"updatedAt":804},1778697165994,1778697151081,1778697247963,{"_creationTime":806,"_id":807,"community":808,"display":809,"identity":814,"providers":818,"relations":829,"tags":832,"workflow":833},1778675056600.2014,"k17104ysr0smp7vvp26mnn1fzh86nynm",{"reviewCount":11},{"description":810,"installMethods":811,"name":812,"sourceUrl":813},"13 production-ready product skills: product manager toolkit (RICE, PRDs), agile product owner, product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, code-to-prd, research summarizer, apple-hig-expert (Apple Human Interface Guidelines), spec-to-repo. Agent skill and plugin for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw.",{"claudeCode":812},"product-skills","https://github.com/alirezarezvani/claude-skills",{"basePath":815,"githubOwner":816,"githubRepo":817,"locale":106,"slug":815,"type":429},"product-team","alirezarezvani","claude-skills",{"evaluate":819,"extract":826},{"promptVersionExtension":26,"promptVersionScoring":27,"score":157,"tags":820,"targetMarket":34,"tier":35},[821,136,404,822,823,824,825,405],"product-management","saas","agile","python","product-strategy",{"commitSha":37,"license":89,"plugin":827},{"mcpCount":11,"provider":436,"skillCount":828},13,{"parentExtensionId":830,"repoId":831},"k17dce6sbramb6sxm7ksr3928x86ncfs","kd7ff9s1w43mfyy1n7hf87816186m6px",[823,405,821,825,824,822,404,136],{"evaluatedAt":834,"extractAt":835,"updatedAt":834},1778675268357,1778675056600]