[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-google-labs-code-shadcn-ui-de":3,"guides-for-google-labs-code-shadcn-ui":393,"similar-k17aax1tn0mzeyb1nnydrhfnk186mv2d-de":394},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":241,"isFallback":232,"parentExtension":246,"providers":247,"relations":253,"repo":256,"tags":389,"workflow":390},1778688241700.7017,"k17aax1tn0mzeyb1nnydrhfnk186mv2d",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"Expertenanleitung für die Integration und Erstellung von Anwendungen mit shadcn/ui-Komponenten, einschließlich Komponentenfindung, Installation, Anpassung und Best Practices.",{"claudeCode":12},"google-labs-code/stitch-skills","shadcn-ui","https://github.com/google-labs-code/stitch-skills",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":223,"workflow":239},1778688241700.702,"kn73xfrvemzhjdn93bzp9ns4md86n14z","de",{"checks":20,"evaluatedAt":192,"extensionSummary":193,"features":194,"nonGoals":200,"promptVersionExtension":204,"promptVersionScoring":205,"purpose":206,"rationale":207,"score":208,"summary":209,"tags":210,"tier":217,"useCases":218},[21,26,29,33,37,41,45,48,52,56,60,63,66,69,73,76,79,82,85,88,92,96,99,103,106,109,112,115,118,121,125,128,132,136,140,143,146,149,153,156,159,162,165,168,171,175,179,182,185,189],{"category":22,"check":23,"severity":24,"summary":25},"Invocation","Precise Purpose","pass","Die Beschreibung gibt klar den Zweck (Anleitung zur Integration mit shadcn/ui-Komponenten) und die Anwendungsfälle (Entdeckung, Installation, Anpassung, Best Practices) für Frontend-Entwickler an.",{"category":22,"check":27,"severity":24,"summary":28},"Concise Frontmatter","Das Frontmatter ist prägnant und in sich geschlossen und bietet eine klare Zusammenfassung der Kernfunktionalität der Fähigkeit und der beabsichtigten Zielgruppe.",{"category":30,"check":31,"severity":24,"summary":32},"Documentation","Concise Body","Der SKILL.md-Body ist gut strukturiert und liegt unter dem empfohlenen Zeilenlimit, wobei weiterführende Materialien in Referenzdateien ausgelagert werden.",{"category":34,"check":35,"severity":24,"summary":36},"Context","Progressive Disclosure","Die SKILL.md-Datei beschreibt Verfahren und verlinkt auf separate Referenzdateien für detaillierte Anleitungen, was eine effektive progressive Offenlegung zeigt.",{"category":34,"check":38,"severity":39,"summary":40},"Forked exploration","not_applicable","Diese Fähigkeit ist keine explorative Fähigkeit und erfordert keinen verzweigten Kontext.",{"category":42,"check":43,"severity":24,"summary":44},"Practical Utility","Usage examples","Es sind ausreichende Beispiele im Verzeichnis `examples/` enthalten, die die Komponentenverwendung, Formularmuster und Layoutkomposition demonstrieren.",{"category":42,"check":46,"severity":24,"summary":47},"Edge cases","Die SKILL.md dokumentiert Fehlerfälle wie Importfehler, Stilkonflikte, fehlende Abhängigkeiten und Versionskompatibilität sowie Wiederherstellungsschritte.",{"category":49,"check":50,"severity":24,"summary":51},"Code Execution","Tool Fallback","Die Fähigkeit listet das shadcn MCP-Tool im Frontmatter auf und bietet einen Fallback, sodass es auch ohne das spezifische MCP nutzbar ist.",{"category":53,"check":54,"severity":24,"summary":55},"Safety","Halt on unexpected state","Das Skript `verify-setup.sh` prüft auf notwendige Projektkonfigurationen und gibt klare Anweisungen zur Behebung, wenn Voraussetzungen nicht erfüllt sind.",{"category":57,"check":58,"severity":24,"summary":59},"Portability","Cross-skill coupling","Die Fähigkeit ist in sich abgeschlossen und stützt sich nicht implizit auf andere Fähigkeiten; Querverweise sind explizit und optional.",{"category":42,"check":61,"severity":24,"summary":62},"Problem relevance","Die Beschreibung artikuliert klar das Benutzerproblem der Integration und Erstellung von Anwendungen mit shadcn/ui-Komponenten.",{"category":42,"check":64,"severity":24,"summary":65},"Unique selling proposition","Die Fähigkeit bietet einen erheblichen Mehrwert gegenüber dem Standardverhalten von LLMs, indem sie spezialisierte Anleitungen und Tool-Integration für shadcn/ui bietet, was mehr als ein dünner Wrapper ist.",{"category":42,"check":67,"severity":24,"summary":68},"Production readiness","Die Fähigkeit deckt den gesamten Lebenszyklus der shadcn/ui-Integration ab, von der Entdeckung und Installation bis hin zur Anpassung und Best Practices, was sie produktionsreif macht.",{"category":70,"check":71,"severity":24,"summary":72},"Scope","Single responsibility principle","Die Fähigkeit konzentriert sich ausschließlich auf die shadcn/ui-Integration, die Komponentenverwaltung und die Anpassung und hält sich an eine einzige Verantwortung.",{"category":70,"check":74,"severity":24,"summary":75},"Description quality","Die angezeigte Beschreibung spiegelt die Fähigkeiten der Fähigkeit zur Bereitstellung von Anleitungen für die shadcn/ui-Komponentenintegration genau wider.",{"category":22,"check":77,"severity":24,"summary":78},"Scoped tools","Die Fähigkeit verwendet enge Verb-Nomen-Tools für shadcn/ui-Operationen, wie `list_components` und `get_component_metadata`, was die Präzision der Agentenauswahl verbessert.",{"category":30,"check":80,"severity":24,"summary":81},"Configuration & parameter reference","Die SKILL.md beschreibt die Projektkonfiguration, Konfigurationsoptionen in `components.json` und erforderliche Abhängigkeiten und bietet eine umfassende Parameterreferenz.",{"category":70,"check":83,"severity":24,"summary":84},"Tool naming","Alle exponierten Tools, wie `list_components` und `get_component_metadata`, sind im shadcn/ui-Bereich deskriptiv benannt.",{"category":70,"check":86,"severity":24,"summary":87},"Minimal I/O surface","Die Tools interagieren mit shadcn/ui-Komponenten mithilfe spezifischer Parameter, und die Antworten sind auf die angeforderten Informationen zugeschnitten, ohne unnötige Ausgaben.",{"category":89,"check":90,"severity":24,"summary":91},"License","License usability","Die Erweiterung ist unter der Apache-2.0-Lizenz lizenziert, wie die beigefügte LICENSE-Datei angibt, die eine permissive Nutzung und Verbreitung ermöglicht.",{"category":93,"check":94,"severity":24,"summary":95},"Maintenance","Commit recency","Der letzte Commit war am 2026-05-12, was innerhalb der letzten 3 Monate liegt, was auf eine aktuelle Wartung hindeutet.",{"category":93,"check":97,"severity":24,"summary":98},"Dependency Management","Abhängigkeiten wie React, Tailwind CSS und `class-variance-authority` werden explizit erwähnt und sind Standard für shadcn/ui-Projekte.",{"category":100,"check":101,"severity":39,"summary":102},"Security","Secret Management","Die Fähigkeit verarbeitet oder exponiert keine Geheimnisse, da sie sich auf die Integration von UI-Komponenten und die Entwicklungskonfiguration konzentriert.",{"category":100,"check":104,"severity":24,"summary":105},"Injection","Die Fähigkeit interagiert hauptsächlich mit ihren eigenen gebündelten Dateien und der shadcn/ui CLI, ohne nicht vertrauenswürdige externe Daten als Anweisungen zu laden.",{"category":100,"check":107,"severity":24,"summary":108},"Transitive Supply-Chain Grenades","Die Fähigkeit stützt sich auf committeten Code und Standardinstallationen von Paketmanagern und vermeidet Laufzeit-Downloads oder Remote-Pipe-to-Shell-Muster.",{"category":100,"check":110,"severity":24,"summary":111},"Sandbox Isolation","Die Fähigkeit operiert innerhalb des Projektverzeichnisses und versucht nicht, Dateien außerhalb ihres definierten Geltungsbereichs zu ändern.",{"category":100,"check":113,"severity":24,"summary":114},"Sandbox escape primitives","Es wurden keine losgelösten Prozess-Spawns oder Deny-Retry-Schleifen in den Skripten oder Anweisungen der Fähigkeit erkannt.",{"category":100,"check":116,"severity":24,"summary":117},"Data Exfiltration","Die Fähigkeit führt keine ausgehenden Anrufe zur Übermittlung vertraulicher Daten durch und konzentriert sich ausschließlich auf die lokale Projektkonfiguration und Komponentenintegration.",{"category":100,"check":119,"severity":24,"summary":120},"Hidden Text Tricks","Gebündelte Inhalte sind frei von versteckten Steuerungs-Tricks, und Beschreibungen verwenden saubere druckbare ASCII-Zeichen und erwartetes Unicode.",{"category":122,"check":123,"severity":24,"summary":124},"Hooks","Opaque code execution","Die gebündelten Skripte sind klar und lesbar, ohne Verschleierungstechniken wie Base64-Kodierung oder minifizierte Payloads.",{"category":57,"check":126,"severity":24,"summary":127},"Structural Assumption","Das Skript `verify-setup.sh` prüft explizit auf erwartete Projektstrukturen wie `components.json` und `tailwind.config.js` und gibt klare Meldungen aus, falls diese fehlen.",{"category":129,"check":130,"severity":24,"summary":131},"Trust","Issues Attention","Bei 12 offenen und 0 geschlossenen Issues in den letzten 90 Tagen beträgt die Abschlussrate 0%, aber die Anzahl der offenen Issues ist gering (12) und die Gesamtzahl moderat, was auf eine aktive Wartung hindeutet.",{"category":133,"check":134,"severity":24,"summary":135},"Versioning","Release Management","Die Fähigkeit hat eine aussagekräftige Version, die im SKILL.md-Frontmatter und in der `package.json` deklariert ist, was auf ein ordnungsgemäßes Release-Management hinweist.",{"category":137,"check":138,"severity":24,"summary":139},"Execution","Validation","Das Beispiel-Formularmuster demonstriert ordnungsgemäße Eingabevalidierung mit Zod-Schema und `react-hook-form`, um die Datenintegrität zu gewährleisten.",{"category":100,"check":141,"severity":24,"summary":142},"Unguarded Destructive Operations","Die Fähigkeit führt hauptsächlich Konfigurationen und Dateiergänzungen über CLI-Befehle durch, die inhärent durch Benutzeraufruf und Bestätigung geschützt sind.",{"category":49,"check":144,"severity":24,"summary":145},"Error Handling","Das Skript `verify-setup.sh` liefert klare, umsetzbare Fehlermeldungen und beendet sich bei Fehlern mit einem Nicht-Null-Exit-Code, was den Benutzer effektiv leitet.",{"category":49,"check":147,"severity":39,"summary":148},"Logging","Die Fähigkeit beinhaltet keine destruktiven Aktionen oder ausgehenden Aufrufe, die eine lokale Überprüfungsdatei erfordern würden.",{"category":150,"check":151,"severity":39,"summary":152},"Compliance","GDPR","Die Fähigkeit arbeitet mit Projektkonfigurationen und UI-Code, nicht mit persönlichen Daten, daher entstehen keine GDPR-Bedenken.",{"category":150,"check":154,"severity":24,"summary":155},"Target market","Die Fähigkeit ist global anwendbar und weist keine regionalen oder gerichtlichen Logiken auf.",{"category":57,"check":157,"severity":24,"summary":158},"Runtime stability","Die Fähigkeit geht von Standard-Node.js/npm/pnpm-Umgebungen und POSIX-Shells aus, mit Prüfungen in `verify-setup.sh` auf notwendige Werkzeuge.",{"category":30,"check":160,"severity":24,"summary":161},"README","Die README-Datei existiert und gibt klar den Zweck, die Installation und die Nutzungshinweise der Fähigkeit an.",{"category":70,"check":163,"severity":24,"summary":164},"Tool surface size","Die Fähigkeit exponiert eine fokussierte Auswahl von MCP-Tools, die sich auf shadcn/ui beziehen, gut innerhalb des empfohlenen Bereichs.",{"category":22,"check":166,"severity":24,"summary":167},"Overlapping near-synonym tools","Die exponierten Werkzeuge sind eindeutig und decken spezifische shadcn/ui-Operationen ab, wodurch redundante oder sich überschneidende Synonymnamen vermieden werden.",{"category":30,"check":169,"severity":24,"summary":170},"Phantom features","Alle im README und in der SKILL.md genannten Funktionen, wie z.B. Komponentenfindung und Integration, haben entsprechende Implementierungen und Werkzeuge.",{"category":172,"check":173,"severity":24,"summary":174},"Install","Installation instruction","Das README enthält klare Installationsanweisungen mit `npx skills add` und bietet kopierbare Beispiele für den schnellen Einstieg.",{"category":176,"check":177,"severity":24,"summary":178},"Errors","Actionable error messages","Das Skript `verify-setup.sh` liefert spezifische, umsetzbare Fehlermeldungen mit Korrekturschritten, wenn Projektkonfigurationen fehlen oder falsch sind.",{"category":137,"check":180,"severity":24,"summary":181},"Pinned dependencies","Abhängigkeiten wie React und Tailwind CSS sind Standard für shadcn/ui-Projekte, und das Skript geht von gängigen Paketmanagern und Node.js-Versionen aus.",{"category":70,"check":183,"severity":39,"summary":184},"Dry-run preview","Die Fähigkeit exponiert keine Befehle, die direkt externen Zustand ändern und eine Dry-Run-Vorschau erfordern würden; Aktionen sind typischerweise CLI-gesteuerte Ergänzungen.",{"category":186,"check":187,"severity":39,"summary":188},"Protocol","Idempotent retry & timeouts","Die Fähigkeit beinhaltet keine Remote-Aufrufe oder zustandsändernde Operationen, die eine explizite Idempotenz oder Zeitüberschreitungsbehandlung erfordern.",{"category":150,"check":190,"severity":39,"summary":191},"Telemetry opt-in","Die Fähigkeit sendet keine Telemetriedaten.",1778688097518,"Diese Fähigkeit bietet Expertenanleitungen zur Integration von shadcn/ui-Komponenten in React-Anwendungen. Sie nutzt shadcn MCP-Tools zur Komponentenfindung, Installation und Anpassung und enthält Skripte zur Überprüfung der Einrichtung und Beispiele.",[195,196,197,198,199],"Komponentenfindung und -installation","Projekt-Setup und -Konfiguration","Themen- und Komponentenanpassung","Integration mit shadcn MCP-Tools","Anwendungsbeispiele und Best Practices",[201,202,203],"Bereitstellung einer Komponentenbibliothek, die in node_modules lebt","Ersetzen der Notwendigkeit von React, Tailwind CSS oder Node.js","Anleitungen zu Aspekten außerhalb der shadcn/ui-Integration","3.0.0","4.4.0","Entwicklern die effiziente Integration, Anpassung und Erstellung von Anwendungen mit shadcn/ui-Komponenten durch Expertenanleitungen und praktische Werkzeuge zu ermöglichen.","Die Fähigkeit ist außergewöhnlich gut dokumentiert und praktisch, mit klaren Anweisungen, Beispielen und robuster Überprüfung der Einrichtung. Ein einzelner Info-Hinweis zur Beachtung von Issues aufgrund einer niedrigen Abschlussrate schmälert die insgesamt hohe Qualität nicht.",98,"Umfassende und gut dokumentierte Fähigkeit zur Integration und Anpassung von shadcn/ui-Komponenten.",[13,211,212,213,214,215,216],"react","next-js","frontend","component-library","typescript","tailwind-css","verified",[219,220,221,222],"Integration von shadcn/ui in ein neues oder bestehendes React-Projekt","Entdecken und Installieren spezifischer shadcn/ui-Komponenten","Anpassen des Aussehens und Verhaltens von Komponenten","Erstellen komplexer UI-Elemente wie Formulare und Datentabellen mit shadcn/ui",{"codeQuality":224,"collectedAt":226,"documentation":227,"maintenance":230,"security":236,"testCoverage":238},{"hasLockfile":225},true,1778688073927,{"descriptionLength":228,"readmeSize":229},164,3802,{"closedIssues90d":8,"forks":231,"hasChangelog":232,"openIssues90d":233,"pushedAt":234,"stars":235},651,false,12,1778617529000,5383,{"hasNpmPackage":232,"license":237,"smitheryVerified":232},"Apache-2.0",{"hasCi":225,"hasTests":232},{"updatedAt":240},1778688241700,{"basePath":242,"githubOwner":243,"githubRepo":244,"locale":18,"slug":13,"type":245},"skills/shadcn-ui","google-labs-code","stitch-skills","skill",null,{"evaluate":248,"extract":251},{"promptVersionExtension":204,"promptVersionScoring":205,"score":208,"tags":249,"targetMarket":250,"tier":217},[13,211,212,213,214,215,216],"global",{"commitSha":252},"HEAD",{"repoId":254,"translatedFrom":255},"kd70b4dy5ef0zhthv37qnph3fn86n0np","k17458kfcg8mpaddhq8mnj7c4986m1ss",{"_creationTime":257,"_id":254,"identity":258,"providers":259,"workflow":385},1778687956221.684,{"githubOwner":243,"githubRepo":244,"sourceUrl":14},{"classify":260,"discover":378,"github":381},{"commitSha":252,"extensions":261},[262,280,292,307,322,337,357,370],{"basePath":263,"description":264,"displayName":265,"installMethods":266,"rationale":267,"selectedPaths":268,"source":278,"sourceLanguage":279,"type":245},"skills/design-md","Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files","design-md",{"claudeCode":12},"SKILL.md frontmatter at skills/design-md/SKILL.md",[269,272,275],{"path":270,"priority":271},"SKILL.md","mandatory",{"path":273,"priority":274},"README.md","high",{"path":276,"priority":277},"examples/DESIGN.md","low","rule","en",{"basePath":281,"description":282,"displayName":283,"installMethods":284,"rationale":285,"selectedPaths":286,"source":278,"sourceLanguage":279,"type":245},"skills/enhance-prompt","Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.","enhance-prompt",{"claudeCode":12},"SKILL.md frontmatter at skills/enhance-prompt/SKILL.md",[287,288,289],{"path":270,"priority":271},{"path":273,"priority":274},{"path":290,"priority":291},"references/KEYWORDS.md","medium",{"basePath":293,"description":294,"displayName":295,"installMethods":296,"rationale":297,"selectedPaths":298,"source":278,"sourceLanguage":279,"type":245},"skills/react-components","Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.","react-components",{"claudeCode":12},"SKILL.md frontmatter at skills/react-components/SKILL.md",[299,300,301,303,305],{"path":270,"priority":271},{"path":273,"priority":274},{"path":302,"priority":277},"examples/gold-standard-card.tsx",{"path":304,"priority":277},"scripts/fetch-stitch.sh",{"path":306,"priority":277},"scripts/validate.js",{"basePath":308,"description":309,"displayName":310,"installMethods":311,"rationale":312,"selectedPaths":313,"source":278,"sourceLanguage":279,"type":245},"skills/remotion","Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays","remotion",{"claudeCode":12},"SKILL.md frontmatter at skills/remotion/SKILL.md",[314,315,316,318,320],{"path":270,"priority":271},{"path":273,"priority":274},{"path":317,"priority":277},"examples/WalkthroughComposition.tsx",{"path":319,"priority":277},"examples/screens.json",{"path":321,"priority":277},"scripts/download-stitch-asset.sh",{"basePath":242,"description":323,"displayName":13,"installMethods":324,"rationale":325,"selectedPaths":326,"source":278,"sourceLanguage":279,"type":245},"Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.",{"claudeCode":12},"SKILL.md frontmatter at skills/shadcn-ui/SKILL.md",[327,328,329,331,333,335],{"path":270,"priority":271},{"path":273,"priority":274},{"path":330,"priority":277},"examples/auth-layout.tsx",{"path":332,"priority":277},"examples/data-table.tsx",{"path":334,"priority":277},"examples/form-pattern.tsx",{"path":336,"priority":277},"scripts/verify-setup.sh",{"basePath":338,"description":339,"displayName":340,"installMethods":341,"rationale":342,"selectedPaths":343,"source":278,"sourceLanguage":279,"type":245},"skills/stitch-design","Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.","stitch-design",{"claudeCode":12},"SKILL.md frontmatter at skills/stitch-design/SKILL.md",[344,345,346,347,349,351,353,355],{"path":270,"priority":271},{"path":273,"priority":274},{"path":276,"priority":277},{"path":348,"priority":277},"examples/enhanced-prompt.md",{"path":350,"priority":277},"examples/metadata.json",{"path":352,"priority":291},"references/design-mappings.md",{"path":354,"priority":291},"references/prompt-keywords.md",{"path":356,"priority":291},"references/tool-schemas.md",{"basePath":358,"description":359,"displayName":360,"installMethods":361,"rationale":362,"selectedPaths":363,"source":278,"sourceLanguage":279,"type":245},"skills/stitch-loop","Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern","stitch-loop",{"claudeCode":12},"SKILL.md frontmatter at skills/stitch-loop/SKILL.md",[364,365,366,368],{"path":270,"priority":271},{"path":273,"priority":274},{"path":367,"priority":277},"examples/SITE.md",{"path":369,"priority":277},"examples/next-prompt.md",{"basePath":371,"description":372,"displayName":373,"installMethods":374,"rationale":375,"selectedPaths":376,"source":278,"sourceLanguage":279,"type":245},"skills/taste-design","Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.","taste-design",{"claudeCode":12},"SKILL.md frontmatter at skills/taste-design/SKILL.md",[377],{"path":270,"priority":271},{"sources":379},[380],"manual",{"closedIssues90d":8,"description":382,"forks":231,"homepage":383,"license":237,"openIssues90d":233,"pushedAt":234,"readmeSize":229,"stars":235,"topics":384},"A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.","https://stitch.withgoogle.com/docs/mcp/setup",[],{"classifiedAt":386,"discoverAt":387,"extractAt":388,"githubAt":388,"updatedAt":386},1778687960419,1778687956221,1778687958680,[214,213,212,211,13,216,215],{"evaluatedAt":391,"extractAt":392,"updatedAt":240},1778688097638,1778687960592,[],[395,422,454,479,510,541],{"_creationTime":396,"_id":397,"community":398,"display":399,"identity":405,"providers":410,"relations":416,"tags":418,"workflow":419},1778683190010.2769,"k173mm0mrmw88ybjm7f9rjqry986nya3",{"reviewCount":8},{"description":400,"installMethods":401,"name":403,"sourceUrl":404},"shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership",{"claudeCode":402},"bobmatnyc/claude-mpm-skills","shadcn/ui Component Library","https://github.com/bobmatnyc/claude-mpm-skills",{"basePath":406,"githubOwner":407,"githubRepo":408,"locale":279,"slug":409,"type":245},"toolchains/ui/components/shadcn","bobmatnyc","claude-mpm-skills","shadcn",{"evaluate":411,"extract":414},{"promptVersionExtension":204,"promptVersionScoring":205,"score":412,"tags":413,"targetMarket":250,"tier":217},99,[211,13,216,214,213],{"commitSha":252,"license":415},"MIT",{"repoId":417},"kd72g55e5qeqs90bk1bvkt8wbx86nkn3",[214,213,211,13,216],{"evaluatedAt":420,"extractAt":421,"updatedAt":420},1778685551932,1778683190010,{"_creationTime":423,"_id":424,"community":425,"display":426,"identity":432,"providers":437,"relations":446,"tags":449,"workflow":450},1778694850390.1924,"k1750d1ewq4wgzgmg3581v15z586mbjy",{"reviewCount":8},{"description":427,"installMethods":428,"name":430,"sourceUrl":431},"Erstellen Sie schöne, zugängliche Benutzeroberflächen mit shadcn/ui-Komponenten (basierend auf Radix UI + Tailwind), Utility-First-Styling mit Tailwind CSS und canvasbasierten visuellen Designs. Verwenden Sie dies beim Erstellen von Benutzeroberflächen, Implementieren von Designsystemen, Erstellen responsiver Layouts, Hinzufügen zugänglicher Komponenten (Dialoge, Dropdowns, Formulare, Tabellen), Anpassen von Themes und Farben, Implementieren des Dark Mode, Generieren visueller Designs und Poster oder Herstellen konsistenter Styling-Muster über Anwendungen hinweg.",{"claudeCode":429},"nextlevelbuilder/ui-ux-pro-max-skill","UI UX Pro Max Skill","https://github.com/nextlevelbuilder/ui-ux-pro-max-skill",{"basePath":433,"githubOwner":434,"githubRepo":435,"locale":18,"slug":436,"type":245},".claude/skills/ui-styling","nextlevelbuilder","ui-ux-pro-max-skill","ui-styling",{"evaluate":438,"extract":445},{"promptVersionExtension":204,"promptVersionScoring":205,"score":208,"tags":439,"targetMarket":250,"tier":217},[440,441,442,13,216,211,212,443,444],"ui","ux","design-system","prototyping","development",{"commitSha":252,"license":415},{"repoId":447,"translatedFrom":448},"kd7evk44jjfvd9pg5zj083caen86mrj4","k17fe456jz05zann37va2mzm4h86mza0",[442,444,212,443,211,13,216,440,441],{"evaluatedAt":451,"extractAt":452,"updatedAt":453},1778694751212,1778694631425,1778694850390,{"_creationTime":455,"_id":456,"community":457,"display":458,"identity":464,"providers":467,"relations":473,"tags":475,"workflow":476},1778683070339.0835,"k178d4q7krtw2jwrmmbgv8vm1h86m0p5",{"reviewCount":8},{"description":459,"installMethods":460,"name":462,"sourceUrl":463},"Style UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.",{"claudeCode":461},"binjuhor/shadcn-lar","UI Styling Skill","https://github.com/binjuhor/shadcn-lar",{"basePath":433,"githubOwner":465,"githubRepo":466,"locale":279,"slug":436,"type":245},"binjuhor","shadcn-lar",{"evaluate":468,"extract":472},{"promptVersionExtension":204,"promptVersionScoring":205,"score":469,"tags":470,"targetMarket":250,"tier":217},95,[440,13,216,211,212,442,471],"components",{"commitSha":252,"license":415},{"repoId":474},"kd7b04jshnqyx91sq3jrqtm56s86mmmq",[471,442,212,211,13,216,440],{"evaluatedAt":477,"extractAt":478,"updatedAt":477},1778683613425,1778683070339,{"_creationTime":480,"_id":481,"community":482,"display":483,"identity":489,"providers":493,"relations":503,"tags":506,"workflow":507},1778695548458.4001,"k170asnajd0vcr51hwhfy4t0t986m5bh",{"reviewCount":8},{"description":484,"installMethods":485,"name":487,"sourceUrl":488},"Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.\n",{"claudeCode":486},"pjt222/agent-almanac","setup-tailwind-typescript","https://github.com/pjt222/agent-almanac",{"basePath":490,"githubOwner":491,"githubRepo":492,"locale":279,"slug":487,"type":245},"skills/setup-tailwind-typescript","pjt222","agent-almanac",{"evaluate":494,"extract":502},{"promptVersionExtension":204,"promptVersionScoring":205,"score":495,"tags":496,"targetMarket":250,"tier":217},100,[497,215,498,499,500,211,501],"tailwind","css","styling","configuration","nextjs",{"commitSha":252},{"parentExtensionId":504,"repoId":505},"k170h0janaa9kwn7cfgfz2ykss86mmh9","kd7aryv63z61j39n2td1aeqkvh86mh12",[500,498,501,211,499,497,215],{"evaluatedAt":508,"extractAt":509,"updatedAt":508},1778701490050,1778695548458,{"_creationTime":511,"_id":512,"community":513,"display":514,"identity":520,"providers":524,"relations":534,"tags":537,"workflow":538},1778687299685.3901,"k1766avpz66czpkss71dc79vq586nf9j",{"reviewCount":8},{"description":515,"installMethods":516,"name":518,"sourceUrl":519},"Full Sentry SDK setup for React Router Framework mode. Use when asked to \"add Sentry to React Router Framework\", \"install @sentry/react-router\", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.",{"claudeCode":517},"getsentry/sentry-for-ai","sentry-react-router-framework-sdk","https://github.com/getsentry/sentry-for-ai",{"basePath":521,"githubOwner":522,"githubRepo":523,"locale":279,"slug":518,"type":245},"skills/sentry-react-router-framework-sdk","getsentry","sentry-for-ai",{"evaluate":525,"extract":533},{"promptVersionExtension":204,"promptVersionScoring":205,"score":495,"tags":526,"targetMarket":250,"tier":217},[211,527,528,529,530,531,215,532],"sentry","sdk-setup","error-monitoring","tracing","profiling","javascript",{"commitSha":252},{"parentExtensionId":535,"repoId":536},"k179krjesmjphb7bqfh43701sn86n8mn","kd72wxwjk5zaddkehkc2ftrzfh86nk3n",[529,532,531,211,528,527,530,215],{"evaluatedAt":539,"extractAt":540,"updatedAt":539},1778687838591,1778687299685,{"_creationTime":542,"_id":543,"community":544,"display":545,"identity":551,"providers":556,"relations":562,"tags":565,"workflow":566},1778699018122.8015,"k171bv6ewee7jw9299cy3eew9586mq73",{"reviewCount":8},{"description":546,"installMethods":547,"name":549,"sourceUrl":550},"Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.",{"claudeCode":548},"wshobson/agents","React Modernization","https://github.com/wshobson/agents",{"basePath":552,"githubOwner":553,"githubRepo":554,"locale":279,"slug":555,"type":245},"plugins/framework-migration/skills/react-modernization","wshobson","agents","react-modernization",{"evaluate":557,"extract":561},{"promptVersionExtension":204,"promptVersionScoring":205,"score":412,"tags":558,"targetMarket":250,"tier":217},[211,532,215,213,559,560],"migration","codemods",{"commitSha":252,"license":415},{"parentExtensionId":563,"repoId":564},"k1783xc986w4w0mcsswfnxw4r586nw6j","kd74de64zj0axtg5b8t7eqqe2x86nske",[560,213,532,559,211,215],{"evaluatedAt":567,"extractAt":568,"updatedAt":567},1778701399503,1778699018122]