[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-figma-figma-generate-library-zh-CN":3,"guides-for-figma-figma-generate-library":552,"similar-k174yn6rgknww1jdj6g99wbrh986mrxa-zh-CN":553},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":238,"isFallback":225,"parentExtension":242,"providers":280,"relations":284,"repo":286,"tags":549,"workflow":550},1778687164791.1145,"k174yn6rgknww1jdj6g99wbrh986mrxa",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"从代码库在 Figma 中构建或更新专业级设计系统。当用户想要创建变量/令牌、构建组件库、设置主题（浅色/深色模式）、记录基础或协调代码和 Figma 之间的差距时使用。此技能教授要构建什么以及按什么顺序 — 它补充了教授如何调用插件 API 的 `figma-use` 技能。两个技能应一起加载。",{"claudeCode":12},"figma/mcp-server-guide","figma-generate-library","https://github.com/figma/mcp-server-guide",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":223,"workflow":236},1778687164791.1147,"kn7azzdjvx2hjesm8sct8avbmd86mav8","zh-CN",{"checks":20,"evaluatedAt":191,"extensionSummary":192,"features":193,"nonGoals":199,"promptVersionExtension":203,"promptVersionScoring":204,"purpose":205,"rationale":206,"score":207,"summary":208,"tags":209,"tier":217,"useCases":218},[21,26,29,32,36,39,43,47,50,53,57,61,65,69,72,75,78,81,84,87,90,94,98,102,106,109,112,115,119,122,125,128,131,134,137,141,145,149,152,156,159,162,165,168,172,175,178,181,184,188],{"category":22,"check":23,"severity":24,"summary":25},"Practical Utility","Problem relevance","pass","描述清楚地说明了从代码库构建 Figma 设计系统的问题，面向想要创建变量、组件和管理主题的用户。",{"category":22,"check":27,"severity":24,"summary":28},"Unique selling proposition","该技能编排了 Figma 中设计系统生成的复杂多阶段工作流，通过提供特定领域的知识和对众多 `use_figma` 调用的排序，超越了简单的包装器。",{"category":22,"check":30,"severity":24,"summary":31},"Production readiness","该技能提供了一个全面的、多阶段的工作流，具有清晰的用户检查点、详细的说明和强大的状态管理，涵盖了设计系统的创建和维护的整个生命周期。",{"category":33,"check":34,"severity":24,"summary":35},"Scope","Single responsibility principle","该技能专门专注于编排从代码库创建和更新 Figma 设计系统，与 `figma-use` 技能紧密集成，并避免不相关的领域。",{"category":33,"check":37,"severity":24,"summary":38},"Description quality","显示的描述准确地反映了该技能的目的，清楚地阐述了其价值主张以及与 `figma-use` 技能的互补关系。",{"category":40,"check":41,"severity":24,"summary":42},"Invocation","Scoped tools","该技能编排了对 `use_figma` 工具的调用，遵守了在 Figma API 中使用特定、定义良好的操作的期望。",{"category":44,"check":45,"severity":24,"summary":46},"Documentation","Configuration & parameter reference","SKILL.md 提供了关于变量类型、范围、代码语法、组件属性和命名约定的广泛文档，并为每个提供了清晰的示例。",{"category":33,"check":48,"severity":24,"summary":49},"Tool naming","该技能主要编排 `use_figma` 工具，其内部脚本使用清晰、描述性的名称，与其功能一致。",{"category":33,"check":51,"severity":24,"summary":52},"Minimal I/O surface","该技能的主要交互是通过 `use_figma` 工具的作用域参数进行的，其内部脚本通过 pluginData 和结构化返回值管理状态，从而最大限度地减少了额外的输出。",{"category":54,"check":55,"severity":24,"summary":56},"License","License usability","根据该扩展在 Figma 存储库中的存在以及典型的开源实践，该扩展似乎是在宽松的开源许可证下发布的。",{"category":58,"check":59,"severity":24,"summary":60},"Maintenance","Commit recency","存储库显示最近的提交在过去 3 个月内，表明正在积极维护。",{"category":58,"check":62,"severity":63,"summary":64},"Dependency Management","not_applicable","该技能是纯 JavaScript 实现，在 Figma 插件 API 中运行，不依赖于需要显式管理的外部第三方依赖项。",{"category":66,"check":67,"severity":24,"summary":68},"Security","Secret Management","该技能在 Figma 插件 API 中运行，不处理或暴露任何秘密或凭据。",{"category":66,"check":70,"severity":24,"summary":71},"Injection","该技能的逻辑包含在其捆绑的脚本中，并依赖于 Figma API，该 API 设计用于安全地处理用户输入。它不加载或执行不受信任的第三方数据。",{"category":66,"check":73,"severity":24,"summary":74},"Transitive Supply-Chain Grenades","该技能完全在 Figma 插件 API 中运行，不获取或执行外部代码或数据。因此，不存在传递性供应链炸弹的风险。",{"category":66,"check":76,"severity":24,"summary":77},"Sandbox Isolation","该技能在 Figma 插件沙箱环境中运行，并且不尝试访问或修改其指定范围之外的文件。",{"category":66,"check":79,"severity":24,"summary":80},"Sandbox escape primitives","捆绑的脚本不包含任何可能导致沙箱逃逸的原始代码，例如分离进程或重试循环。",{"category":66,"check":82,"severity":24,"summary":83},"Data Exfiltration","该技能在 Figma 插件 API 中运行，不执行任何出站网络调用或提交任何用户数据。",{"category":66,"check":85,"severity":24,"summary":86},"Hidden Text Tricks","捆绑的 markdown 和脚本文件不包含隐藏的控制技巧、不可见字符或混淆内容。",{"category":66,"check":88,"severity":24,"summary":89},"Opaque code execution","所有捆绑的脚本都是纯粹、可读的 JavaScript，不涉及混淆、base64 编码或运行时代码获取。",{"category":91,"check":92,"severity":24,"summary":93},"Portability","Structural Assumption","该技能依赖于标准的 Figma API 交互，并且不假定用户本地项目文件结构在 Figma 环境之外。",{"category":95,"check":96,"severity":24,"summary":97},"Trust","Issues Attention","存储库在过去 90 天内有 0 个打开和 0 个关闭的 issues，这表明项目是新的/稳定的，或者 issues 很少。",{"category":99,"check":100,"severity":24,"summary":101},"Versioning","Release Management","该扩展具有有意义的提交历史，并通过 Git 进行管理。清单中没有找到像 semver 这样的显式版本控制方案，但安装不依赖于 'main' 分支。",{"category":103,"check":104,"severity":24,"summary":105},"Code Execution","Validation","该技能包含一个 `validateCreation` 脚本，该脚本对创建的节点执行结构检查，确保一致性并捕获错误。",{"category":66,"check":107,"severity":24,"summary":108},"Unguarded Destructive Operations","该技能主要专注于在 Figma 中进行创建和更新，而不是破坏性操作；任何修改都是设计系统构建过程的一部分，并受用户检查点的约束。",{"category":103,"check":110,"severity":24,"summary":111},"Error Handling","该技能的脚本包含强大的错误处理，检查节点是否存在、变量可用性和字体加载，并提供特定的错误消息用于调试。",{"category":103,"check":113,"severity":24,"summary":114},"Logging","该技能利用 `pluginData` 和 `sharedPluginData` 进行状态管理和幂等性跟踪，这可以作为构建过程的一种审计日志形式。",{"category":116,"check":117,"severity":24,"summary":118},"Compliance","GDPR","该技能在 Figma 插件 API 中运行，不处理个人数据；所有操作都仅限于 Figma 文件结构和令牌管理。",{"category":116,"check":120,"severity":24,"summary":121},"Target market","该技能的功能对于 Figma 文件操作和设计系统创建是通用的，没有检测到区域或司法管辖区的限制；它是全球适用的。",{"category":91,"check":123,"severity":24,"summary":124},"Runtime stability","该技能依赖于 Figma 插件 API 和标准 JavaScript，确保了在支持的 Figma 客户端和操作系统上的广泛兼容性。",{"category":44,"check":126,"severity":24,"summary":127},"README","README.md 提供了 Figma MCP 服务器、其功能、安装说明以及提示和文件结构的最佳实践的全面概述。",{"category":33,"check":129,"severity":24,"summary":130},"Tool surface size","该技能编排了 Figma 插件 API 工具和内部脚本，保持了易于管理的对外接口，并专注于设计系统生成。",{"category":40,"check":132,"severity":24,"summary":133},"Overlapping near-synonym tools","该技能协调了与 Figma 中设计系统构建相关的特定操作集，避免了重叠或近乎同义的工具功能。",{"category":44,"check":135,"severity":24,"summary":136},"Phantom features","所有关于设计系统生成、令牌管理和组件创建的广告功能都通过捆绑脚本和 Figma API 交互来实现。",{"category":138,"check":139,"severity":24,"summary":140},"Install","Installation instruction","README.md 提供了清晰、可复制粘贴的安装和设置说明，适用于多个客户端（VS Code、Cursor、Claude Code、Gemini CLI），并包含调用示例。",{"category":142,"check":143,"severity":24,"summary":144},"Errors","Actionable error messages","该技能的脚本提供详细的错误消息，包括失败的上下文、潜在原因和调试步骤。",{"category":146,"check":147,"severity":63,"summary":148},"Execution","Pinned dependencies","该技能是使用 Figma 插件 API 的独立 JavaScript 实现，没有需要固定的外部依赖项。",{"category":33,"check":150,"severity":63,"summary":151},"Dry-run preview","该技能在 Figma 的创建/更新逻辑内运行，用户检查点是预览和批准的主要机制，而不是特定的干运行标志。",{"category":153,"check":154,"severity":24,"summary":155},"Protocol","Idempotent retry & timeouts","该技能利用 `sharedPluginData` 和 `run_id` 标记来实现幂等性，允许安全重试和状态重建，并且其在 Figma 内的操作通常是原子的。",{"category":116,"check":157,"severity":63,"summary":158},"Telemetry opt-in","该技能不发出任何遥测数据；它所有的操作都仅限于 Figma 插件 API 和本地文件处理。",{"category":40,"check":160,"severity":24,"summary":161},"Precise Purpose","描述清楚地说明了该技能从代码库在 Figma 中构建设计系统，面向想要创建变量、组件和主题系统的用户，并明确补充了 `figma-use` 技能。",{"category":40,"check":163,"severity":24,"summary":164},"Concise Frontmatter","前言简洁明了，有效总结了该技能的目的，概述了其在构建设计系统中的作用以及与 `figma-use` 的关系。",{"category":44,"check":166,"severity":24,"summary":167},"Concise Body","SKILL.md 结构清晰，包含明确的部分，并引用外部 markdown 文件以获取详细过程，使主文档保持简洁。",{"category":169,"check":170,"severity":24,"summary":171},"Context","Progressive Disclosure","SKILL.md 引用了详细指南（例如 `references/component-creation.md`）来处理复杂主题，实现了信息的渐进式披露。",{"category":169,"check":173,"severity":63,"summary":174},"Forked exploration","该技能的工作流程不涉及对外部代码库的深度探索或分析；它通过插件 API 直接操作 Figma 文件结构。",{"category":22,"check":176,"severity":24,"summary":177},"Usage examples","文档包含大量详细的、可直接使用的 JavaScript 代码示例，用于创建组件、变量和文档页面等各种任务。",{"category":22,"check":179,"severity":24,"summary":180},"Edge cases","文档解决了诸如幂等性、错误恢复、变量模式限制、字体加载失败和组件命名约定等关键方面，并提供了具体的恢复步骤。",{"category":103,"check":182,"severity":63,"summary":183},"Tool Fallback","该技能主要依赖于 Figma 插件 API，并且不引用需要回退的外部 MCP 服务器或自定义工具。",{"category":185,"check":186,"severity":24,"summary":187},"Safety","Halt on unexpected state","该技能的脚本包含幂等性检查和错误处理，可在意外状态或缺少先决条件时停止执行，防止数据损坏。",{"category":91,"check":189,"severity":24,"summary":190},"Cross-skill coupling","该技能明确提到了它对 `figma-use` 的依赖，但其内部逻辑是独立的，专注于设计系统生成任务。",1778687010076,"该技能通过编排对 Figma 插件 API 的调用，自动化了从代码库构建和更新 Figma 设计系统的过程，包括创建变量、组件、样式和文档页面。",[194,195,196,197,198],"从代码库构建 Figma 设计系统","自动化变量和令牌的创建","生成包含变体和属性的组件集","为基础和组件创建文档页面","提供详细的错误恢复和幂等性模式",[200,201,202],"直接从 Figma 设计生成代码（那是 `figma-use` 的作用）","管理 Figma 文件权限或用户访问","执行 Figma 插件 API 沙箱之外的操作","3.0.0","4.4.0","使用户能够系统地构建符合其代码库的专业级 Figma 设计系统，涵盖从令牌创建到组件变体生成和文档编制的所有内容。","该技能展示了卓越的文档质量、强大的错误处理、全面的示例以及对 Figma API 创建设计系统的最佳实践的坚定遵守。它有效地涵盖了幂等性、状态管理和用户检查点。",100,"一个专家级技能，通过广泛的文档和强大的错误处理来自动化 Figma 设计系统的创建。",[210,211,212,213,214,215,216],"figma","design-system","tokens","components","automation","ux","figma-plugin","verified",[219,220,221,222],"根据代码库的令牌和组件在 Figma 中创建新的设计系统","更新现有的 Figma 设计系统以匹配代码更改","为设计令牌（颜色、间距、排版）生成可视化文档","使用变体矩阵和属性绑定标准化组件创建过程",{"codeQuality":224,"collectedAt":226,"documentation":227,"maintenance":230,"security":234,"testCoverage":235},{"hasLockfile":225},false,1778686999446,{"descriptionLength":228,"readmeSize":229},425,24576,{"closedIssues90d":8,"forks":231,"hasChangelog":225,"openIssues90d":8,"pushedAt":232,"stars":233},127,1778659272000,1409,{"hasNpmPackage":225,"smitheryVerified":225},{"hasCi":225,"hasTests":225},{"updatedAt":237},1778687164791,{"basePath":239,"githubOwner":210,"githubRepo":240,"locale":18,"slug":13,"type":241},"skills/figma-generate-library","mcp-server-guide","skill",{"_creationTime":243,"_id":244,"community":245,"display":246,"identity":252,"parentExtension":256,"providers":257,"relations":273,"tags":275,"workflow":276},1778686847756.4138,"k17fwrw2bg5z2mpmdtdsybp8t986mwe7",{"reviewCount":8},{"description":247,"installMethods":248,"name":251,"sourceUrl":14},"Plugin that includes the Figma MCP server and Skills for common workflows",{"claudeCode":210,"cursor":249,"geminiCli":250},"/add-plugin figma","gemini extensions install https://github.com/figma/mcp-server-guide","Figma MCP Server",{"basePath":253,"githubOwner":210,"githubRepo":240,"locale":254,"slug":240,"type":255},"","en","plugin",null,{"evaluate":258,"extract":267},{"promptVersionExtension":203,"promptVersionScoring":204,"score":259,"tags":260,"targetMarket":266,"tier":217},95,[210,261,262,263,264,265],"mcp","design","ui","code-connect","developer-tools","global",{"commitSha":268,"license":269,"plugin":270},"HEAD","MIT",{"mcpCount":8,"provider":271,"skillCount":272},"classify",7,{"repoId":274},"kd7d0zdmxx32hmcpg7qqv27da586m6xa",[264,262,265,210,261,263],{"evaluatedAt":277,"extractAt":278,"updatedAt":279},1778686867988,1778686847756,1778687292507,{"evaluate":281,"extract":283},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":282,"targetMarket":266,"tier":217},[210,211,212,213,214,215,216],{"commitSha":268},{"parentExtensionId":244,"repoId":274,"translatedFrom":285},"k175ecr7vr38vc0976trem43sd86mvk7",{"_creationTime":287,"_id":274,"identity":288,"providers":289,"workflow":545},1778686843197.7612,{"githubOwner":210,"githubRepo":240,"sourceUrl":14},{"classify":290,"discover":538,"github":541},{"commitSha":268,"extensions":291},[292,322,335,343,351,373,412,460,494,530],{"basePath":253,"description":247,"displayName":210,"installMethods":293,"rationale":294,"selectedPaths":295,"source":321,"sourceLanguage":254,"type":255},{"claudeCode":210},"plugin manifest at .claude-plugin/plugin.json (coalesced with duplicate plugin at .github/plugin)",[296,299,301,304,306,308,310,312,314,316,318],{"path":297,"priority":298},".claude-plugin/plugin.json","mandatory",{"path":300,"priority":298},"README.md",{"path":302,"priority":303},"skills/figma-code-connect/SKILL.md","medium",{"path":305,"priority":303},"skills/figma-create-new-file/SKILL.md",{"path":307,"priority":303},"skills/figma-generate-design/SKILL.md",{"path":309,"priority":303},"skills/figma-generate-diagram/SKILL.md",{"path":311,"priority":303},"skills/figma-generate-library/SKILL.md",{"path":313,"priority":303},"skills/figma-use/SKILL.md",{"path":315,"priority":303},"skills/figma-use-figjam/SKILL.md",{"path":317,"priority":298},".mcp.json",{"path":319,"priority":320},".cursor-plugin/plugin.json","high","rule",{"basePath":323,"description":324,"displayName":325,"installMethods":326,"rationale":327,"selectedPaths":328,"source":321,"sourceLanguage":254,"type":241},"skills/figma-code-connect","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.","figma-code-connect",{"claudeCode":12},"SKILL.md frontmatter at skills/figma-code-connect/SKILL.md",[329,331,333],{"path":330,"priority":298},"SKILL.md",{"path":332,"priority":303},"references/advanced-patterns.md",{"path":334,"priority":303},"references/api.md",{"basePath":336,"description":337,"displayName":338,"installMethods":339,"rationale":340,"selectedPaths":341,"source":321,"sourceLanguage":254,"type":241},"skills/figma-create-new-file","**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)","figma-create-new-file",{"claudeCode":12},"SKILL.md frontmatter at skills/figma-create-new-file/SKILL.md",[342],{"path":330,"priority":298},{"basePath":344,"description":345,"displayName":346,"installMethods":347,"rationale":348,"selectedPaths":349,"source":321,"sourceLanguage":254,"type":241},"skills/figma-generate-design","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.","figma-generate-design",{"claudeCode":12},"SKILL.md frontmatter at skills/figma-generate-design/SKILL.md",[350],{"path":330,"priority":298},{"basePath":352,"description":353,"displayName":354,"installMethods":355,"rationale":356,"selectedPaths":357,"source":321,"sourceLanguage":254,"type":241},"skills/figma-generate-diagram","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.).","figma-generate-diagram",{"claudeCode":12},"SKILL.md frontmatter at skills/figma-generate-diagram/SKILL.md",[358,359,361,363,365,367,369,371],{"path":330,"priority":298},{"path":360,"priority":303},"references/architecture.md",{"path":362,"priority":303},"references/erd.md",{"path":364,"priority":303},"references/flowchart.md",{"path":366,"priority":303},"references/gantt.md",{"path":368,"priority":303},"references/sequence.md",{"path":370,"priority":303},"references/state.md",{"path":372,"priority":303},"references/workflow.md",{"basePath":239,"description":374,"displayName":13,"installMethods":375,"rationale":376,"selectedPaths":377,"source":321,"sourceLanguage":254,"type":241},"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":12},"SKILL.md frontmatter at skills/figma-generate-library/SKILL.md",[378,379,381,383,385,387,389,391,393,396,398,400,402,404,406,408,410],{"path":330,"priority":298},{"path":380,"priority":303},"references/code-connect-setup.md",{"path":382,"priority":303},"references/component-creation.md",{"path":384,"priority":303},"references/discovery-phase.md",{"path":386,"priority":303},"references/documentation-creation.md",{"path":388,"priority":303},"references/error-recovery.md",{"path":390,"priority":303},"references/naming-conventions.md",{"path":392,"priority":303},"references/token-creation.md",{"path":394,"priority":395},"scripts/bindVariablesToComponent.js","low",{"path":397,"priority":395},"scripts/cleanupOrphans.js",{"path":399,"priority":395},"scripts/createComponentWithVariants.js",{"path":401,"priority":395},"scripts/createDocumentationPage.js",{"path":403,"priority":395},"scripts/createSemanticTokens.js",{"path":405,"priority":395},"scripts/createVariableCollection.js",{"path":407,"priority":395},"scripts/inspectFileStructure.js",{"path":409,"priority":395},"scripts/rehydrateState.js",{"path":411,"priority":395},"scripts/validateCreation.js",{"basePath":413,"description":414,"displayName":415,"installMethods":416,"rationale":417,"selectedPaths":418,"source":321,"sourceLanguage":254,"type":241},"skills/figma-use","**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.","figma-use",{"claudeCode":12},"SKILL.md frontmatter at skills/figma-use/SKILL.md",[419,420,422,424,426,428,430,432,434,436,438,440,442,444,446,448,450,452,454,456,458],{"path":330,"priority":298},{"path":421,"priority":303},"references/api-reference.md",{"path":423,"priority":303},"references/common-patterns.md",{"path":425,"priority":303},"references/component-patterns.md",{"path":427,"priority":303},"references/effect-style-patterns.md",{"path":429,"priority":303},"references/gotchas.md",{"path":431,"priority":303},"references/plugin-api-patterns.md",{"path":433,"priority":303},"references/plugin-api-standalone.d.ts",{"path":435,"priority":303},"references/plugin-api-standalone.index.md",{"path":437,"priority":303},"references/text-style-patterns.md",{"path":439,"priority":303},"references/validation-and-recovery.md",{"path":441,"priority":303},"references/variable-patterns.md",{"path":443,"priority":303},"references/working-with-design-systems/wwds-components--creating.md",{"path":445,"priority":303},"references/working-with-design-systems/wwds-components--using.md",{"path":447,"priority":303},"references/working-with-design-systems/wwds-components.md",{"path":449,"priority":303},"references/working-with-design-systems/wwds-effect-styles.md",{"path":451,"priority":303},"references/working-with-design-systems/wwds-text-styles.md",{"path":453,"priority":303},"references/working-with-design-systems/wwds-variables--creating.md",{"path":455,"priority":303},"references/working-with-design-systems/wwds-variables--using.md",{"path":457,"priority":303},"references/working-with-design-systems/wwds-variables.md",{"path":459,"priority":303},"references/working-with-design-systems/wwds.md",{"basePath":461,"description":462,"displayName":463,"installMethods":464,"rationale":465,"selectedPaths":466,"source":321,"sourceLanguage":254,"type":241},"skills/figma-use-figjam","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.","figma-use-figjam",{"claudeCode":12},"SKILL.md frontmatter at skills/figma-use-figjam/SKILL.md",[467,468,470,472,474,476,478,480,482,484,486,488,490,492],{"path":330,"priority":298},{"path":469,"priority":303},"references/batch-modify.md",{"path":471,"priority":303},"references/create-code-block.md",{"path":473,"priority":303},"references/create-connector.md",{"path":475,"priority":303},"references/create-label.md",{"path":477,"priority":303},"references/create-section.md",{"path":479,"priority":303},"references/create-shape-with-text.md",{"path":481,"priority":303},"references/create-sticky.md",{"path":483,"priority":303},"references/create-table.md",{"path":485,"priority":303},"references/create-text.md",{"path":487,"priority":303},"references/edit-text.md",{"path":489,"priority":303},"references/figjam-colors.md",{"path":491,"priority":303},"references/plan-board-content.md",{"path":493,"priority":303},"references/position-figjam-nodes.md",{"basePath":495,"description":496,"displayName":497,"installMethods":498,"rationale":499,"selectedPaths":500,"source":321,"sourceLanguage":254,"type":241},"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":12},"SKILL.md frontmatter at workflow-skills/generate-project-plan/SKILL.md",[501,502,504,506,508,510,512,514,516,518,520,522,524,526,528],{"path":330,"priority":298},{"path":503,"priority":303},"references/blocks/diagram-section.md",{"path":505,"priority":303},"references/blocks/intro-callout.md",{"path":507,"priority":303},"references/blocks/metadata-strip.md",{"path":509,"priority":303},"references/blocks/multi-column-text.md",{"path":511,"priority":303},"references/blocks/nested-section.md",{"path":513,"priority":303},"references/blocks/section.md",{"path":515,"priority":303},"references/blocks/sticky-column.md",{"path":517,"priority":303},"references/blocks/table.md",{"path":519,"priority":303},"references/blocks/text-primitives.md",{"path":521,"priority":303},"references/foundation/codebase-grounding.md",{"path":523,"priority":303},"references/foundation/layout.md",{"path":525,"priority":303},"references/foundation/palette.md",{"path":527,"priority":303},"references/foundation/plugin-api-traps.md",{"path":529,"priority":303},"references/section-catalog.md",{"basePath":253,"installMethods":531,"rationale":533,"selectedPaths":534,"source":321,"sourceLanguage":254,"type":261},{"remote":532},"https://mcp.figma.com/mcp","server.json with namespace/server name at server.json",[535,537],{"path":536,"priority":298},"server.json",{"path":300,"priority":298},{"sources":539},[540],"manual",{"closedIssues90d":8,"description":542,"forks":231,"homepage":543,"openIssues90d":8,"pushedAt":232,"readmeSize":229,"stars":233,"topics":544},"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":546,"discoverAt":547,"extractAt":548,"githubAt":548,"updatedAt":546},1778686847568,1778686843197,1778686845742,[214,213,211,210,216,212,215],{"evaluatedAt":551,"extractAt":278,"updatedAt":237},1778687010196,[],[554,583,610,630,657,686],{"_creationTime":555,"_id":556,"community":557,"display":558,"identity":564,"providers":569,"relations":575,"tags":578,"workflow":579},1778699366078.7817,"k173mj3k9wcdq512bp1532xkwx86nrh4",{"reviewCount":8},{"description":559,"installMethods":560,"name":562,"sourceUrl":563},"当工作依赖于用户实时浏览器会话或可见的渲染状态，而不是静态抓取时使用，尤其是在浏览器调试上下文或 DevTools 选择的元素或请求、登录仪表板或 CMS 流程、localhost 应用、上传、下载、媒体检查、DOM 或 iframe 检查、Shadow DOM，或看起来像软 404、身份验证墙、反机器人检查或速率限制的浏览器故障时。",{"claudeCode":561},"xixu-me/skills","使用我的浏览器","https://github.com/xixu-me/skills",{"basePath":565,"githubOwner":566,"githubRepo":567,"locale":18,"slug":568,"type":241},"skills/use-my-browser","xixu-me","skills","use-my-browser",{"evaluate":570,"extract":574},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":571,"targetMarket":266,"tier":217},[572,573,214,215,265],"browser","debugging",{"commitSha":268,"license":269},{"repoId":576,"translatedFrom":577},"kd77r2vb42jmgam0qbr9f2c6kn86mebv","k179cgk616p3xva37r5jqsfwvh86mcp2",[214,572,573,265,215],{"evaluatedAt":580,"extractAt":581,"updatedAt":582},1778699261239,1778699106670,1778699366078,{"_creationTime":584,"_id":585,"community":586,"display":587,"identity":593,"providers":597,"relations":603,"tags":606,"workflow":607},1778668208695.1426,"k177xnn65jm40ksxjy30q34rmh86mah9",{"reviewCount":8},{"description":588,"installMethods":589,"name":591,"sourceUrl":592},"Component consistency audit covering state coverage, hierarchy, patterns",{"claudeCode":590},"Aboudjem/ui-ux-suite","component-audit","https://github.com/Aboudjem/ui-ux-suite",{"basePath":594,"githubOwner":595,"githubRepo":596,"locale":254,"slug":591,"type":241},"skills/component-audit","Aboudjem","ui-ux-suite",{"evaluate":598,"extract":602},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":599,"targetMarket":266,"tier":217},[263,215,262,600,213,601],"audit","frontend",{"commitSha":268},{"parentExtensionId":604,"repoId":605},"k178zeec8jajqdrczrynw6x3fx86mm8h","kd75532596tdmk72j9k55b0qqn86n5et",[600,213,262,601,263,215],{"evaluatedAt":608,"extractAt":609,"updatedAt":608},1778669970573,1778668208695,{"_creationTime":611,"_id":612,"community":613,"display":614,"identity":618,"providers":620,"relations":626,"tags":627,"workflow":628},1778668208695.1445,"k172151wzg7h0b8j25hjm4024x86ngbp",{"reviewCount":8},{"description":615,"installMethods":616,"name":617,"sourceUrl":592},"Prioritized redesign action plan covering quick wins, medium effort, major rework",{"claudeCode":590},"refactor-plan",{"basePath":619,"githubOwner":595,"githubRepo":596,"locale":254,"slug":617,"type":241},"skills/refactor-plan",{"evaluate":621,"extract":625},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":622,"targetMarket":266,"tier":217},[211,215,600,623,624],"cli","javascript",{"commitSha":268,"license":269},{"parentExtensionId":604,"repoId":605},[600,623,211,624,215],{"evaluatedAt":629,"extractAt":609,"updatedAt":629},1778670100990,{"_creationTime":631,"_id":632,"community":633,"display":634,"identity":640,"providers":644,"relations":651,"tags":653,"workflow":654},1778697513812.0615,"k17eacppkyyfhscq04j2b8q3gs86nceg",{"reviewCount":8},{"description":635,"installMethods":636,"name":638,"sourceUrl":639},"Design system bootstrapping and token generation. Takes project context and outputs ready-to-use design tokens, Tailwind config, and CSS variables.",{"claudeCode":637},"spartan-stratos/spartan-ai-toolkit","design-intelligence","https://github.com/spartan-stratos/spartan-ai-toolkit",{"basePath":641,"githubOwner":642,"githubRepo":643,"locale":254,"slug":638,"type":241},".codex/skills/design-intelligence","spartan-stratos","spartan-ai-toolkit",{"evaluate":645,"extract":650},{"promptVersionExtension":203,"promptVersionScoring":204,"score":646,"tags":647,"targetMarket":266,"tier":217},98,[211,212,648,649,214,215],"tailwind","css",{"commitSha":268},{"repoId":652},"kd73rjj0rnrv7y0rz9qc3psn0586n75g",[214,649,211,648,212,215],{"evaluatedAt":655,"extractAt":656,"updatedAt":655},1778697710523,1778697513812,{"_creationTime":658,"_id":659,"community":660,"display":661,"identity":667,"providers":671,"relations":680,"tags":682,"workflow":683},1778696113180.814,"k1761rwsvz28qcfzrk4ckpacn186mz53",{"reviewCount":8},{"description":662,"installMethods":663,"name":665,"sourceUrl":666},"Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.",{"claudeCode":664},"rampstackco/claude-skills","Design System","https://github.com/rampstackco/claude-skills",{"basePath":668,"githubOwner":669,"githubRepo":670,"locale":254,"slug":211,"type":241},"skills/design-system","rampstackco","claude-skills",{"evaluate":672,"extract":679},{"promptVersionExtension":203,"promptVersionScoring":204,"score":646,"tags":673,"targetMarket":266,"tier":217},[211,674,675,676,677,210,678],"component-library","design-tokens","documentation","governance","storybook",{"commitSha":268,"license":269},{"repoId":681},"kd7bebccrrd1xf6w868aggftrd86m86v",[674,211,675,676,210,677,678],{"evaluatedAt":684,"extractAt":685,"updatedAt":684},1778696750206,1778696113180,{"_creationTime":687,"_id":688,"community":689,"display":690,"identity":694,"providers":697,"relations":704,"tags":706,"workflow":707},1778695021936.5566,"k177zpe71mwzhdxrdamjmw054s86mh5d",{"reviewCount":8},{"description":374,"installMethods":691,"name":13,"sourceUrl":693},{"claudeCode":692},"openai/skills","https://github.com/openai/skills",{"basePath":695,"githubOwner":696,"githubRepo":567,"locale":254,"slug":13,"type":241},"skills/.curated/figma-generate-library","openai",{"evaluate":698,"extract":703},{"promptVersionExtension":203,"promptVersionScoring":204,"score":259,"tags":699,"targetMarket":266,"tier":702},[210,211,214,700,701],"code-sync","figma-plugin-api","community",{"commitSha":268},{"repoId":705},"kd75n2zj3yh472p25zffgycved86mnpx",[214,700,211,210,701],{"evaluatedAt":708,"extractAt":709,"updatedAt":708},1778695165458,1778695021936]