[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-figma-figma-generate-library-de":3,"guides-for-figma-figma-generate-library":551,"similar-k17b90f4n30dn93fpbb763x3vx86n6qm-de":552},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":237,"isFallback":224,"parentExtension":241,"providers":279,"relations":283,"repo":285,"tags":548,"workflow":549},1778687181976.2522,"k17b90f4n30dn93fpbb763x3vx86n6qm",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"Erstellen oder aktualisieren Sie ein professionelles Designsystem in Figma aus einer Codebasis. Verwenden Sie dies, wenn der Benutzer Variablen/Tokens erstellen, Komponentenbibliotheken erstellen, Theming (helle/dunkle Modi) einrichten, Foundations dokumentieren oder Lücken zwischen Code und Figma abgleichen möchte. Diese Fähigkeit lehrt WAS gebaut werden soll und in WELCHER REIHENFOLGE — sie ergänzt die `figma-use`-Fähigkeit, die lehrt WIE die Plugin-API aufgerufen wird. Beide Fähigkeiten sollten zusammen geladen werden.",{"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":222,"workflow":235},1778687181976.2524,"kn70j2j12qzgsqyw5wghwkmr8586mtdd","de",{"checks":20,"evaluatedAt":190,"extensionSummary":191,"features":192,"nonGoals":198,"promptVersionExtension":202,"promptVersionScoring":203,"purpose":204,"rationale":205,"score":206,"summary":207,"tags":208,"tier":216,"useCases":217},[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,187],{"category":22,"check":23,"severity":24,"summary":25},"Praktischer Nutzen","Problemrelevanz","pass","Die Beschreibung gibt klar das Problem der Erstellung von Figma-Designsystemen aus Codebasen an und richtet sich an Benutzer, die Variablen und Komponenten erstellen und Theming verwalten möchten.",{"category":22,"check":27,"severity":24,"summary":28},"Alleinstellungsmerkmal","Diese Fähigkeit orchestriert komplexe mehrphasige Workflows zur Generierung von Designsystemen in Figma und geht über einen einfachen Wrapper hinaus, indem sie domänenspezifisches Wissen und eine Reihenfolge für zahlreiche `use_figma`-Aufrufe bereitstellt.",{"category":22,"check":30,"severity":24,"summary":31},"Produktionsreife","Die Fähigkeit bietet einen umfassenden, mehrphasigen Workflow mit klaren Benutzer-Checkpoints, detaillierten Anweisungen und robuster Zustandsverwaltung, der den vollständigen Lebenszyklus der Erstellung und Wartung von Designsystemen abdeckt.",{"category":33,"check":34,"severity":24,"summary":35},"Umfang","Single Responsibility Principle","Die Fähigkeit konzentriert sich ausschließlich auf die Orchestrierung der Erstellung und Aktualisierung von Figma-Designsystemen aus Codebasen, integriert sich eng mit der `figma-use`-Fähigkeit und vermeidet nicht verwandte Domänen.",{"category":33,"check":37,"severity":24,"summary":38},"Qualität der Beschreibung","Die angezeigte Beschreibung spiegelt den Zweck der Fähigkeit genau wider und umreißt klar ihr Wertversprechen und ihre ergänzende Beziehung zur `figma-use`-Fähigkeit.",{"category":40,"check":41,"severity":24,"summary":42},"Aufruf","Geltungsbereich Werkzeuge","Die Fähigkeit orchestriert Aufrufe an das `use_figma`-Werkzeug und hält sich an die Erwartung, spezifische, gut definierte Aktionen innerhalb der Figma API zu verwenden.",{"category":44,"check":45,"severity":24,"summary":46},"Dokumentation","Konfigurations- & Parameterreferenz","Die SKILL.md bietet umfangreiche Dokumentation zu Variablentypen, Geltungsbereichen, Codesyntax, Komponenteneigenschaften und Namenskonventionen mit klaren Beispielen für jede.",{"category":33,"check":48,"severity":24,"summary":49},"Werkzeugbenennung","Die Fähigkeit orchestriert hauptsächlich das `use_figma`-Werkzeug, und ihre internen Skripte verwenden klare, beschreibende Namen, die ihrer Funktionalität entsprechen.",{"category":33,"check":51,"severity":24,"summary":52},"Minimale I/O-Oberfläche","Die primäre Interaktion der Fähigkeit erfolgt über die skopierten Parameter des `use_figma`-Werkzeugs, und ihre internen Skripte verwalten den Zustand über pluginData und strukturierte Rückgabewerte, wodurch übermäßige Ausgaben minimiert werden.",{"category":54,"check":55,"severity":24,"summary":56},"Lizenz","Lizenznutzbarkeit","Die Erweiterung scheint unter einer permissiven Open-Source-Lizenz zu stehen, basierend auf ihrer Präsenz im Figma-Repository und typischen Open-Source-Praktiken.",{"category":58,"check":59,"severity":24,"summary":60},"Wartung","Aktualität der Commits","Das Repository zeigt aktuelle Commits innerhalb der letzten 3 Monate, was auf eine aktive Wartung hindeutet.",{"category":58,"check":62,"severity":63,"summary":64},"Abhängigkeitsverwaltung","not_applicable","Die Fähigkeit ist eine reine JavaScript-Implementierung, die innerhalb der Figma Plugin API arbeitet und keine externen Abhängigkeiten nutzt, die eine explizite Verwaltung erfordern würden.",{"category":66,"check":67,"severity":24,"summary":68},"Sicherheit","Geheimnisverwaltung","Die Fähigkeit arbeitet innerhalb der Figma Plugin API und verarbeitet oder exponiert keine Geheimnisse oder Anmeldeinformationen.",{"category":66,"check":70,"severity":24,"summary":71},"Injektion","Die Logik der Fähigkeit ist in ihren gebündelten Skripten in sich geschlossen und stützt sich auf die Figma API, die darauf ausgelegt ist, Benutzereingaben sicher zu verarbeiten. Sie lädt oder führt keine nicht vertrauenswürdigen Drittanbieterdaten aus.",{"category":66,"check":73,"severity":24,"summary":74},"Transitive Supply-Chain-Granaten","Die Fähigkeit arbeitet vollständig innerhalb der Figma Plugin API und ruft zur Laufzeit keinen externen Code oder Daten ab oder führt diese aus.",{"category":66,"check":76,"severity":24,"summary":77},"Sandbox-Isolation","Die Fähigkeit arbeitet innerhalb der Figma Plugin Sandbox-Umgebung und versucht nicht, auf Dateien außerhalb ihres zugewiesenen Geltungsbereichs zuzugreifen oder diese zu ändern.",{"category":66,"check":79,"severity":24,"summary":80},"Sandbox-Escape-Primitive","Die gebündelten Skripte enthalten keine Primitive, die zu Sandbox-Escapes führen könnten, wie z. B. getrennte Prozesse oder Wiederholungsschleifen.",{"category":66,"check":82,"severity":24,"summary":83},"Datenexfiltration","Die Fähigkeit arbeitet innerhalb der Figma Plugin API und führt keine ausgehenden Netzwerkanrufe durch oder übermittelt Benutzerdaten.",{"category":66,"check":85,"severity":24,"summary":86},"Versteckte Texttricks","Die gebündelten Markdown- und Skriptdateien enthalten keine versteckten Steuerungs Tricks, unsichtbaren Zeichen oder obfuskierten Inhalte.",{"category":66,"check":88,"severity":24,"summary":89},"Opaque Codeausführung","Alle gebündelten Skripte sind einfacher, lesbarer JavaScript-Code und beinhalten keine Obfuskation, Base64-Kodierung oder Codeabruf zur Laufzeit.",{"category":91,"check":92,"severity":24,"summary":93},"Portabilität","Strukturelle Annahme","Die Fähigkeit stützt sich auf Standardinteraktionen mit der Figma API und trifft keine Annahmen über die lokale Projektdateistruktur des Benutzers außerhalb der Figma-Umgebung.",{"category":95,"check":96,"severity":24,"summary":97},"Vertrauen","Aufmerksamkeit bei Problemen","Das Repository hat 0 offene und 0 geschlossene Issues in den letzten 90 Tagen, was entweder auf ein neues/stabiles Projekt oder seltene Probleme hindeutet.",{"category":99,"check":100,"severity":24,"summary":101},"Versionierung","Release-Management","Die Erweiterung hat eine aussagekräftige Commit-Historie und wird über Git verwaltet, ohne dass ein explizites Versionierungsschema wie Semver in Manifesten gefunden wurde, aber ohne Abhängigkeit von 'main' für die Installation.",{"category":103,"check":104,"severity":24,"summary":105},"Codeausführung","Validierung","Die Fähigkeit enthält ein `validateCreation`-Skript, das strukturelle Prüfungen an erstellten Knoten durchführt, Konsistenz gewährleistet und Fehler erfasst.",{"category":66,"check":107,"severity":24,"summary":108},"Ungeschützte destruktive Operationen","Die Fähigkeit konzentriert sich hauptsächlich auf die Erstellung und Aktualisierung in Figma, nicht auf destruktive Operationen; alle Änderungen sind Teil des Build-Prozesses des Designsystems und unterliegen Benutzer-Checkpoints.",{"category":103,"check":110,"severity":24,"summary":111},"Fehlerbehandlung","Die Skripte der Fähigkeit beinhalten eine robuste Fehlerbehandlung, prüfen auf Knotenexistenz, Variablenverfügbarkeit und Schriftartenladung und liefern spezifische Fehlermeldungen zur Fehlerbehebung.",{"category":103,"check":113,"severity":24,"summary":114},"Protokollierung","Die Fähigkeit nutzt `pluginData` und `sharedPluginData` für die Zustandsverwaltung und Idempotenzverfolgung, was als eine Form der Audit-Protokollierung für Build-Prozesse dient.",{"category":116,"check":117,"severity":24,"summary":118},"Compliance","DSGVO","Die Fähigkeit arbeitet innerhalb der Figma Plugin API und verarbeitet keine personenbezogenen Daten; alle Operationen sind auf die Figma-Dateistruktur und Tokenverwaltung beschränkt.",{"category":116,"check":120,"severity":24,"summary":121},"Zielmarkt","Die Funktionalität der Fähigkeit ist generisch für Figma-Dateivorgänge und die Erstellung von Designsystemen, ohne regionale oder gerichtliche Einschränkungen; sie ist global anwendbar.",{"category":91,"check":123,"severity":24,"summary":124},"Laufzeitstabilität","Die Fähigkeit stützt sich auf die Figma Plugin API und Standard-JavaScript und gewährleistet so eine breite Kompatibilität über unterstützte Figma-Clients und Betriebssysteme hinweg.",{"category":44,"check":126,"severity":24,"summary":127},"README","Die README.md bietet einen umfassenden Überblick über den Figma MCP Server, seine Funktionen, Installationsanweisungen und Best Practices für Prompting und Dateistruktur.",{"category":33,"check":129,"severity":24,"summary":130},"Größe der Werkzeugoberfläche","Die Fähigkeit orchestriert die Figma Plugin API-Werkzeuge und internen Skripte, wodurch die exponierte Oberfläche überschaubar und auf die Generierung von Designsystemen fokussiert bleibt.",{"category":40,"check":132,"severity":24,"summary":133},"Überlappende Nahezu-Synonym-Werkzeuge","Die Fähigkeit koordiniert eine spezifische Reihe von Operationen im Zusammenhang mit der Erstellung von Designsystemen in Figma und vermeidet redundante oder überlappende Werkzeugfunktionen.",{"category":44,"check":135,"severity":24,"summary":136},"Phantom-Funktionen","Alle beworbenen Funktionen im Zusammenhang mit der Erstellung von Designsystemen, Token-Management und Komponentenerstellung werden durch die gebündelten Skripte und Figma API-Interaktionen implementiert.",{"category":138,"check":139,"severity":24,"summary":140},"Installation","Installationsanleitung","Die README.md bietet klare, kopierbare Installations- und Setup-Anweisungen für mehrere Clients (VS Code, Cursor, Claude Code, Gemini CLI) und enthält Aufrufbeispiele.",{"category":142,"check":143,"severity":24,"summary":144},"Fehler","Umsetzbare Fehlermeldungen","Die Skripte der Fähigkeit liefern detaillierte Fehlermeldungen, die Kontext zum Fehler, mögliche Ursachen und Debugging-Schritte enthalten.",{"category":146,"check":147,"severity":63,"summary":148},"Ausführung","Angepinnte Abhängigkeiten","Die Fähigkeit ist eine in sich geschlossene JavaScript-Implementierung, die die Figma Plugin API verwendet und keine externen Abhängigkeiten hat, die angepinnt werden müssen.",{"category":33,"check":150,"severity":63,"summary":151},"Dry-Run-Vorschau","Die Fähigkeit operiert innerhalb der Erstellungs-/Update-Logik von Figma, und Benutzer-Checkpoints dienen als primärer Mechanismus für Vorschau und Genehmigung, anstelle eines spezifischen Dry-Run-Flags.",{"category":153,"check":154,"severity":24,"summary":155},"Protokoll","Idempotente Wiederholung & Timeouts","Die Fähigkeit nutzt `sharedPluginData` und `run_id`-Tagging für Idempotenz, was sichere Wiederholungen und Zustandsrekonstruktion ermöglicht, und ihre Operationen innerhalb von Figma sind im Allgemeinen atomar.",{"category":116,"check":157,"severity":63,"summary":158},"Telemetrie Opt-in","Die Fähigkeit sendet keine Telemetriedaten; alle ihre Operationen sind auf die Figma Plugin API und die lokale Dateiverarbeitung beschränkt.",{"category":40,"check":160,"severity":24,"summary":161},"Präziser Zweck","Die Beschreibung gibt klar an, dass die Fähigkeit Designsysteme in Figma aus Codebasen erstellt, sich an Benutzer richtet, die Variablen, Komponenten und Themensysteme erstellen möchten, und explizit die `figma-use`-Fähigkeit ergänzt.",{"category":40,"check":163,"severity":24,"summary":164},"Prägnantes Frontmatter","Das Frontmatter ist prägnant und fasst den Zweck der Fähigkeit effektiv zusammen, beschreibt ihre Rolle bei der Erstellung von Designsystemen und ihre Beziehung zu `figma-use`.",{"category":44,"check":166,"severity":24,"summary":167},"Prägnanter Textteil","Die SKILL.md ist gut strukturiert mit klaren Abschnitten und verweist auf externe Markdown-Dateien für detaillierte Verfahren, wodurch das Hauptdokument prägnant bleibt.",{"category":169,"check":170,"severity":24,"summary":171},"Kontext","Progressive Offenlegung","Die SKILL.md nutzt Verweise auf detaillierte Anleitungen (z. B. `references/component-creation.md`) für komplexe Themen und ermöglicht so eine progressive Offenlegung von Informationen.",{"category":169,"check":173,"severity":63,"summary":174},"Forked Exploration","Der Workflow der Fähigkeit beinhaltet keine tiefgreifende Erkundung oder Analyse externer Codebasen; sie operiert direkt auf der Figma-Dateistruktur über die Plugin API.",{"category":22,"check":176,"severity":24,"summary":177},"Anwendungsbeispiele","Die Dokumentation enthält zahlreiche detaillierte, sofort verwendbare JavaScript-Codebeispiele für verschiedene Aufgaben wie das Erstellen von Komponenten, Variablen und Dokumentationsseiten.",{"category":22,"check":179,"severity":24,"summary":180},"Randfälle","Die Dokumentation behandelt kritische Aspekte wie Idempotenz, Fehlerwiederherstellung, Grenzen von Variablenmodi, Fehler beim Laden von Schriftarten und Konventionen für die Benennung von Komponenten mit spezifischen Wiederherstellungsschritten.",{"category":103,"check":182,"severity":63,"summary":183},"Werkzeug-Fallback","Die Fähigkeit stützt sich hauptsächlich auf die Figma Plugin API und verweist nicht auf externe MCP-Server oder benutzerdefinierte Tools, die Fallbacks erfordern würden.",{"category":66,"check":185,"severity":24,"summary":186},"Abbruch bei unerwartetem Zustand","Die Skripte der Fähigkeit enthalten Idempotenzprüfungen und Fehlerbehandlungen, um die Ausführung bei unerwarteten Zuständen oder fehlenden Voraussetzungen abzubrechen und so Datenkorruption zu verhindern.",{"category":91,"check":188,"severity":24,"summary":189},"Skill-übergreifende Kopplung","Die Fähigkeit erwähnt explizit ihre Abhängigkeit von `figma-use`, aber ihre interne Logik ist in sich geschlossen und konzentriert sich auf Aufgaben der Designsystem-Erstellung.",1778687010076,"Diese Fähigkeit automatisiert den Prozess der Erstellung und Aktualisierung von Figma-Designsystemen aus Codebasen, einschließlich der Erstellung von Variablen, Komponenten, Stilen und Dokumentationsseiten, durch Orchestrierung von Aufrufen an die Figma Plugin API.",[193,194,195,196,197],"Erstellt Figma-Designsysteme aus Codebasen","Automatisiert die Erstellung von Variablen und Tokens","Generiert Komponenten-Sets mit Varianten und Eigenschaften","Erstellt Dokumentationsseiten für Foundations und Komponenten","Bietet detaillierte Muster für Fehlerbehebung und Idempotenz",[199,200,201],"Direkte Generierung von Code aus Figma-Designs (das ist die Aufgabe von `figma-use`)","Verwaltung von Figma-Dateiberechtigungen oder Benutzerzugriff","Durchführung von Aktionen außerhalb des Figma Plugin API-Sandboxes","3.0.0","4.4.0","Benutzern zu ermöglichen, professionelle Figma-Designsysteme systematisch zu erstellen, die mit ihrer Codebasis übereinstimmen, und alles von der Erstellung von Tokens bis zur Generierung von Komponentenvarianten und Dokumentation abzudecken.","Die Fähigkeit zeigt eine außergewöhnliche Dokumentationsqualität, robuste Fehlerbehandlung, umfassende Beispiele und eine starke Einhaltung der Best Practices der Figma API für die Erstellung von Designsystemen. Sie deckt effektiv Idempotenz, Zustandsverwaltung und Benutzer-Checkpoints ab.",100,"Eine Fähigkeit auf Expertenniveau zur Automatisierung der Figma-Designsystemerstellung mit umfangreicher Dokumentation und robuster Fehlerbehandlung.",[209,210,211,212,213,214,215],"figma","design-system","tokens","components","automation","ux","figma-plugin","verified",[218,219,220,221],"Erstellen eines neuen Designsystems in Figma basierend auf den Tokens und Komponenten einer Codebasis","Aktualisieren eines bestehenden Figma-Designsystems, um Codeänderungen abzugleichen","Generieren einer visuellen Dokumentation für Design-Tokens (Farben, Abstände, Typografie)","Standardisieren des Prozesses der Komponentenerstellung mit Variant-Matrizen und Eigenschaftsbindungen",{"codeQuality":223,"collectedAt":225,"documentation":226,"maintenance":229,"security":233,"testCoverage":234},{"hasLockfile":224},false,1778686999446,{"descriptionLength":227,"readmeSize":228},425,24576,{"closedIssues90d":8,"forks":230,"hasChangelog":224,"openIssues90d":8,"pushedAt":231,"stars":232},127,1778659272000,1409,{"hasNpmPackage":224,"smitheryVerified":224},{"hasCi":224,"hasTests":224},{"updatedAt":236},1778687181976,{"basePath":238,"githubOwner":209,"githubRepo":239,"locale":18,"slug":13,"type":240},"skills/figma-generate-library","mcp-server-guide","skill",{"_creationTime":242,"_id":243,"community":244,"display":245,"identity":251,"parentExtension":255,"providers":256,"relations":272,"tags":274,"workflow":275},1778686847756.4138,"k17fwrw2bg5z2mpmdtdsybp8t986mwe7",{"reviewCount":8},{"description":246,"installMethods":247,"name":250,"sourceUrl":14},"Plugin that includes the Figma MCP server and Skills for common workflows",{"claudeCode":209,"cursor":248,"geminiCli":249},"/add-plugin figma","gemini extensions install https://github.com/figma/mcp-server-guide","Figma MCP Server",{"basePath":252,"githubOwner":209,"githubRepo":239,"locale":253,"slug":239,"type":254},"","en","plugin",null,{"evaluate":257,"extract":266},{"promptVersionExtension":202,"promptVersionScoring":203,"score":258,"tags":259,"targetMarket":265,"tier":216},95,[209,260,261,262,263,264],"mcp","design","ui","code-connect","developer-tools","global",{"commitSha":267,"license":268,"plugin":269},"HEAD","MIT",{"mcpCount":8,"provider":270,"skillCount":271},"classify",7,{"repoId":273},"kd7d0zdmxx32hmcpg7qqv27da586m6xa",[263,261,264,209,260,262],{"evaluatedAt":276,"extractAt":277,"updatedAt":278},1778686867988,1778686847756,1778687292507,{"evaluate":280,"extract":282},{"promptVersionExtension":202,"promptVersionScoring":203,"score":206,"tags":281,"targetMarket":265,"tier":216},[209,210,211,212,213,214,215],{"commitSha":267},{"parentExtensionId":243,"repoId":273,"translatedFrom":284},"k175ecr7vr38vc0976trem43sd86mvk7",{"_creationTime":286,"_id":273,"identity":287,"providers":288,"workflow":544},1778686843197.7612,{"githubOwner":209,"githubRepo":239,"sourceUrl":14},{"classify":289,"discover":537,"github":540},{"commitSha":267,"extensions":290},[291,321,334,342,350,372,411,459,493,529],{"basePath":252,"description":246,"displayName":209,"installMethods":292,"rationale":293,"selectedPaths":294,"source":320,"sourceLanguage":253,"type":254},{"claudeCode":209},"plugin manifest at .claude-plugin/plugin.json (coalesced with duplicate plugin at .github/plugin)",[295,298,300,303,305,307,309,311,313,315,317],{"path":296,"priority":297},".claude-plugin/plugin.json","mandatory",{"path":299,"priority":297},"README.md",{"path":301,"priority":302},"skills/figma-code-connect/SKILL.md","medium",{"path":304,"priority":302},"skills/figma-create-new-file/SKILL.md",{"path":306,"priority":302},"skills/figma-generate-design/SKILL.md",{"path":308,"priority":302},"skills/figma-generate-diagram/SKILL.md",{"path":310,"priority":302},"skills/figma-generate-library/SKILL.md",{"path":312,"priority":302},"skills/figma-use/SKILL.md",{"path":314,"priority":302},"skills/figma-use-figjam/SKILL.md",{"path":316,"priority":297},".mcp.json",{"path":318,"priority":319},".cursor-plugin/plugin.json","high","rule",{"basePath":322,"description":323,"displayName":324,"installMethods":325,"rationale":326,"selectedPaths":327,"source":320,"sourceLanguage":253,"type":240},"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",[328,330,332],{"path":329,"priority":297},"SKILL.md",{"path":331,"priority":302},"references/advanced-patterns.md",{"path":333,"priority":302},"references/api.md",{"basePath":335,"description":336,"displayName":337,"installMethods":338,"rationale":339,"selectedPaths":340,"source":320,"sourceLanguage":253,"type":240},"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",[341],{"path":329,"priority":297},{"basePath":343,"description":344,"displayName":345,"installMethods":346,"rationale":347,"selectedPaths":348,"source":320,"sourceLanguage":253,"type":240},"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",[349],{"path":329,"priority":297},{"basePath":351,"description":352,"displayName":353,"installMethods":354,"rationale":355,"selectedPaths":356,"source":320,"sourceLanguage":253,"type":240},"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",[357,358,360,362,364,366,368,370],{"path":329,"priority":297},{"path":359,"priority":302},"references/architecture.md",{"path":361,"priority":302},"references/erd.md",{"path":363,"priority":302},"references/flowchart.md",{"path":365,"priority":302},"references/gantt.md",{"path":367,"priority":302},"references/sequence.md",{"path":369,"priority":302},"references/state.md",{"path":371,"priority":302},"references/workflow.md",{"basePath":238,"description":373,"displayName":13,"installMethods":374,"rationale":375,"selectedPaths":376,"source":320,"sourceLanguage":253,"type":240},"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",[377,378,380,382,384,386,388,390,392,395,397,399,401,403,405,407,409],{"path":329,"priority":297},{"path":379,"priority":302},"references/code-connect-setup.md",{"path":381,"priority":302},"references/component-creation.md",{"path":383,"priority":302},"references/discovery-phase.md",{"path":385,"priority":302},"references/documentation-creation.md",{"path":387,"priority":302},"references/error-recovery.md",{"path":389,"priority":302},"references/naming-conventions.md",{"path":391,"priority":302},"references/token-creation.md",{"path":393,"priority":394},"scripts/bindVariablesToComponent.js","low",{"path":396,"priority":394},"scripts/cleanupOrphans.js",{"path":398,"priority":394},"scripts/createComponentWithVariants.js",{"path":400,"priority":394},"scripts/createDocumentationPage.js",{"path":402,"priority":394},"scripts/createSemanticTokens.js",{"path":404,"priority":394},"scripts/createVariableCollection.js",{"path":406,"priority":394},"scripts/inspectFileStructure.js",{"path":408,"priority":394},"scripts/rehydrateState.js",{"path":410,"priority":394},"scripts/validateCreation.js",{"basePath":412,"description":413,"displayName":414,"installMethods":415,"rationale":416,"selectedPaths":417,"source":320,"sourceLanguage":253,"type":240},"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",[418,419,421,423,425,427,429,431,433,435,437,439,441,443,445,447,449,451,453,455,457],{"path":329,"priority":297},{"path":420,"priority":302},"references/api-reference.md",{"path":422,"priority":302},"references/common-patterns.md",{"path":424,"priority":302},"references/component-patterns.md",{"path":426,"priority":302},"references/effect-style-patterns.md",{"path":428,"priority":302},"references/gotchas.md",{"path":430,"priority":302},"references/plugin-api-patterns.md",{"path":432,"priority":302},"references/plugin-api-standalone.d.ts",{"path":434,"priority":302},"references/plugin-api-standalone.index.md",{"path":436,"priority":302},"references/text-style-patterns.md",{"path":438,"priority":302},"references/validation-and-recovery.md",{"path":440,"priority":302},"references/variable-patterns.md",{"path":442,"priority":302},"references/working-with-design-systems/wwds-components--creating.md",{"path":444,"priority":302},"references/working-with-design-systems/wwds-components--using.md",{"path":446,"priority":302},"references/working-with-design-systems/wwds-components.md",{"path":448,"priority":302},"references/working-with-design-systems/wwds-effect-styles.md",{"path":450,"priority":302},"references/working-with-design-systems/wwds-text-styles.md",{"path":452,"priority":302},"references/working-with-design-systems/wwds-variables--creating.md",{"path":454,"priority":302},"references/working-with-design-systems/wwds-variables--using.md",{"path":456,"priority":302},"references/working-with-design-systems/wwds-variables.md",{"path":458,"priority":302},"references/working-with-design-systems/wwds.md",{"basePath":460,"description":461,"displayName":462,"installMethods":463,"rationale":464,"selectedPaths":465,"source":320,"sourceLanguage":253,"type":240},"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",[466,467,469,471,473,475,477,479,481,483,485,487,489,491],{"path":329,"priority":297},{"path":468,"priority":302},"references/batch-modify.md",{"path":470,"priority":302},"references/create-code-block.md",{"path":472,"priority":302},"references/create-connector.md",{"path":474,"priority":302},"references/create-label.md",{"path":476,"priority":302},"references/create-section.md",{"path":478,"priority":302},"references/create-shape-with-text.md",{"path":480,"priority":302},"references/create-sticky.md",{"path":482,"priority":302},"references/create-table.md",{"path":484,"priority":302},"references/create-text.md",{"path":486,"priority":302},"references/edit-text.md",{"path":488,"priority":302},"references/figjam-colors.md",{"path":490,"priority":302},"references/plan-board-content.md",{"path":492,"priority":302},"references/position-figjam-nodes.md",{"basePath":494,"description":495,"displayName":496,"installMethods":497,"rationale":498,"selectedPaths":499,"source":320,"sourceLanguage":253,"type":240},"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",[500,501,503,505,507,509,511,513,515,517,519,521,523,525,527],{"path":329,"priority":297},{"path":502,"priority":302},"references/blocks/diagram-section.md",{"path":504,"priority":302},"references/blocks/intro-callout.md",{"path":506,"priority":302},"references/blocks/metadata-strip.md",{"path":508,"priority":302},"references/blocks/multi-column-text.md",{"path":510,"priority":302},"references/blocks/nested-section.md",{"path":512,"priority":302},"references/blocks/section.md",{"path":514,"priority":302},"references/blocks/sticky-column.md",{"path":516,"priority":302},"references/blocks/table.md",{"path":518,"priority":302},"references/blocks/text-primitives.md",{"path":520,"priority":302},"references/foundation/codebase-grounding.md",{"path":522,"priority":302},"references/foundation/layout.md",{"path":524,"priority":302},"references/foundation/palette.md",{"path":526,"priority":302},"references/foundation/plugin-api-traps.md",{"path":528,"priority":302},"references/section-catalog.md",{"basePath":252,"installMethods":530,"rationale":532,"selectedPaths":533,"source":320,"sourceLanguage":253,"type":260},{"remote":531},"https://mcp.figma.com/mcp","server.json with namespace/server name at server.json",[534,536],{"path":535,"priority":297},"server.json",{"path":299,"priority":297},{"sources":538},[539],"manual",{"closedIssues90d":8,"description":541,"forks":230,"homepage":542,"openIssues90d":8,"pushedAt":231,"readmeSize":228,"stars":232,"topics":543},"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":545,"discoverAt":546,"extractAt":547,"githubAt":547,"updatedAt":545},1778686847568,1778686843197,1778686845742,[213,212,210,209,215,211,214],{"evaluatedAt":550,"extractAt":277,"updatedAt":236},1778687010196,[],[553,582,609,629,656,685],{"_creationTime":554,"_id":555,"community":556,"display":557,"identity":563,"providers":568,"relations":574,"tags":577,"workflow":578},1778699368519.5344,"k17ab0jk30pqm4zejpk383w4dn86mj8t",{"reviewCount":8},{"description":558,"installMethods":559,"name":561,"sourceUrl":562},"Verwenden Sie dies, wenn die Arbeit von den Live-Browsersitzungs- oder gerenderten Zustand des Benutzers abhängt und nicht von statischen Abrufen, insbesondere für Browser-Debugging-Kontexte oder von DevTools ausgewählte Elemente oder Anfragen, angemeldeten Dashboards oder CMS-Flows, localhost-Apps, Formularen, Uploads, Downloads, Medieninspektion, DOM- oder iframe-Inspektion, Shadow DOM oder Browserfehlern, die wie Soft-404s, Authentifizierungswände, Anti-Bot-Prüfungen oder Ratenbegrenzungen aussehen.",{"claudeCode":560},"xixu-me/skills","Use My Browser","https://github.com/xixu-me/skills",{"basePath":564,"githubOwner":565,"githubRepo":566,"locale":18,"slug":567,"type":240},"skills/use-my-browser","xixu-me","skills","use-my-browser",{"evaluate":569,"extract":573},{"promptVersionExtension":202,"promptVersionScoring":203,"score":206,"tags":570,"targetMarket":265,"tier":216},[571,572,213,214,264],"browser","debugging",{"commitSha":267,"license":268},{"repoId":575,"translatedFrom":576},"kd77r2vb42jmgam0qbr9f2c6kn86mebv","k179cgk616p3xva37r5jqsfwvh86mcp2",[213,571,572,264,214],{"evaluatedAt":579,"extractAt":580,"updatedAt":581},1778699261239,1778699106670,1778699368519,{"_creationTime":583,"_id":584,"community":585,"display":586,"identity":592,"providers":596,"relations":602,"tags":605,"workflow":606},1778668208695.1426,"k177xnn65jm40ksxjy30q34rmh86mah9",{"reviewCount":8},{"description":587,"installMethods":588,"name":590,"sourceUrl":591},"Component consistency audit covering state coverage, hierarchy, patterns",{"claudeCode":589},"Aboudjem/ui-ux-suite","component-audit","https://github.com/Aboudjem/ui-ux-suite",{"basePath":593,"githubOwner":594,"githubRepo":595,"locale":253,"slug":590,"type":240},"skills/component-audit","Aboudjem","ui-ux-suite",{"evaluate":597,"extract":601},{"promptVersionExtension":202,"promptVersionScoring":203,"score":206,"tags":598,"targetMarket":265,"tier":216},[262,214,261,599,212,600],"audit","frontend",{"commitSha":267},{"parentExtensionId":603,"repoId":604},"k178zeec8jajqdrczrynw6x3fx86mm8h","kd75532596tdmk72j9k55b0qqn86n5et",[599,212,261,600,262,214],{"evaluatedAt":607,"extractAt":608,"updatedAt":607},1778669970573,1778668208695,{"_creationTime":610,"_id":611,"community":612,"display":613,"identity":617,"providers":619,"relations":625,"tags":626,"workflow":627},1778668208695.1445,"k172151wzg7h0b8j25hjm4024x86ngbp",{"reviewCount":8},{"description":614,"installMethods":615,"name":616,"sourceUrl":591},"Prioritized redesign action plan covering quick wins, medium effort, major rework",{"claudeCode":589},"refactor-plan",{"basePath":618,"githubOwner":594,"githubRepo":595,"locale":253,"slug":616,"type":240},"skills/refactor-plan",{"evaluate":620,"extract":624},{"promptVersionExtension":202,"promptVersionScoring":203,"score":206,"tags":621,"targetMarket":265,"tier":216},[210,214,599,622,623],"cli","javascript",{"commitSha":267,"license":268},{"parentExtensionId":603,"repoId":604},[599,622,210,623,214],{"evaluatedAt":628,"extractAt":608,"updatedAt":628},1778670100990,{"_creationTime":630,"_id":631,"community":632,"display":633,"identity":639,"providers":643,"relations":650,"tags":652,"workflow":653},1778697513812.0615,"k17eacppkyyfhscq04j2b8q3gs86nceg",{"reviewCount":8},{"description":634,"installMethods":635,"name":637,"sourceUrl":638},"Design system bootstrapping and token generation. Takes project context and outputs ready-to-use design tokens, Tailwind config, and CSS variables.",{"claudeCode":636},"spartan-stratos/spartan-ai-toolkit","design-intelligence","https://github.com/spartan-stratos/spartan-ai-toolkit",{"basePath":640,"githubOwner":641,"githubRepo":642,"locale":253,"slug":637,"type":240},".codex/skills/design-intelligence","spartan-stratos","spartan-ai-toolkit",{"evaluate":644,"extract":649},{"promptVersionExtension":202,"promptVersionScoring":203,"score":645,"tags":646,"targetMarket":265,"tier":216},98,[210,211,647,648,213,214],"tailwind","css",{"commitSha":267},{"repoId":651},"kd73rjj0rnrv7y0rz9qc3psn0586n75g",[213,648,210,647,211,214],{"evaluatedAt":654,"extractAt":655,"updatedAt":654},1778697710523,1778697513812,{"_creationTime":657,"_id":658,"community":659,"display":660,"identity":666,"providers":670,"relations":679,"tags":681,"workflow":682},1778696113180.814,"k1761rwsvz28qcfzrk4ckpacn186mz53",{"reviewCount":8},{"description":661,"installMethods":662,"name":664,"sourceUrl":665},"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":663},"rampstackco/claude-skills","Design System","https://github.com/rampstackco/claude-skills",{"basePath":667,"githubOwner":668,"githubRepo":669,"locale":253,"slug":210,"type":240},"skills/design-system","rampstackco","claude-skills",{"evaluate":671,"extract":678},{"promptVersionExtension":202,"promptVersionScoring":203,"score":645,"tags":672,"targetMarket":265,"tier":216},[210,673,674,675,676,209,677],"component-library","design-tokens","documentation","governance","storybook",{"commitSha":267,"license":268},{"repoId":680},"kd7bebccrrd1xf6w868aggftrd86m86v",[673,210,674,675,209,676,677],{"evaluatedAt":683,"extractAt":684,"updatedAt":683},1778696750206,1778696113180,{"_creationTime":686,"_id":687,"community":688,"display":689,"identity":693,"providers":696,"relations":703,"tags":705,"workflow":706},1778695021936.5566,"k177zpe71mwzhdxrdamjmw054s86mh5d",{"reviewCount":8},{"description":373,"installMethods":690,"name":13,"sourceUrl":692},{"claudeCode":691},"openai/skills","https://github.com/openai/skills",{"basePath":694,"githubOwner":695,"githubRepo":566,"locale":253,"slug":13,"type":240},"skills/.curated/figma-generate-library","openai",{"evaluate":697,"extract":702},{"promptVersionExtension":202,"promptVersionScoring":203,"score":258,"tags":698,"targetMarket":265,"tier":701},[209,210,213,699,700],"code-sync","figma-plugin-api","community",{"commitSha":267},{"repoId":704},"kd75n2zj3yh472p25zffgycved86mnpx",[213,699,210,209,700],{"evaluatedAt":707,"extractAt":708,"updatedAt":707},1778695165458,1778695021936]