[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-figma-figma-generate-design-de":3,"guides-for-figma-figma-generate-design":569,"similar-k171rym69y55c331hqk76rryjh86mmxq-de":570},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":254,"isFallback":241,"parentExtension":259,"providers":297,"relations":301,"repo":303,"tags":566,"workflow":567},1778687138931.578,"k171rym69y55c331hqk76rryjh86mmxq",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"Verwenden Sie diese Fähigkeit zusammen mit figma-use, wenn die Aufgabe die Übersetzung einer Anwendungsseite, -ansicht oder eines Layouts mit mehreren Abschnitten in Figma beinhaltet. Auslöser: 'in Figma schreiben', 'in Figma aus Code erstellen', 'Seite in Figma einfügen', 'diese App/Seite nehmen und in Figma erstellen', 'einen Bildschirm erstellen', 'eine Landingpage in Figma erstellen', 'den Figma-Bildschirm an den Code anpassen', 'dieses Modal/Dialogfeld/Drawer/Panel in Figma konvertieren'. Dies ist die bevorzugte Workflow-Fähigkeit, wenn der Benutzer eine vollständige Seite, ein Modal, ein Dialogfeld, einen Drawer, eine Seitenleiste, ein Panel oder eine beliebige zusammengesetzte Ansicht mit mehreren Abschnitten in Figma aus Code oder einer Beschreibung erstellen oder aktualisieren möchte. Erkennt Designsystemkomponenten, Variablen und Stile aus Code Connect-Dateien, vorhandenen Bildschirmen und Bibliotheken und importiert sie, dann werden Ansichten abschnittsweise mithilfe von Designsystem-Tokens anstelle von hartcodierten Werten zusammengesetzt.",{"claudeCode":12},"figma/mcp-server-guide","Figma Design Generator","https://github.com/figma/mcp-server-guide",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":239,"workflow":252},1778687138931.5781,"kn79600fnp15ahkfhn2g0f42a986mrq4","de",{"checks":20,"evaluatedAt":191,"extensionSummary":192,"features":193,"nonGoals":199,"practices":204,"prerequisites":209,"promptVersionExtension":214,"promptVersionScoring":215,"purpose":216,"rationale":217,"score":218,"summary":219,"tags":220,"tier":226,"useCases":227,"workflow":232},[21,26,29,32,36,39,44,48,51,54,58,62,65,69,72,75,78,81,84,87,91,95,99,103,107,110,113,116,120,123,126,129,132,135,138,142,146,150,153,157,160,163,166,169,173,176,179,182,185,188],{"category":22,"check":23,"severity":24,"summary":25},"Praktischer Nutzen","Relevanz des Problems","pass","Die Beschreibung gibt klar das Problem der Übersetzung von Anwendungsseiten/-ansichten in Figma unter Verwendung von Designsystemkomponenten an und adressiert einen spezifischen Benutzerbedarf.",{"category":22,"check":27,"severity":24,"summary":28},"Einzigartiges Verkaufsversprechen","Die Fähigkeit bietet einen erheblichen Mehrwert gegenüber dem Standardverhalten von LLMs, indem sie Designsystemkomponenten, Variablen und Stile entdeckt und wiederverwendet, Ansichten inkrementell zusammensetzt und sich in Figmas Code Connect integriert.",{"category":22,"check":30,"severity":24,"summary":31},"Produktionsreife","Der Workflow der Fähigkeit ist detailliert und deckt den vollständigen Lebenszyklus der Erstellung oder Aktualisierung von Figma-Ansichten unter Verwendung von Designsystemkomponenten ab, einschließlich Voraussetzungen und Validierungsschritten.",{"category":33,"check":34,"severity":24,"summary":35},"Umfang","Prinzip der einzigen Verantwortung","Die Fähigkeit konzentriert sich auf die Generierung/Aktualisierung von zusammengesetzten Figma-Ansichten aus Designsystemen, mit klaren Grenzen, die von der Komponentenerstellung oder der Code Connect-Zuordnung abgegrenzt sind.",{"category":33,"check":37,"severity":24,"summary":38},"Qualität der Beschreibung","Die Beschreibung spiegelt die Fähigkeiten der Fähigkeit genau wider, einschließlich der Verwendung von Designsystemen, der Handhabung von Ansichten mit mehreren Abschnitten und der Integration mit figma-use.",{"category":40,"check":41,"severity":42,"summary":43},"Aufruf","Geltungsbereich von Werkzeugen","not_applicable","Diese Fähigkeit ist eine prozessbasierte Fähigkeit und stellt keine einzelnen Werkzeuge oder Befehle bereit.",{"category":45,"check":46,"severity":42,"summary":47},"Dokumentation","Konfigurations- & Parameterreferenz","Die Fähigkeit scheint keine konfigurierbaren Parameter zu haben oder auf Umgebungsvariablen angewiesen zu sein.",{"category":33,"check":49,"severity":42,"summary":50},"Werkzeugbenennung","Diese Fähigkeit stellt keine einzelnen Werkzeuge bereit.",{"category":33,"check":52,"severity":42,"summary":53},"Minimale I/O-Oberfläche","Diese Fähigkeit operiert über Aufforderungen und nicht über explizite Werkzeugparameter/-schemata.",{"category":55,"check":56,"severity":24,"summary":57},"Lizenz","Lizenznutzbarkeit","Die Lizenzinformationen für das zugrunde liegende Repository sind verfügbar und scheinen permissiv zu sein.",{"category":59,"check":60,"severity":24,"summary":61},"Wartung","Aktualität der Commits","Das Repository zeigt aktuelle Commits innerhalb der letzten 90 Tage.",{"category":59,"check":63,"severity":42,"summary":64},"Abhängigkeitsverwaltung","Die Fähigkeit scheint keine direkten Drittanbieterabhängigkeiten zu haben, die von der Fähigkeit selbst verwaltet werden.",{"category":66,"check":67,"severity":42,"summary":68},"Sicherheit","Geheimnisverwaltung","Die Logik der Fähigkeit scheint keine Geheimnisse zu verarbeiten oder offenzulegen.",{"category":66,"check":70,"severity":24,"summary":71},"Injection","Die Anweisungen der Fähigkeit konzentrieren sich auf die Interaktion mit Figma-Werkzeugen und weisen keine Muster auf, die eine Prompt-Injection aus externen Daten ermöglichen würden.",{"category":66,"check":73,"severity":24,"summary":74},"Transitive Lieferketten-Granaten","Die Fähigkeit ruft zur Laufzeit keinen Remote-Code oder keine Anweisungen ab; die gesamte Logik befindet sich in der gebündelten SKILL.md.",{"category":66,"check":76,"severity":24,"summary":77},"Sandbox-Isolierung","Die Fähigkeit arbeitet durch Aufrufe von MCP-Tools und interagiert nicht direkt mit dem Dateisystem außerhalb ihres vorgesehenen Umfangs.",{"category":66,"check":79,"severity":24,"summary":80},"Sandbox-Flucht-Primitive","In der Logik der Fähigkeit wurden keine getrennten Prozessstarts oder Denial-Retry-Schleifen erkannt.",{"category":66,"check":82,"severity":24,"summary":83},"Datenexfiltration","Der dokumentierte Workflow der Fähigkeit beinhaltet nicht das Lesen oder Übermitteln vertraulicher Daten an Dritte.",{"category":66,"check":85,"severity":24,"summary":86},"Versteckte Texttricks","Der Inhalt der gebündelten SKILL.md ist frei von versteckten Steuerungstricks, Steuerzeichen oder fehlerhaftem Markup.",{"category":88,"check":89,"severity":24,"summary":90},"Hooks","Opake Codeausführung","Die Logik der Fähigkeit ist in lesbarem Markdown enthalten und beinhaltet keinen verschleierten Code oder das Abrufen von Skripten zur Laufzeit.",{"category":92,"check":93,"severity":24,"summary":94},"Portabilität","Strukturelle Annahme","Die Fähigkeit macht keine Annahmen über die Projektstruktur des Benutzers und operiert innerhalb des Kontexts des Figma MCP-Tools.",{"category":96,"check":97,"severity":24,"summary":98},"Vertrauen","Aufmerksamkeit für Probleme","Es gibt keine offenen Probleme in den letzten 90 Tagen und keine geschlossenen Probleme in den letzten 90 Tagen, was auf aktive Wartung oder ein stabiles Projekt hinweist.",{"category":100,"check":101,"severity":24,"summary":102},"Versionierung","Release-Management","Das Repository weist eine sinnvolle Commit-Historie auf, die auf aktive Entwicklung hindeutet.",{"category":104,"check":105,"severity":42,"summary":106},"Codeausführung","Validierung","Diese Fähigkeit arbeitet über Aufforderungen und verarbeitet keine strukturierten Ein- und Ausgabeschemata, die Validierungsbibliotheken erfordern.",{"category":66,"check":108,"severity":24,"summary":109},"Ungeschützte destruktive Operationen","Die Aktionen der Fähigkeit werden von Figma MCP-Tools verwaltet, die wahrscheinlich eigene Bestätigungsmechanismen haben; die Logik der Fähigkeit selbst führt keine direkten destruktiven Operationen durch.",{"category":104,"check":111,"severity":24,"summary":112},"Fehlerbehandlung","Die SKILL.md der Fähigkeit beschreibt einen klaren Prozess zur Fehlerwiederherstellung, der den Benutzern Anweisungen gibt, wie sie stoppen, lesen, inspizieren, beheben und erneut versuchen können.",{"category":104,"check":114,"severity":42,"summary":115},"Protokollierung","Dies ist eine prozessbasierte Fähigkeit und führt keine Operationen durch, die eine lokale Audit-Protokollierung erfordern.",{"category":117,"check":118,"severity":42,"summary":119},"Compliance","DSGVO","Die Fähigkeit arbeitet mit Figma-Designdaten und verarbeitet keine personenbezogenen Daten.",{"category":117,"check":121,"severity":24,"summary":122},"Zielmarkt","Die Funktionalität der Erweiterung ist allgemein und nicht an eine bestimmte geografische oder rechtliche Gerichtsbarkeit gebunden.",{"category":92,"check":124,"severity":24,"summary":125},"Laufzeitstabilität","Die Fähigkeit stützt sich auf den Figma MCP-Server und Standardwerkzeuge, ohne betriebssystemspezifische Annahmen zu treffen.",{"category":45,"check":127,"severity":24,"summary":128},"README","Die README bietet einen guten Überblick über den Figma MCP-Server, seine Funktionen, Installation und Verwendung und ergänzt die SKILL.md der Fähigkeit.",{"category":33,"check":130,"severity":42,"summary":131},"Größe der Werkzeugoberfläche","Diese Fähigkeit stellt keine einzelnen Werkzeuge bereit; es ist eine prozessbasierte Fähigkeit.",{"category":40,"check":133,"severity":42,"summary":134},"Überlappende Nahe-Synonym-Werkzeuge","Diese Fähigkeit stellt keine einzelnen Werkzeuge bereit, daher gibt es keine überlappenden Synonyme.",{"category":45,"check":136,"severity":24,"summary":137},"Phantomfunktionen","Alle beworbenen Funktionen in der README und SKILL.md scheinen durch die beschriebenen MCP-Tools und die Fähigkeitslogik implementiert zu sein.",{"category":139,"check":140,"severity":24,"summary":141},"Installation","Installationsanleitung","Die README bietet klare, kopierbare Installations- und Einrichtungshinweise für verschiedene Clients (VS Code, Cursor, Claude Code, Gemini CLI), einschließlich Konfigurationsausschnitten und Verifizierungsschritten.",{"category":143,"check":144,"severity":24,"summary":145},"Fehler","Aktionsfähige Fehlermeldungen","Die SKILL.md beschreibt einen robusten Prozess zur Fehlerbehebung mit klaren Schritten, die die Benutzer befolgen können, wenn Probleme auftreten.",{"category":147,"check":148,"severity":42,"summary":149},"Ausführung","Angepinnte Abhängigkeiten","Die Logik der Fähigkeit ist in SKILL.md enthalten und stützt sich auf den Figma MCP-Server; es gibt keine gebündelten Skripte mit Drittanbieterabhängigkeiten zum Anpinnen.",{"category":33,"check":151,"severity":42,"summary":152},"Dry-Run-Vorschau","Die Operationen der Fähigkeit werden von den Figma MCP-Tools gehandhabt, die für ihre eigenen Dry-Run-Funktionen verantwortlich sind.",{"category":154,"check":155,"severity":42,"summary":156},"Protokoll","Idempotente Wiederholung & Timeouts","Die Fähigkeit selbst implementiert keine Operationen, die Idempotenz oder Timeouts erfordern; diese werden von den zugrunde liegenden MCP-Tools und dem Server gehandhabt.",{"category":117,"check":158,"severity":42,"summary":159},"Telemetry-Opt-in","Die Fähigkeit scheint keine Telemetriedaten zu senden; die Telemetrieverwaltung würde vom MCP-Client oder dem Figma MCP-Server übernommen.",{"category":40,"check":161,"severity":24,"summary":162},"Präziser Zweck","Der Zweck der Fähigkeit ist präzise definiert und besagt, dass sie Anwendungsseiten/-ansichten unter Verwendung von Designsystemen in Figma übersetzt, mit klaren Auslösern und expliziten Grenzen.",{"category":40,"check":164,"severity":24,"summary":165},"Prägnantes Frontmatter","Das Frontmatter ist prägnant, gibt klar die Kernfunktionalität an und enthält relevante Auslöserphrasen innerhalb einer angemessenen Zeichenanzahl.",{"category":45,"check":167,"severity":24,"summary":168},"Prägnanter Körper","Die SKILL.md ist gut strukturiert und liegt unterhalb des Zeilenlimits, wobei detaillierte API-Muster in separate Referenzdateien ausgelagert werden.",{"category":170,"check":171,"severity":24,"summary":172},"Kontext","Progressive Offenlegung","Die SKILL.md verwendet effektiv progressive Offenlegung, indem sie detaillierte API-Muster in separaten Dateien innerhalb der Referenzen der `figma-use`-Fähigkeit referenziert.",{"category":170,"check":174,"severity":42,"summary":175},"Abzweigende Erkundung","Diese Fähigkeit ist keine Erkundungs- oder Audit-Fähigkeit und erfordert keinen Kontext für abzweigende Erkundungen.",{"category":22,"check":177,"severity":24,"summary":178},"Nutzungsbeispiele","Die SKILL.md enthält detaillierte Schritt-für-Schritt-Workflow-Beispiele für die Erstellung und Aktualisierung von Figma-Ansichten, einschließlich spezifischer Codeausschnitte und Erklärungen für verschiedene Szenarien.",{"category":22,"check":180,"severity":24,"summary":181},"Randfälle","Die SKILL.md enthält detaillierte Schritte zur Fehlerbehebung und diskutiert potenzielle Fehlerfälle und Einschränkungen, wie z. B. die Handhabung von Bildern und die Aktualisierung vorhandener Ansichten.",{"category":104,"check":183,"severity":42,"summary":184},"Werkzeug-Fallback","Diese Fähigkeit stützt sich auf den Figma MCP-Server und scheint keine optionalen externen Werkzeugabhängigkeiten mit Fallbacks zu haben.",{"category":66,"check":186,"severity":24,"summary":187},"Halt bei unerwartetem Zustand","Die Fähigkeit weist die Benutzer an, bei Fehlern anzuhalten und den Zustand sorgfältig zu prüfen, bevor sie es erneut versuchen, und behandelt unerwartete Vorzustandsbedingungen implizit durch Anhalten.",{"category":92,"check":189,"severity":24,"summary":190},"Übergreifende Kopplung","Die Fähigkeit gibt ihre Abhängigkeit von `figma-use` explizit an und definiert ihre Grenzen klar, um eine implizite Kopplung mit anderen Fähigkeiten zu vermeiden.",1778686956947,"Diese Fähigkeit automatisiert den Prozess der Übersetzung von Anwendungsseiten, -ansichten oder UI-Containern mit mehreren Abschnitten in Figma. Sie nutzt Designsystemkomponenten, Variablen und Stile, indem sie diese aus Code Connect-Dateien oder vorhandenen Ansichten entdeckt und dann Ansichten abschnittsweise innerhalb von Figma zusammensetzt.",[194,195,196,197,198],"Übersetzt Anwendungs-Code oder Beschreibungen in Figma-Designs","Entdeckt und wiederverwendet Designsystemkomponenten, Variablen und Stile","Setzt UI-Ansichten abschnittsweise inkrementell zusammen","Unterstützt die Erstellung/Aktualisierung von vollständigen Seiten, Modals, Dialogen, Drawern und Panels","Integriert sich mit Figmas Code Connect zur Komponentenabbildung",[200,201,202,203],"Erstellung neuer wiederverwendbarer Komponenten oder Varianten (verwenden Sie figma-use direkt)","Schreiben von Code Connect-Zuordnungen (verwenden Sie figma-code-connect)","Generierung von Code aus Figma-Designs (wird von anderen Tools/Fähigkeiten gehandhabt)","Manuelles Zeichnen von UI-Elementen ohne Nutzung von Designsystem-Tokens",[205,206,207,208],"Nutzung von Designsystem-Tokens","Wiederverwendung von Komponenteninstanzen","Abschnittsweiser Aufbau","Fehlerbehebung und Validierung",[210,211,212,213],"Figma MCP-Server-Verbindung","Zieldatei in Figma mit einem veröffentlichten Designsystem (oder einer zugänglichen Bibliothek)","Quellcode oder Beschreibung des Bildschirms/der Ansicht","Optional, eine Figma-Datein-URL oder ein Schlüssel als Kontext","3.0.0","4.4.0","Zur effizienten Erstellung und Aktualisierung von Figma-Bildschirmen und -Ansichten durch Wiederverwendung vorhandener Designsystem-Assets, um die Konsistenz zwischen Code und Design zu gewährleisten.","Die Fähigkeit weist eine ausgezeichnete Dokumentationsqualität, eine klare Problemdefinition und einen robusten Workflow auf. Sie weist keine kritischen oder warnenden Befunde auf.",98,"Eine qualitativ hochwertige Fähigkeit zur Übersetzung von Anwendungsdesigns in Figma unter Verwendung von Designsystemkomponenten.",[221,222,223,224,225],"figma","design-systems","code-generation","ui-ux","automation","verified",[228,229,230,231],"Übersetzung einer neuen Anwendungsseite oder -ansicht in Figma","Aktualisierung vorhandener Figma-Bildschirme, um sie an Codeänderungen anzupassen","Erstellung komplexer UI-Container mit mehreren Abschnitten wie Modals oder Sidebars in Figma","Sicherstellung der Designgenauigkeit durch Verwendung von Designsystem-Tokens anstelle von hartcodierten Werten",[233,234,235,236,237,238],"Verstehen Sie das Ergebnis und identifizieren Sie Abschnitte und Komponenten.","Sammeln Sie Designsystemschlüssel (Komponenten, Variablen, Stile) über Code Connect, vorhandene Ansichten oder Suche.","Erstellen Sie einen Wrapper-Rahmen in Figma für die Ansicht.","Erstellen Sie jeden UI-Abschnitt innerhalb des Wrappers und importieren und binden Sie Designsystem-Assets.","Validieren Sie die vollständige Ansicht und übertragen Sie Bilder, falls zutreffend.","Aktualisieren Sie vorhandene Ansichten, indem Sie Knoten identifizieren, modifizieren oder ersetzen.",{"codeQuality":240,"collectedAt":242,"documentation":243,"maintenance":246,"security":250,"testCoverage":251},{"hasLockfile":241},false,1778686939136,{"descriptionLength":244,"readmeSize":245},851,24576,{"closedIssues90d":8,"forks":247,"hasChangelog":241,"openIssues90d":8,"pushedAt":248,"stars":249},127,1778659272000,1409,{"hasNpmPackage":241,"smitheryVerified":241},{"hasCi":241,"hasTests":241},{"updatedAt":253},1778687138931,{"basePath":255,"githubOwner":221,"githubRepo":256,"locale":18,"slug":257,"type":258},"skills/figma-generate-design","mcp-server-guide","figma-generate-design","skill",{"_creationTime":260,"_id":261,"community":262,"display":263,"identity":269,"parentExtension":273,"providers":274,"relations":290,"tags":292,"workflow":293},1778686847756.4138,"k17fwrw2bg5z2mpmdtdsybp8t986mwe7",{"reviewCount":8},{"description":264,"installMethods":265,"name":268,"sourceUrl":14},"Plugin that includes the Figma MCP server and Skills for common workflows",{"claudeCode":221,"cursor":266,"geminiCli":267},"/add-plugin figma","gemini extensions install https://github.com/figma/mcp-server-guide","Figma MCP Server",{"basePath":270,"githubOwner":221,"githubRepo":256,"locale":271,"slug":256,"type":272},"","en","plugin",null,{"evaluate":275,"extract":284},{"promptVersionExtension":214,"promptVersionScoring":215,"score":276,"tags":277,"targetMarket":283,"tier":226},95,[221,278,279,280,281,282],"mcp","design","ui","code-connect","developer-tools","global",{"commitSha":285,"license":286,"plugin":287},"HEAD","MIT",{"mcpCount":8,"provider":288,"skillCount":289},"classify",7,{"repoId":291},"kd7d0zdmxx32hmcpg7qqv27da586m6xa",[281,279,282,221,278,280],{"evaluatedAt":294,"extractAt":295,"updatedAt":296},1778686867988,1778686847756,1778687292507,{"evaluate":298,"extract":300},{"promptVersionExtension":214,"promptVersionScoring":215,"score":218,"tags":299,"targetMarket":283,"tier":226},[221,222,223,224,225],{"commitSha":285,"license":286},{"parentExtensionId":261,"repoId":291,"translatedFrom":302},"k17a2znfvmm3nyv8njmq8ftp9x86nf9g",{"_creationTime":304,"_id":291,"identity":305,"providers":306,"workflow":562},1778686843197.7612,{"githubOwner":221,"githubRepo":256,"sourceUrl":14},{"classify":307,"discover":555,"github":558},{"commitSha":285,"extensions":308},[309,339,352,360,366,388,429,477,511,547],{"basePath":270,"description":264,"displayName":221,"installMethods":310,"rationale":311,"selectedPaths":312,"source":338,"sourceLanguage":271,"type":272},{"claudeCode":221},"plugin manifest at .claude-plugin/plugin.json (coalesced with duplicate plugin at .github/plugin)",[313,316,318,321,323,325,327,329,331,333,335],{"path":314,"priority":315},".claude-plugin/plugin.json","mandatory",{"path":317,"priority":315},"README.md",{"path":319,"priority":320},"skills/figma-code-connect/SKILL.md","medium",{"path":322,"priority":320},"skills/figma-create-new-file/SKILL.md",{"path":324,"priority":320},"skills/figma-generate-design/SKILL.md",{"path":326,"priority":320},"skills/figma-generate-diagram/SKILL.md",{"path":328,"priority":320},"skills/figma-generate-library/SKILL.md",{"path":330,"priority":320},"skills/figma-use/SKILL.md",{"path":332,"priority":320},"skills/figma-use-figjam/SKILL.md",{"path":334,"priority":315},".mcp.json",{"path":336,"priority":337},".cursor-plugin/plugin.json","high","rule",{"basePath":340,"description":341,"displayName":342,"installMethods":343,"rationale":344,"selectedPaths":345,"source":338,"sourceLanguage":271,"type":258},"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",[346,348,350],{"path":347,"priority":315},"SKILL.md",{"path":349,"priority":320},"references/advanced-patterns.md",{"path":351,"priority":320},"references/api.md",{"basePath":353,"description":354,"displayName":355,"installMethods":356,"rationale":357,"selectedPaths":358,"source":338,"sourceLanguage":271,"type":258},"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",[359],{"path":347,"priority":315},{"basePath":255,"description":361,"displayName":257,"installMethods":362,"rationale":363,"selectedPaths":364,"source":338,"sourceLanguage":271,"type":258},"Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.",{"claudeCode":12},"SKILL.md frontmatter at skills/figma-generate-design/SKILL.md",[365],{"path":347,"priority":315},{"basePath":367,"description":368,"displayName":369,"installMethods":370,"rationale":371,"selectedPaths":372,"source":338,"sourceLanguage":271,"type":258},"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",[373,374,376,378,380,382,384,386],{"path":347,"priority":315},{"path":375,"priority":320},"references/architecture.md",{"path":377,"priority":320},"references/erd.md",{"path":379,"priority":320},"references/flowchart.md",{"path":381,"priority":320},"references/gantt.md",{"path":383,"priority":320},"references/sequence.md",{"path":385,"priority":320},"references/state.md",{"path":387,"priority":320},"references/workflow.md",{"basePath":389,"description":390,"displayName":391,"installMethods":392,"rationale":393,"selectedPaths":394,"source":338,"sourceLanguage":271,"type":258},"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",[395,396,398,400,402,404,406,408,410,413,415,417,419,421,423,425,427],{"path":347,"priority":315},{"path":397,"priority":320},"references/code-connect-setup.md",{"path":399,"priority":320},"references/component-creation.md",{"path":401,"priority":320},"references/discovery-phase.md",{"path":403,"priority":320},"references/documentation-creation.md",{"path":405,"priority":320},"references/error-recovery.md",{"path":407,"priority":320},"references/naming-conventions.md",{"path":409,"priority":320},"references/token-creation.md",{"path":411,"priority":412},"scripts/bindVariablesToComponent.js","low",{"path":414,"priority":412},"scripts/cleanupOrphans.js",{"path":416,"priority":412},"scripts/createComponentWithVariants.js",{"path":418,"priority":412},"scripts/createDocumentationPage.js",{"path":420,"priority":412},"scripts/createSemanticTokens.js",{"path":422,"priority":412},"scripts/createVariableCollection.js",{"path":424,"priority":412},"scripts/inspectFileStructure.js",{"path":426,"priority":412},"scripts/rehydrateState.js",{"path":428,"priority":412},"scripts/validateCreation.js",{"basePath":430,"description":431,"displayName":432,"installMethods":433,"rationale":434,"selectedPaths":435,"source":338,"sourceLanguage":271,"type":258},"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",[436,437,439,441,443,445,447,449,451,453,455,457,459,461,463,465,467,469,471,473,475],{"path":347,"priority":315},{"path":438,"priority":320},"references/api-reference.md",{"path":440,"priority":320},"references/common-patterns.md",{"path":442,"priority":320},"references/component-patterns.md",{"path":444,"priority":320},"references/effect-style-patterns.md",{"path":446,"priority":320},"references/gotchas.md",{"path":448,"priority":320},"references/plugin-api-patterns.md",{"path":450,"priority":320},"references/plugin-api-standalone.d.ts",{"path":452,"priority":320},"references/plugin-api-standalone.index.md",{"path":454,"priority":320},"references/text-style-patterns.md",{"path":456,"priority":320},"references/validation-and-recovery.md",{"path":458,"priority":320},"references/variable-patterns.md",{"path":460,"priority":320},"references/working-with-design-systems/wwds-components--creating.md",{"path":462,"priority":320},"references/working-with-design-systems/wwds-components--using.md",{"path":464,"priority":320},"references/working-with-design-systems/wwds-components.md",{"path":466,"priority":320},"references/working-with-design-systems/wwds-effect-styles.md",{"path":468,"priority":320},"references/working-with-design-systems/wwds-text-styles.md",{"path":470,"priority":320},"references/working-with-design-systems/wwds-variables--creating.md",{"path":472,"priority":320},"references/working-with-design-systems/wwds-variables--using.md",{"path":474,"priority":320},"references/working-with-design-systems/wwds-variables.md",{"path":476,"priority":320},"references/working-with-design-systems/wwds.md",{"basePath":478,"description":479,"displayName":480,"installMethods":481,"rationale":482,"selectedPaths":483,"source":338,"sourceLanguage":271,"type":258},"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",[484,485,487,489,491,493,495,497,499,501,503,505,507,509],{"path":347,"priority":315},{"path":486,"priority":320},"references/batch-modify.md",{"path":488,"priority":320},"references/create-code-block.md",{"path":490,"priority":320},"references/create-connector.md",{"path":492,"priority":320},"references/create-label.md",{"path":494,"priority":320},"references/create-section.md",{"path":496,"priority":320},"references/create-shape-with-text.md",{"path":498,"priority":320},"references/create-sticky.md",{"path":500,"priority":320},"references/create-table.md",{"path":502,"priority":320},"references/create-text.md",{"path":504,"priority":320},"references/edit-text.md",{"path":506,"priority":320},"references/figjam-colors.md",{"path":508,"priority":320},"references/plan-board-content.md",{"path":510,"priority":320},"references/position-figjam-nodes.md",{"basePath":512,"description":513,"displayName":514,"installMethods":515,"rationale":516,"selectedPaths":517,"source":338,"sourceLanguage":271,"type":258},"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",[518,519,521,523,525,527,529,531,533,535,537,539,541,543,545],{"path":347,"priority":315},{"path":520,"priority":320},"references/blocks/diagram-section.md",{"path":522,"priority":320},"references/blocks/intro-callout.md",{"path":524,"priority":320},"references/blocks/metadata-strip.md",{"path":526,"priority":320},"references/blocks/multi-column-text.md",{"path":528,"priority":320},"references/blocks/nested-section.md",{"path":530,"priority":320},"references/blocks/section.md",{"path":532,"priority":320},"references/blocks/sticky-column.md",{"path":534,"priority":320},"references/blocks/table.md",{"path":536,"priority":320},"references/blocks/text-primitives.md",{"path":538,"priority":320},"references/foundation/codebase-grounding.md",{"path":540,"priority":320},"references/foundation/layout.md",{"path":542,"priority":320},"references/foundation/palette.md",{"path":544,"priority":320},"references/foundation/plugin-api-traps.md",{"path":546,"priority":320},"references/section-catalog.md",{"basePath":270,"installMethods":548,"rationale":550,"selectedPaths":551,"source":338,"sourceLanguage":271,"type":278},{"remote":549},"https://mcp.figma.com/mcp","server.json with namespace/server name at server.json",[552,554],{"path":553,"priority":315},"server.json",{"path":317,"priority":315},{"sources":556},[557],"manual",{"closedIssues90d":8,"description":559,"forks":247,"homepage":560,"openIssues90d":8,"pushedAt":248,"readmeSize":245,"stars":249,"topics":561},"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":563,"discoverAt":564,"extractAt":565,"githubAt":565,"updatedAt":563},1778686847568,1778686843197,1778686845742,[225,223,222,221,224],{"evaluatedAt":568,"extractAt":295,"updatedAt":253},1778686957071,[],[571,604,632,654,684,715],{"_creationTime":572,"_id":573,"community":574,"display":575,"identity":581,"providers":586,"relations":597,"tags":600,"workflow":601},1778699234184.6157,"k177tdbfgqmwhtaqv771f2ych586nne9",{"reviewCount":8},{"description":576,"installMethods":577,"name":579,"sourceUrl":580},"Worktree-first dev environment manager for issues, PRs, and features with optional tmux sessions",{"claudeCode":578},"Yeachan-Heo/oh-my-claudecode","Project Session Manager","https://github.com/Yeachan-Heo/oh-my-claudecode",{"basePath":582,"githubOwner":583,"githubRepo":584,"locale":271,"slug":585,"type":258},"skills/project-session-manager","Yeachan-Heo","oh-my-claudecode","project-session-manager",{"evaluate":587,"extract":596},{"promptVersionExtension":214,"promptVersionScoring":215,"score":588,"tags":589,"targetMarket":283,"tier":226},100,[590,591,592,593,225,594,595],"git","development-environment","workflow","tmux","cli","developer-tool",{"commitSha":285,"license":286},{"parentExtensionId":598,"repoId":599},"k17brg5egdw1jbncj1j4wfv3fh86n639","kd74zv63fryf9prygtq7gf4es986n22y",[225,594,595,591,590,593,592],{"evaluatedAt":602,"extractAt":603,"updatedAt":602},1778699613343,1778699234184,{"_creationTime":605,"_id":606,"community":607,"display":608,"identity":614,"providers":616,"relations":624,"tags":627,"workflow":628},1778699508743.0002,"k17aya9dv3e3bxv473f1f2r52186ndp5",{"reviewCount":8},{"description":609,"installMethods":610,"name":612,"sourceUrl":613},"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":611},"zagmoai/public-google-drive","public-google-drive","https://github.com/zagmoai/public-google-drive",{"basePath":270,"githubOwner":615,"githubRepo":612,"locale":18,"slug":612,"type":258},"zagmoai",{"evaluate":617,"extract":623},{"promptVersionExtension":214,"promptVersionScoring":215,"score":588,"tags":618,"targetMarket":283,"tier":226},[619,620,621,225,622],"google-docs","google-sheets","productivity","api-client",{"commitSha":285},{"repoId":625,"translatedFrom":626},"kd776ynh73t0d6samn4bnxdf3x86n8mj","k1707pszx7h026a651dp5tvaxd86m3ag",[622,225,619,620,621],{"evaluatedAt":629,"extractAt":630,"updatedAt":631},1778699485884,1778699468747,1778699508743,{"_creationTime":633,"_id":634,"community":635,"display":636,"identity":639,"providers":642,"relations":650,"tags":651,"workflow":652},1778699234184.611,"k179b6dkc777g1rgyecze04wqn86m6y4",{"reviewCount":8},{"description":637,"installMethods":638,"name":584,"sourceUrl":580},"Process-first advisor routing for Claude, Codex, or Gemini via `omc ask`, with artifact capture and no raw CLI assembly",{"claudeCode":578},{"basePath":640,"githubOwner":583,"githubRepo":584,"locale":271,"slug":641,"type":258},"skills/ask","ask",{"evaluate":643,"extract":649},{"promptVersionExtension":214,"promptVersionScoring":215,"score":588,"tags":644,"targetMarket":283,"tier":226},[594,225,645,646,647,648],"llm","prompting","code-review","artifact-generation",{"commitSha":285,"license":286},{"parentExtensionId":598,"repoId":599},[648,225,594,647,645,646],{"evaluatedAt":653,"extractAt":603,"updatedAt":653},1778699303045,{"_creationTime":655,"_id":656,"community":657,"display":658,"identity":664,"providers":669,"relations":676,"tags":679,"workflow":680},1778699368519.5344,"k17ab0jk30pqm4zejpk383w4dn86mj8t",{"reviewCount":8},{"description":659,"installMethods":660,"name":662,"sourceUrl":663},"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":661},"xixu-me/skills","Use My Browser","https://github.com/xixu-me/skills",{"basePath":665,"githubOwner":666,"githubRepo":667,"locale":18,"slug":668,"type":258},"skills/use-my-browser","xixu-me","skills","use-my-browser",{"evaluate":670,"extract":675},{"promptVersionExtension":214,"promptVersionScoring":215,"score":588,"tags":671,"targetMarket":283,"tier":226},[672,673,225,674,282],"browser","debugging","ux",{"commitSha":285,"license":286},{"repoId":677,"translatedFrom":678},"kd77r2vb42jmgam0qbr9f2c6kn86mebv","k179cgk616p3xva37r5jqsfwvh86mcp2",[225,672,673,282,674],{"evaluatedAt":681,"extractAt":682,"updatedAt":683},1778699261239,1778699106670,1778699368519,{"_creationTime":685,"_id":686,"community":687,"display":688,"identity":694,"providers":697,"relations":706,"tags":710,"workflow":711},1778699276507.4565,"k17f878eas78tqr9j5r4r9vrsn86m495",{"reviewCount":8},{"description":689,"installMethods":690,"name":692,"sourceUrl":693},"Verwenden Sie dies, wenn der Benutzer X (Twitter)-Daten oder durch Bestätigung gesicherte X-Aktionen über Xquik benötigt: Tweet-Suche, Benutzer-Lookup, Follower-Extraktion, Mediendownload, Überwachung, Webhooks, MCP, SDKs, Posting, Likes, DMs und Profilaktualisierungen. Erfordert einen Xquik API-Schlüssel. Fordern Sie niemals X-Login-Materialien an.",{"claudeCode":691},"Xquik-dev/x-twitter-scraper","x-twitter-scraper","https://github.com/Xquik-dev/x-twitter-scraper",{"basePath":695,"githubOwner":696,"githubRepo":692,"locale":18,"slug":692,"type":258},"skills/x-twitter-scraper","Xquik-dev",{"evaluate":698,"extract":705},{"promptVersionExtension":214,"promptVersionScoring":215,"score":588,"tags":699,"targetMarket":283,"tier":226},[700,701,702,703,225,278,704],"twitter","x","api","data-retrieval","sdk",{"commitSha":285},{"parentExtensionId":707,"repoId":708,"translatedFrom":709},"k17axvhmvwp90strpqcd5b0h7986m80d","kd783enpnwhry153ka0z65ear186mjbh","k172e8vt4zcz50bb0vfp6ptb1n86mf90",[702,225,703,278,704,700,701],{"evaluatedAt":712,"extractAt":713,"updatedAt":714},1778699230863,1778699170774,1778699276507,{"_creationTime":716,"_id":717,"community":718,"display":719,"identity":725,"providers":729,"relations":735,"tags":737,"workflow":738},1778697652123.8982,"k175ckmrqc4x6sjm90k7ejbj3s86ntxs",{"reviewCount":8},{"description":720,"installMethods":721,"name":723,"sourceUrl":724},"Use the Slack tool to react, pin/unpin, send, edit, delete messages, or fetch Slack member info.",{"claudeCode":722},"steipete/clawdis","slack","https://github.com/steipete/clawdis",{"basePath":726,"githubOwner":727,"githubRepo":728,"locale":271,"slug":723,"type":258},"skills/slack","steipete","clawdis",{"evaluate":730,"extract":734},{"promptVersionExtension":214,"promptVersionScoring":215,"score":588,"tags":731,"targetMarket":283,"tier":226},[723,732,733,225,702],"messaging","communication",{"commitSha":285},{"repoId":736},"kd738npxg9yh3xf3vddzy9fyfh86nhng",[702,225,733,732,723],{"evaluatedAt":739,"extractAt":740,"updatedAt":739},1778698950505,1778697652123]