[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-figma-figma-code-connect-de":3,"guides-for-figma-figma-code-connect":550,"similar-k17748qxpzxjxdepa25k0wsc6s86mz3v-de":551},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":237,"isFallback":224,"parentExtension":241,"providers":278,"relations":282,"repo":284,"tags":547,"workflow":548},1778687110841.9617,"k17748qxpzxjxdepa25k0wsc6s86mz3v",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"Erstellt und pflegt Figma Code Connect-Vorlagendateien, die Figma-Komponenten mit Code-Snippets verknüpfen. Verwenden Sie dies, wenn der Benutzer Code Connect, die Zuordnung von Figma-Komponenten, die Design-zu-Code-Übersetzung erwähnt oder darum bittet, `.figma.ts`- oder `.figma.js`-Dateien zu erstellen/aktualisieren.",{"claudeCode":12},"figma/mcp-server-guide","figma-code-connect","https://github.com/figma/mcp-server-guide",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":222,"workflow":235},1778687110841.962,"kn788nzgepmks7mqhrva8bcsg586nbhh","de",{"checks":20,"evaluatedAt":191,"extensionSummary":192,"features":193,"nonGoals":200,"promptVersionExtension":205,"promptVersionScoring":206,"purpose":207,"rationale":208,"score":209,"summary":210,"tags":211,"tier":217,"useCases":218},[21,26,29,32,36,39,43,47,50,53,57,61,65,69,72,75,78,81,84,87,91,95,99,103,107,110,114,117,121,124,127,130,133,136,139,143,147,150,153,157,160,163,166,169,173,176,179,182,185,188],{"category":22,"check":23,"severity":24,"summary":25},"Praktischer Nutzen","Problemrelevanz","pass","Die Beschreibung gibt klar das Problem der Erstellung und Pflege von Figma Code Connect-Vorlagendateien zur Zuordnung von Komponenten zu Code-Snippets an und deckt einen spezifischen Benutzerbedarf ab.",{"category":22,"check":27,"severity":24,"summary":28},"Alleinstellungsmerkmal","Die Fähigkeit bietet einen strukturierten Workflow zur Generierung von Code Connect-Vorlagendateien, der über grundlegende LLM-Funktionen hinausgeht, indem spezifisch Figma-URLs analysiert, Komponenten identifiziert, Eigenschaften abgerufen und Vorlagencode generiert werden.",{"category":22,"check":30,"severity":24,"summary":31},"Produktionsreife","Die Fähigkeit deckt den gesamten Lebenszyklus von der Analyse von Figma-URLs bis zur Erstellung und Validierung von `.figma.ts`-Dateien ab, einschließlich der Handhabung von Voraussetzungen und Komponenten-Mappings, was sie produktionsreif macht.",{"category":33,"check":34,"severity":24,"summary":35},"Umfang","Prinzip der einzigen Verantwortung","Die Fähigkeit konzentriert sich ausschließlich auf die Erstellung und Pflege von Figma Code Connect-Vorlagendateien und hält sich an das Prinzip der einzigen Verantwortung.",{"category":33,"check":37,"severity":24,"summary":38},"Qualität der Beschreibung","Die angezeigte Beschreibung spiegelt genau die Funktionalität der Fähigkeit zur Erstellung und Pflege von Figma Code Connect-Vorlagendateien wider und gibt klare Nutzungstrigger an.",{"category":40,"check":41,"severity":24,"summary":42},"Aufruf","Geltungsbereich von Werkzeugen","Die Fähigkeit verwendet spezifische MCP-Werkzeuge wie `get_code_connect_suggestions` und `get_context_for_code_connect`, die enge Verb-Nomen-Spezialisten sind, anstatt eines einzelnen Generalisten-Werkzeugs.",{"category":44,"check":45,"severity":24,"summary":46},"Dokumentation","Konfigurations- & Parameterreferenz","Alle notwendigen Parameter, Werkzeugaufrufe und Mapping-Methoden für Eigenschaften sind in der SKILL.md-Datei klar dokumentiert, einschließlich expliziter Beispiele.",{"category":33,"check":48,"severity":24,"summary":49},"Benennung von Werkzeugen","Die von der Fähigkeit verwendeten Werkzeuge, wie `get_code_connect_suggestions` und `get_context_for_code_connect`, sind beschreibend benannt und domainspezifisch.",{"category":33,"check":51,"severity":24,"summary":52},"Minimale I/O-Oberfläche","Die Interaktionen der Fähigkeit mit MCP-Werkzeugen sind spezifisch, wobei nur notwendige Daten wie Dateischlüssel und Knoten-IDs angefordert werden, und die generierte Ausgabe ist eine strukturierte Vorlagendatei.",{"category":54,"check":55,"severity":24,"summary":56},"Lizenz","Lizenznutzbarkeit","Das Repository verwendet die MIT-Lizenz, eine permissive Open-Source-Lizenz, und ist eindeutig angegeben.",{"category":58,"check":59,"severity":24,"summary":60},"Wartung","Aktualität der Commits","Der letzte Commit war am 2026-05-13, was aktuell ist und auf aktive Wartung hindeutet.",{"category":58,"check":62,"severity":63,"summary":64},"Abhängigkeitsverwaltung","not_applicable","Es wurden keine Drittanbieterabhängigkeiten erkannt, die eine explizite Verwaltung erfordern.",{"category":66,"check":67,"severity":63,"summary":68},"Sicherheit","Geheimnisverwaltung","Die Fähigkeit verarbeitet oder erfordert keine Geheimnisse.",{"category":66,"check":70,"severity":24,"summary":71},"Injection","Die Fähigkeit arbeitet mit strukturierten Daten von Figma und generiert Code-Vorlagen; sie lädt oder führt keine nicht vertrauenswürdigen Drittanbieterdaten aus.",{"category":66,"check":73,"severity":24,"summary":74},"Transitive Lieferketten-Granaten","Die Fähigkeit ruft zur Laufzeit keine externen Dateien ab oder führt keinen beliebigen Code von Remote-Quellen aus.",{"category":66,"check":76,"severity":24,"summary":77},"Sandbox-Isolation","Die Operationen der Fähigkeit sind auf die Generierung von Code-Dateien und die Interaktion mit spezifischen MCP-Werkzeugen beschränkt; sie modifiziert keine Dateien außerhalb ihres beabsichtigten Umfangs.",{"category":66,"check":79,"severity":24,"summary":80},"Sandbox-Flucht-Primitive","Es wurden keine getrennten Prozessaufrufe oder Deny-Retry-Schleifen in der Logik der Fähigkeit gefunden.",{"category":66,"check":82,"severity":24,"summary":83},"Datenexfiltration","Die Fähigkeit liest oder übermittelt keine vertraulichen Daten an Dritte; ihre Operationen konzentrieren sich auf Designdaten und Code-Generierung.",{"category":66,"check":85,"severity":24,"summary":86},"Versteckte Text-Tricks","Der gebündelte Inhalt ist frei von versteckten Steuerungs-Tricks, und die Beschreibungen sind sauber.",{"category":88,"check":89,"severity":24,"summary":90},"Hooks","Undurchsichtige Codeausführung","Die Logik der Fähigkeit ist in klarem, lesbarem TypeScript in der SKILL.md-Datei bereitgestellt und beinhaltet keine Verschleierung oder Code-Abruf zur Laufzeit.",{"category":92,"check":93,"severity":24,"summary":94},"Portabilität","Strukturelle Annahme","Die Fähigkeit geht von Standardprojektstrukturen für die Platzierung von Vorlagendateien aus und stützt sich auf Standard-Figma-URLs, mit klarer Dokumentation der Voraussetzungen.",{"category":96,"check":97,"severity":24,"summary":98},"Vertrauen","Aufmerksamkeit bei Problemen","Es gibt 0 offene und 0 geschlossene Probleme in den letzten 90 Tagen, was auf keine aktuelle Beteiligung, aber auch auf keine ungelösten Probleme hindeutet.",{"category":100,"check":101,"severity":24,"summary":102},"Versionierung","Release-Management","Das Repository hat eine klare Commit-Historie, und die Installationsanweisungen verweisen auf spezifische Methoden wie `claude plugin install figma@claude-plugins-official`, was auf Versionierung hindeutet.",{"category":104,"check":105,"severity":24,"summary":106},"Ausführung","Validierung","Die SKILL.md beschreibt spezifische Methoden zur Extraktion und zum Mapping von Eigenschaften, was auf eine strukturierte Validierung von Figma-Daten vor der Code-Generierung hindeutet.",{"category":66,"check":108,"severity":24,"summary":109},"Ungeschützte destruktive Operationen","Die Hauptfunktion der Fähigkeit ist die Erstellung von Dateien, was eine konstruktive Operation ist und nicht durch Bestätigungsschritte geschützt wird.",{"category":111,"check":112,"severity":24,"summary":113},"Codeausführung","Fehlerbehandlung","Die SKILL.md dokumentiert Fehlerfälle und Wiederherstellungsschritte für verschiedene Szenarien, wie z. B. nicht veröffentlichte Komponenten oder URLs ohne node-ids.",{"category":111,"check":115,"severity":63,"summary":116},"Protokollierung","Die Fähigkeit generiert Dateien und führt keine destruktiven Aktionen oder ausgehenden Aufrufe durch, die eine lokale Audit-Protokollierung erfordern würden.",{"category":118,"check":119,"severity":63,"summary":120},"Compliance","DSGVO","Die Fähigkeit arbeitet mit Designdaten und Code, nicht mit persönlichen Daten.",{"category":118,"check":122,"severity":24,"summary":123},"Zielmarkt","Die Fähigkeit konzentriert sich auf Figma und Code-Generierung, ohne regionale oder rechtliche Einschränkungen; der Zielmarkt ist global.",{"category":92,"check":125,"severity":24,"summary":126},"Laufzeitstabilität","Die Fähigkeit stützt sich auf Standard-JavaScript/TypeScript und MCP-Werkzeuge mit klar dokumentierten Voraussetzungen, was eine breite Kompatibilität gewährleistet.",{"category":44,"check":128,"severity":24,"summary":129},"README","Die README.md bietet einen umfassenden Überblick über den Figma MCP-Server, Installation, Werkzeuge und Best Practices und ergänzt die SKILL.md.",{"category":33,"check":131,"severity":24,"summary":132},"Größe der Werkzeugoberfläche","Die Fähigkeit interagiert hauptsächlich mit wenigen Kern-MCP-Werkzeugen (`get_code_connect_suggestions`, `get_context_for_code_connect`) und hält die Werkzeugoberfläche fokussiert.",{"category":40,"check":134,"severity":24,"summary":135},"Überlappende Nahe-Synonym-Werkzeuge","Die Fähigkeit verwendet unterschiedliche MCP-Werkzeuge für spezifische Zwecke und vermeidet redundante oder überlappende Funktionalität.",{"category":44,"check":137,"severity":24,"summary":138},"Phantom-Funktionen","Alle in der SKILL.md und README beschriebenen Funktionen, wie die Erstellung von Code Connect-Dateien und die Analyse von Figma-URLs, haben entsprechende Implementierungen.",{"category":140,"check":141,"severity":24,"summary":142},"Installation","Installationsanweisung","Installationsanweisungen sind für verschiedene Clients (VS Code, Cursor, Claude Code, Gemini CLI) klar mit kopierbaren Befehlen und Konfigurationen angegeben.",{"category":144,"check":145,"severity":24,"summary":146},"Fehler","Handlungsfähige Fehlermeldungen","Die SKILL.md beschreibt spezifische Fehlerfälle (z. B. fehlende node-id, nicht veröffentlichte Komponenten) und gibt klare Behebungsschritte an.",{"category":104,"check":148,"severity":63,"summary":149},"Angepinnte Abhängigkeiten","Die Fähigkeit basiert hauptsächlich auf Logik und bündelt keine Skripte mit externen Abhängigkeiten, die angepinnt werden müssten.",{"category":33,"check":151,"severity":63,"summary":152},"Testlauf-Vorschau","Die Fähigkeit generiert Vorlagendateien und führt keine zustandsverändernden Operationen durch oder sendet Daten nach außen, die einen Testlaufmodus erfordern würden.",{"category":154,"check":155,"severity":63,"summary":156},"Protokoll","Idempotentes Wiederholen & Timeouts","Die Operationen der Fähigkeit sind Dateigenerierung und Werkzeugaufrufe, keine zustandsverändernden Remote-Operationen, die Idempotenz oder Timeouts erfordern.",{"category":118,"check":158,"severity":63,"summary":159},"Telemetrie-Opt-in","Die Fähigkeit gibt keine Telemetriedaten aus.",{"category":40,"check":161,"severity":24,"summary":162},"Präziser Zweck","Der Zweck der Fähigkeit ist präzise als Erstellung und Pflege von Figma Code Connect-Vorlagendateien zur Zuordnung von Komponenten definiert, mit klaren Triggern und Grenzen.",{"category":40,"check":164,"severity":24,"summary":165},"Prägnantes Frontmatter","Das Frontmatter der SKILL.md ist prägnant und in sich geschlossen, fasst die Kernfunktionalität zusammen und liefert Trigger-Phrasen.",{"category":44,"check":167,"severity":24,"summary":168},"Prägnanter Textkörper","Die SKILL.md ist gut strukturiert und liegt unter der Grenze von ca. 500 Zeilen, wobei tiefere Materialien in Referenzdateien ausgelagert werden.",{"category":170,"check":171,"severity":24,"summary":172},"Kontext","Progressive Offenlegung","Die SKILL.md beschreibt den Workflow und verlinkt zu detaillierten API-Referenzen und fortgeschrittenen Mustern, was eine progressive Offenlegung zeigt.",{"category":170,"check":174,"severity":63,"summary":175},"Verzweigte Erkundung","Die Fähigkeit beinhaltet keine tiefgreifende Erkundung oder mehrdateiliche Inspektion, die von `context: fork` profitieren würde.",{"category":22,"check":177,"severity":24,"summary":178},"Anwendungsbeispiele","Die SKILL.md bietet ein vollständiges durchgängiges Beispiel, das den gesamten Prozess von der URL-Analyse bis zur Vorlagenerstellung demonstriert.",{"category":22,"check":180,"severity":24,"summary":181},"Randfälle","Die SKILL.md behandelt Randfälle wie nicht veröffentlichte Komponenten, ungültige URLs und fehlende Zuordnungen mit dokumentierten Wiederherstellungsschritten.",{"category":111,"check":183,"severity":63,"summary":184},"Werkzeug-Fallback","Die Fähigkeit stützt sich auf gebündelte Logik und MCP-Werkzeuge, nicht auf externe optionale Werkzeuge mit Fallbacks.",{"category":66,"check":186,"severity":24,"summary":187},"Halt bei unerwartetem Zustand","Die SKILL.md weist den Benutzer an, anzuhalten und ihn über Probleme wie nicht veröffentlichte Komponenten oder ungültige URLs zu informieren, und stoppt den Workflow bei unerwarteten Zuständen.",{"category":92,"check":189,"severity":24,"summary":190},"Kreuzfähigkeits-Kopplung","Die Fähigkeit ist in sich geschlossen und stützt sich nicht implizit auf andere Fähigkeiten; ihre Funktionalität ist klar innerhalb ihres Umfangs definiert.",1778686901644,"Diese Fähigkeit automatisiert die Erstellung und Pflege von Figma Code Connect-Vorlagendateien (`.figma.ts`), indem Figma-URLs analysiert, Komponenten identifiziert, ihre Eigenschaften abgerufen und sie mit Code-Snippets aus der Codebasis des Benutzers abgeglichen werden.",[194,195,196,197,198,199],"Erstellt Figma Code Connect-Vorlagendateien (`.figma.ts`)","Analysiert Figma-URLs, um Dateischlüssel und Knoten-IDs zu extrahieren","Identifiziert nicht zugeordnete Figma-Komponenten mithilfe von MCP-Werkzeugen","Ruft Komponenteneigenschaften ab (TEXT, BOOLEAN, VARIANT, INSTANCE_SWAP, SLOT)","Durchsucht die Codebasis nach übereinstimmenden Codekomponenten","Generiert eine Vorlagenstruktur mit Code-Snippets und Importen",[201,202,203,204],"Erstellung oder Aktualisierung von `.figma.tsx`-Dateien, die `figma.connect()` verwenden.","Verarbeitung von Figma-Komponenten, die nicht in einer Team-Bibliothek veröffentlicht wurden.","Bereitstellung der Code Connect-Funktionalität für kostenlose oder professionelle Figma-Pläne.","Generierung von Code-Snippets direkt aus Figma, ohne eine `.figma.ts`-Vorlagendatei zu erstellen.","3.0.0","4.4.0","Um den Design-zu-Code-Prozess zu optimieren, indem die automatische Generierung von genauen und wartbaren Figma Code Connect-Vorlagendateien ermöglicht wird, wodurch die Konsistenz zwischen Designs und Code gewährleistet wird.","Die Fähigkeit ist außergewöhnlich gut dokumentiert und robust, mit umfassender Abdeckung aller Prüfungen. Die einzigen Ergebnisse sind 'nicht anwendbar' aufgrund der Art der Fähigkeit, was auf keine Verbesserungsmöglichkeiten innerhalb ihres definierten Umfangs hinweist.",98,"Qualitativ hochwertige Fähigkeit zur Generierung von Figma Code Connect-Vorlagendateien mit ausgezeichneter Dokumentation und klarer Nützlichkeit.",[212,213,214,215,216],"figma","code-connect","design-to-code","typescript","automation","verified",[219,220,221],"Wenn ein Benutzer `.figma.ts`-Dateien zur Zuordnung von Figma-Komponenten zu Code erstellen oder aktualisieren muss.","Wenn ein Benutzer Code Connect, die Zuordnung von Figma-Komponenten oder die Design-zu-Code-Übersetzung erwähnt.","Zur Automatisierung des Prozesses der Verbindung von Figma-Designs mit vorhandenen Codekomponenten für eine bessere Konsistenz.",{"codeQuality":223,"collectedAt":225,"documentation":226,"maintenance":229,"security":233,"testCoverage":234},{"hasLockfile":224},false,1778686882631,{"descriptionLength":227,"readmeSize":228},248,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},1778687110842,{"basePath":238,"githubOwner":212,"githubRepo":239,"locale":18,"slug":13,"type":240},"skills/figma-code-connect","mcp-server-guide","skill",{"_creationTime":242,"_id":243,"community":244,"display":245,"identity":251,"parentExtension":255,"providers":256,"relations":271,"tags":273,"workflow":274},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":212,"cursor":248,"geminiCli":249},"/add-plugin figma","gemini extensions install https://github.com/figma/mcp-server-guide","Figma MCP Server",{"basePath":252,"githubOwner":212,"githubRepo":239,"locale":253,"slug":239,"type":254},"","en","plugin",null,{"evaluate":257,"extract":265},{"promptVersionExtension":205,"promptVersionScoring":206,"score":258,"tags":259,"targetMarket":264,"tier":217},95,[212,260,261,262,213,263],"mcp","design","ui","developer-tools","global",{"commitSha":266,"license":267,"plugin":268},"HEAD","MIT",{"mcpCount":8,"provider":269,"skillCount":270},"classify",7,{"repoId":272},"kd7d0zdmxx32hmcpg7qqv27da586m6xa",[213,261,263,212,260,262],{"evaluatedAt":275,"extractAt":276,"updatedAt":277},1778686867988,1778686847756,1778687292507,{"evaluate":279,"extract":281},{"promptVersionExtension":205,"promptVersionScoring":206,"score":209,"tags":280,"targetMarket":264,"tier":217},[212,213,214,215,216],{"commitSha":266},{"parentExtensionId":243,"repoId":272,"translatedFrom":283},"k172zsq3ajrv0z7phy4xeawaq186m6y2",{"_creationTime":285,"_id":272,"identity":286,"providers":287,"workflow":543},1778686843197.7612,{"githubOwner":212,"githubRepo":239,"sourceUrl":14},{"classify":288,"discover":536,"github":539},{"commitSha":266,"extensions":289},[290,320,331,339,347,369,410,458,492,528],{"basePath":252,"description":246,"displayName":212,"installMethods":291,"rationale":292,"selectedPaths":293,"source":319,"sourceLanguage":253,"type":254},{"claudeCode":212},"plugin manifest at .claude-plugin/plugin.json (coalesced with duplicate plugin at .github/plugin)",[294,297,299,302,304,306,308,310,312,314,316],{"path":295,"priority":296},".claude-plugin/plugin.json","mandatory",{"path":298,"priority":296},"README.md",{"path":300,"priority":301},"skills/figma-code-connect/SKILL.md","medium",{"path":303,"priority":301},"skills/figma-create-new-file/SKILL.md",{"path":305,"priority":301},"skills/figma-generate-design/SKILL.md",{"path":307,"priority":301},"skills/figma-generate-diagram/SKILL.md",{"path":309,"priority":301},"skills/figma-generate-library/SKILL.md",{"path":311,"priority":301},"skills/figma-use/SKILL.md",{"path":313,"priority":301},"skills/figma-use-figjam/SKILL.md",{"path":315,"priority":296},".mcp.json",{"path":317,"priority":318},".cursor-plugin/plugin.json","high","rule",{"basePath":238,"description":321,"displayName":13,"installMethods":322,"rationale":323,"selectedPaths":324,"source":319,"sourceLanguage":253,"type":240},"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":12},"SKILL.md frontmatter at skills/figma-code-connect/SKILL.md",[325,327,329],{"path":326,"priority":296},"SKILL.md",{"path":328,"priority":301},"references/advanced-patterns.md",{"path":330,"priority":301},"references/api.md",{"basePath":332,"description":333,"displayName":334,"installMethods":335,"rationale":336,"selectedPaths":337,"source":319,"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",[338],{"path":326,"priority":296},{"basePath":340,"description":341,"displayName":342,"installMethods":343,"rationale":344,"selectedPaths":345,"source":319,"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",[346],{"path":326,"priority":296},{"basePath":348,"description":349,"displayName":350,"installMethods":351,"rationale":352,"selectedPaths":353,"source":319,"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",[354,355,357,359,361,363,365,367],{"path":326,"priority":296},{"path":356,"priority":301},"references/architecture.md",{"path":358,"priority":301},"references/erd.md",{"path":360,"priority":301},"references/flowchart.md",{"path":362,"priority":301},"references/gantt.md",{"path":364,"priority":301},"references/sequence.md",{"path":366,"priority":301},"references/state.md",{"path":368,"priority":301},"references/workflow.md",{"basePath":370,"description":371,"displayName":372,"installMethods":373,"rationale":374,"selectedPaths":375,"source":319,"sourceLanguage":253,"type":240},"skills/figma-generate-library","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.","figma-generate-library",{"claudeCode":12},"SKILL.md frontmatter at skills/figma-generate-library/SKILL.md",[376,377,379,381,383,385,387,389,391,394,396,398,400,402,404,406,408],{"path":326,"priority":296},{"path":378,"priority":301},"references/code-connect-setup.md",{"path":380,"priority":301},"references/component-creation.md",{"path":382,"priority":301},"references/discovery-phase.md",{"path":384,"priority":301},"references/documentation-creation.md",{"path":386,"priority":301},"references/error-recovery.md",{"path":388,"priority":301},"references/naming-conventions.md",{"path":390,"priority":301},"references/token-creation.md",{"path":392,"priority":393},"scripts/bindVariablesToComponent.js","low",{"path":395,"priority":393},"scripts/cleanupOrphans.js",{"path":397,"priority":393},"scripts/createComponentWithVariants.js",{"path":399,"priority":393},"scripts/createDocumentationPage.js",{"path":401,"priority":393},"scripts/createSemanticTokens.js",{"path":403,"priority":393},"scripts/createVariableCollection.js",{"path":405,"priority":393},"scripts/inspectFileStructure.js",{"path":407,"priority":393},"scripts/rehydrateState.js",{"path":409,"priority":393},"scripts/validateCreation.js",{"basePath":411,"description":412,"displayName":413,"installMethods":414,"rationale":415,"selectedPaths":416,"source":319,"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",[417,418,420,422,424,426,428,430,432,434,436,438,440,442,444,446,448,450,452,454,456],{"path":326,"priority":296},{"path":419,"priority":301},"references/api-reference.md",{"path":421,"priority":301},"references/common-patterns.md",{"path":423,"priority":301},"references/component-patterns.md",{"path":425,"priority":301},"references/effect-style-patterns.md",{"path":427,"priority":301},"references/gotchas.md",{"path":429,"priority":301},"references/plugin-api-patterns.md",{"path":431,"priority":301},"references/plugin-api-standalone.d.ts",{"path":433,"priority":301},"references/plugin-api-standalone.index.md",{"path":435,"priority":301},"references/text-style-patterns.md",{"path":437,"priority":301},"references/validation-and-recovery.md",{"path":439,"priority":301},"references/variable-patterns.md",{"path":441,"priority":301},"references/working-with-design-systems/wwds-components--creating.md",{"path":443,"priority":301},"references/working-with-design-systems/wwds-components--using.md",{"path":445,"priority":301},"references/working-with-design-systems/wwds-components.md",{"path":447,"priority":301},"references/working-with-design-systems/wwds-effect-styles.md",{"path":449,"priority":301},"references/working-with-design-systems/wwds-text-styles.md",{"path":451,"priority":301},"references/working-with-design-systems/wwds-variables--creating.md",{"path":453,"priority":301},"references/working-with-design-systems/wwds-variables--using.md",{"path":455,"priority":301},"references/working-with-design-systems/wwds-variables.md",{"path":457,"priority":301},"references/working-with-design-systems/wwds.md",{"basePath":459,"description":460,"displayName":461,"installMethods":462,"rationale":463,"selectedPaths":464,"source":319,"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",[465,466,468,470,472,474,476,478,480,482,484,486,488,490],{"path":326,"priority":296},{"path":467,"priority":301},"references/batch-modify.md",{"path":469,"priority":301},"references/create-code-block.md",{"path":471,"priority":301},"references/create-connector.md",{"path":473,"priority":301},"references/create-label.md",{"path":475,"priority":301},"references/create-section.md",{"path":477,"priority":301},"references/create-shape-with-text.md",{"path":479,"priority":301},"references/create-sticky.md",{"path":481,"priority":301},"references/create-table.md",{"path":483,"priority":301},"references/create-text.md",{"path":485,"priority":301},"references/edit-text.md",{"path":487,"priority":301},"references/figjam-colors.md",{"path":489,"priority":301},"references/plan-board-content.md",{"path":491,"priority":301},"references/position-figjam-nodes.md",{"basePath":493,"description":494,"displayName":495,"installMethods":496,"rationale":497,"selectedPaths":498,"source":319,"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",[499,500,502,504,506,508,510,512,514,516,518,520,522,524,526],{"path":326,"priority":296},{"path":501,"priority":301},"references/blocks/diagram-section.md",{"path":503,"priority":301},"references/blocks/intro-callout.md",{"path":505,"priority":301},"references/blocks/metadata-strip.md",{"path":507,"priority":301},"references/blocks/multi-column-text.md",{"path":509,"priority":301},"references/blocks/nested-section.md",{"path":511,"priority":301},"references/blocks/section.md",{"path":513,"priority":301},"references/blocks/sticky-column.md",{"path":515,"priority":301},"references/blocks/table.md",{"path":517,"priority":301},"references/blocks/text-primitives.md",{"path":519,"priority":301},"references/foundation/codebase-grounding.md",{"path":521,"priority":301},"references/foundation/layout.md",{"path":523,"priority":301},"references/foundation/palette.md",{"path":525,"priority":301},"references/foundation/plugin-api-traps.md",{"path":527,"priority":301},"references/section-catalog.md",{"basePath":252,"installMethods":529,"rationale":531,"selectedPaths":532,"source":319,"sourceLanguage":253,"type":260},{"remote":530},"https://mcp.figma.com/mcp","server.json with namespace/server name at server.json",[533,535],{"path":534,"priority":296},"server.json",{"path":298,"priority":296},{"sources":537},[538],"manual",{"closedIssues90d":8,"description":540,"forks":230,"homepage":541,"openIssues90d":8,"pushedAt":231,"readmeSize":228,"stars":232,"topics":542},"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":544,"discoverAt":545,"extractAt":546,"githubAt":546,"updatedAt":544},1778686847568,1778686843197,1778686845742,[216,213,214,212,215],{"evaluatedAt":549,"extractAt":276,"updatedAt":236},1778686901762,[],[552,573,600,633,661,683],{"_creationTime":553,"_id":554,"community":555,"display":556,"identity":559,"providers":560,"relations":567,"tags":569,"workflow":570},1778687213189.1208,"k175vgzyg8bcnantvcy7b0970n86nffh",{"reviewCount":8},{"description":557,"installMethods":558,"name":495,"sourceUrl":14},"Generiert ein FigJam-Projektplan-Board aus einem PRD plus Codebase-Kontext. Interaktiver Ablauf: Recherche → Abschnitte vorschlagen → tiefgehende Recherche pro Abschnitt → Vorschlag für Inhalt + Blockstruktur pro Abschnitt → FigJam erstellen → Skelett → füllen → Diagramme → abschließen. Jeder Inhaltsblock (Abschnitt, verschachtelter Abschnitt, Einführungsaufruf, Tabelle, mehrspaltiger Text, Sticky-Spalte, Diagrammabschnitt, Metadatenleiste) hat seine eigene Unterfertigkeits-Referenzdatei. Verwenden Sie dies, wenn der Benutzer nach 'Projektplan in FigJam', 'interaktiver Projektplan', '/generate-project-plan' fragt oder ein PRD bereitstellt und eine Bestätigung pro Abschnitt für Inhalt + Rendering wünscht.",{"claudeCode":12},{"basePath":493,"githubOwner":212,"githubRepo":239,"locale":18,"slug":495,"type":240},{"evaluate":561,"extract":566},{"promptVersionExtension":205,"promptVersionScoring":206,"score":209,"tags":562,"targetMarket":264,"tier":217},[212,563,564,565,216,214],"figjam","project-plan","prd",{"commitSha":266},{"repoId":272,"translatedFrom":568},"k1776w8tdptr8tv242gcbzwmcs86n3zf",[216,214,563,212,565,564],{"evaluatedAt":571,"extractAt":276,"updatedAt":572},1778687069690,1778687213189,{"_creationTime":574,"_id":575,"community":576,"display":577,"identity":583,"providers":587,"relations":594,"tags":596,"workflow":597},1778695021936.5557,"k170mewc4fk9njn6pnprypkwp586nf2e",{"reviewCount":8},{"description":578,"installMethods":579,"name":581,"sourceUrl":582},"Connects Figma design components to code components using Code Connect mapping tools. Use when user says \"code connect\", \"connect this component to code\", \"map this component\", \"link component to code\", \"create code connect mapping\", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.",{"claudeCode":580},"openai/skills","figma-code-connect-components","https://github.com/openai/skills",{"basePath":584,"githubOwner":585,"githubRepo":586,"locale":253,"slug":581,"type":240},"skills/.curated/figma-code-connect-components","openai","skills",{"evaluate":588,"extract":593},{"promptVersionExtension":205,"promptVersionScoring":206,"score":589,"tags":590,"targetMarket":264,"tier":592},90,[212,213,214,591,263],"component-mapping","community",{"commitSha":266},{"repoId":595},"kd75n2zj3yh472p25zffgycved86mnpx",[213,591,214,263,212],{"evaluatedAt":598,"extractAt":599,"updatedAt":598},1778695112418,1778695021936,{"_creationTime":601,"_id":602,"community":603,"display":604,"identity":610,"providers":615,"relations":626,"tags":629,"workflow":630},1778699234184.6157,"k177tdbfgqmwhtaqv771f2ych586nne9",{"reviewCount":8},{"description":605,"installMethods":606,"name":608,"sourceUrl":609},"Worktree-first dev environment manager for issues, PRs, and features with optional tmux sessions",{"claudeCode":607},"Yeachan-Heo/oh-my-claudecode","Project Session Manager","https://github.com/Yeachan-Heo/oh-my-claudecode",{"basePath":611,"githubOwner":612,"githubRepo":613,"locale":253,"slug":614,"type":240},"skills/project-session-manager","Yeachan-Heo","oh-my-claudecode","project-session-manager",{"evaluate":616,"extract":625},{"promptVersionExtension":205,"promptVersionScoring":206,"score":617,"tags":618,"targetMarket":264,"tier":217},100,[619,620,621,622,216,623,624],"git","development-environment","workflow","tmux","cli","developer-tool",{"commitSha":266,"license":267},{"parentExtensionId":627,"repoId":628},"k17brg5egdw1jbncj1j4wfv3fh86n639","kd74zv63fryf9prygtq7gf4es986n22y",[216,623,624,620,619,622,621],{"evaluatedAt":631,"extractAt":632,"updatedAt":631},1778699613343,1778699234184,{"_creationTime":634,"_id":635,"community":636,"display":637,"identity":643,"providers":645,"relations":653,"tags":656,"workflow":657},1778699508743.0002,"k17aya9dv3e3bxv473f1f2r52186ndp5",{"reviewCount":8},{"description":638,"installMethods":639,"name":641,"sourceUrl":642},"Erstellen Sie öffentliche Google Docs- oder Google Sheet-Dateien, ohne OAuth zu benötigen. Verwenden Sie diese Fähigkeit, um Google Docs und Sheets zu erstellen und zu bearbeiten, keine Google-Anmeldung erforderlich. Dokumente sind unter teilbaren Links sichtbar. Die Registrierung erfolgt automatisch bei der ersten Verwendung.",{"claudeCode":640},"zagmoai/public-google-drive","public-google-drive","https://github.com/zagmoai/public-google-drive",{"basePath":252,"githubOwner":644,"githubRepo":641,"locale":18,"slug":641,"type":240},"zagmoai",{"evaluate":646,"extract":652},{"promptVersionExtension":205,"promptVersionScoring":206,"score":617,"tags":647,"targetMarket":264,"tier":217},[648,649,650,216,651],"google-docs","google-sheets","productivity","api-client",{"commitSha":266},{"repoId":654,"translatedFrom":655},"kd776ynh73t0d6samn4bnxdf3x86n8mj","k1707pszx7h026a651dp5tvaxd86m3ag",[651,216,648,649,650],{"evaluatedAt":658,"extractAt":659,"updatedAt":660},1778699485884,1778699468747,1778699508743,{"_creationTime":662,"_id":663,"community":664,"display":665,"identity":668,"providers":671,"relations":679,"tags":680,"workflow":681},1778699234184.611,"k179b6dkc777g1rgyecze04wqn86m6y4",{"reviewCount":8},{"description":666,"installMethods":667,"name":613,"sourceUrl":609},"Process-first advisor routing for Claude, Codex, or Gemini via `omc ask`, with artifact capture and no raw CLI assembly",{"claudeCode":607},{"basePath":669,"githubOwner":612,"githubRepo":613,"locale":253,"slug":670,"type":240},"skills/ask","ask",{"evaluate":672,"extract":678},{"promptVersionExtension":205,"promptVersionScoring":206,"score":617,"tags":673,"targetMarket":264,"tier":217},[623,216,674,675,676,677],"llm","prompting","code-review","artifact-generation",{"commitSha":266,"license":267},{"parentExtensionId":627,"repoId":628},[677,216,623,676,674,675],{"evaluatedAt":682,"extractAt":632,"updatedAt":682},1778699303045,{"_creationTime":684,"_id":685,"community":686,"display":687,"identity":693,"providers":697,"relations":704,"tags":707,"workflow":708},1778699368519.5344,"k17ab0jk30pqm4zejpk383w4dn86mj8t",{"reviewCount":8},{"description":688,"installMethods":689,"name":691,"sourceUrl":692},"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":690},"xixu-me/skills","Use My Browser","https://github.com/xixu-me/skills",{"basePath":694,"githubOwner":695,"githubRepo":586,"locale":18,"slug":696,"type":240},"skills/use-my-browser","xixu-me","use-my-browser",{"evaluate":698,"extract":703},{"promptVersionExtension":205,"promptVersionScoring":206,"score":617,"tags":699,"targetMarket":264,"tier":217},[700,701,216,702,263],"browser","debugging","ux",{"commitSha":266,"license":267},{"repoId":705,"translatedFrom":706},"kd77r2vb42jmgam0qbr9f2c6kn86mebv","k179cgk616p3xva37r5jqsfwvh86mcp2",[216,700,701,263,702],{"evaluatedAt":709,"extractAt":710,"updatedAt":711},1778699261239,1778699106670,1778699368519]