Best Design and UI Plugins, Skills, and MCP Servers in 2026
Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.
Updated July 26, 2026
These extensions make agents better at visual work. Taste skills fix the generic AI look before code gets written, design-system skills keep generated UI consistent with your components and brand, tool integrations connect the agent to Figma, Canva, or your site builder, and presentation routes turn raw material into decks. Pick by where your visual work actually lives.
What it isAnthropic’s design-direction skill. Before implementing a frontend, it commits to a distinct visual direction - typography, color, layout, motion, texture - instead of falling back on the safe, samey styling coding agents produce on their own.When to useWhen a product surface needs its own identity rather than default styling. It shapes generation, not review - pair it with Web Design Guidelines for audits. Generated design still needs accessibility and production testing before it ships.
What it isVercel’s review skill for frontend files. On each run it fetches Vercel’s current interface and accessibility rules, checks the files you point it at, and returns terse file-and-line findings you can inspect before asking the agent to fix anything.When to useAs an audit pass over new or existing UI code - it reviews rather than generates. Because rules are fetched live at runtime, results stay current but can change between runs, and the remote instructions have to be trusted.What you needLocal project access and internet access at run time; no account.
What it isA community workflow that searches a bundled design database and produces project-specific recommendations - palettes, typography, layout, charts, even stack choices - before the agent writes any interface code.When to useWhen structured, concrete design-system direction beats a single taste prompt. Its database is guidance, not proof of usability, and the open core is separate from the publisher’s optional paid offering.What you needNode.js plus Python 3 for the design-database search script.
What it isAnthropic’s presentation skill for working directly on PowerPoint files - creating, editing, rendering, splitting, and merging PPTX and POTX artifacts through a documented production workflow rather than one-shot file generation.When to useWhen the deliverable is a PowerPoint file and generating it locally is fine. It is a different thing from Claude for PowerPoint, which runs inside the application. Rendered output still needs a visual review before it goes out.
What it isA community bundle of portable design skills for AI agents. It includes the flexible Design Taste workflow, predefined directions such as High-End Visual Design and Minimalist UI, redesign and image-to-code workflows, and skills for generating visual references.When to useWhen you want to choose an explicit design method instead of relying on a generic styling prompt. Start with Design Taste for adjustable variance, motion, and density; select High-End Visual Design or another variant when the visual direction is already clear. The current Design Taste v2 workflow is explicitly experimental.
What it isThe official shadcn/ui skill. It helps the agent add, search, debug, style, and compose components using your project’s actual component and registry context instead of inventing component APIs that don’t exist.When to useIn projects built on shadcn/ui or compatible registries - it keeps generated UI aligned with the real component system. It is consistency infrastructure, not a general design-taste workflow.
What it isA provider-aware frontend design workflow: one core skill, 23 supporting commands, optional hooks, and a detector that audits files, directories, or live URLs. Its installer compiles the right package for whichever platform you run.When to useFor improving an existing frontend through repeated critique - it gives the agent a concrete design vocabulary and a browser-review loop instead of one “make it modern” pass. It can write provider configuration and drive Puppeteer, so review what the installer generates.What you needNode.js; Puppeteer for URL audits.
What it isFigma’s official integration. The agent retrieves structured layout and component context, design tokens, screenshots, and Code Connect mappings from your files, and supported routes can also write to Figma, FigJam, and Figma Slides.When to useFor design-to-code and design-parity review when the source of truth lives in Figma - structured context beats pasting screenshots. Prefer the official packages over older community MCP implementations.What you needA Figma account with access to the files. Read-tool limits depend on plan and seat - Starter and View seats can get as few as six calls a month, so sustained use effectively needs a paid Full or Dev seat.
What it isStorybook’s official agent extension. Through a local MCP server - plus experimental Claude and Codex plugins - the agent inspects real component APIs, generates and updates stories, runs tests, and shows visual proof instead of guessing how the design system works.When to useFor component-driven frontend work in projects that already run Storybook, especially where many existing components must be reused consistently. Keep the local endpoint private when Storybook contains proprietary components.What you needStorybook 10.5 or later running locally. The Claude and Codex plugins are vendor-published but experimental.
What it isAnthropic’s skill for building polished, self-contained interactive web artifacts - pages and mini-apps that need more structure than an HTML snippet but far less than a production application.When to useFor bounded interactive deliverables: dashboards, demos, single-page tools. It handles construction; for choosing the visual direction itself, Frontend Design is the companion skill.
What it isAnthropic’s skill for applying a supplied brand system - colors, typography, rules - to documents and visual artifacts, so the brand doesn’t have to be restated in every prompt.When to useWhen you have a concrete brand guide or asset set for it to work from. It applies rules; it doesn’t invent them, and it isn’t a live brand-management integration.What you needA brand guide or asset set to supply.
What it isA community skill and CLI that reverse-engineers a public website’s colors, typography, spacing, radii, and shadows into starter JSON and CSS design tokens.When to useTo bootstrap a local design system from a visual reference you’re authorized to use, instead of hand-transcribing styles. Treat the output as starter tokens, not a pixel-perfect clone of the source site.What you needNode.js and Playwright for the extraction CLI.
What it isAnthropic’s visual-art skill for standalone graphics: posters, cover images, and other finished canvas compositions. Despite the name, this is not Canva and has no connection to the Canva product - for that, see Canva.When to useWhen the deliverable is a single designed graphic rather than a user interface or a slide deck. It brings explicit composition and visual-execution guidance to that one artifact.
What it isCanva’s official integration: a remote design MCP packaged with skills for editing, resizing, bulk creation, brand checks, design feedback, and implementing reviewer comments. This is the Canva product connection - not the similarly named Canvas Design skill.When to useWhen designs, assets, brand kits, templates, comments, and exports live in Canva and it should stay the source of truth while production happens in the agent conversation.What you needA Canva account; bulk creation through brand-template autofill requires Canva Enterprise.
What it isAnthropic’s theming skill. It generates and applies reusable visual themes, keeping palettes, typography, and visual treatment consistent across several related outputs.When to useWhen a set of artifacts should share one coherent look. It is a theming workflow, not a connection to a live design-system source of truth - Storybook covers that job.
What it isLucid’s official connector and hosted MCP server. The agent can generate diagrams and search, retrieve, share, and summarize existing Lucid documents without exporting static images first.When to useWhen Lucid is already the team’s diagramming source of truth and process maps should flow into agent work. OAuth grants write-capable access to documents, so authorize thoughtfully.What you needA Lucid account; plan capabilities apply.
What it isWebflow’s official integration: a hosted MCP server plus a Claude connector, a verified Cursor plugin, and an official skills collection. The agent designs, edits, audits, and manages sites across components, styles, CMS, assets, and branches.When to useWhen the website actually lives in Webflow and the agent should work on that governed project. It can create, edit, and delete resources and can affect published sites, so authorize sites deliberately.What you needA Webflow account with access to at least one site.
What it isOpenAI’s design bundle of ten skills that turn a brief, screenshot, URL, or existing product into research, design directions, prototypes, audits, visual QA, and shareable review artifacts - a reviewable process rather than a single styling prompt.When to useFor early product exploration, flow audits, and screenshot-to-prototype work. Its prototypes and automated critiques are not user research or accessibility certification.What you needCodex only - no Claude or Cursor version of this bundle exists.
What it isFramer’s official bridge for local agents. One CLI setup gives the agent live access to a Framer project - canvas, pages, CMS, code components, styles, assets, localization, screenshots, and publishing. Framer deliberately does not use MCP for this connection.When to useFor structured, repeatable Framer work such as CMS imports, bulk edits, and design-system maintenance against the real project. The agent can modify and publish site state, so authorize projects deliberately.What you needA Framer account, per-project authorization, and Node for the CLI. The External Agent API is beta, and Framer plan and credit rules apply.
What it isGamma’s official connector and hosted MCP server. It turns prompts and source material into presentations, documents, social posts, and simple sites, with themes, layouts, AI visuals, and export options handled by the hosted product.When to useWhen a good-looking deck fast matters more than low-level slide control. Prompts and source material are sent to Gamma.What you needA Gamma account; generation consumes account credits and plan limits apply.
What it isSlidev’s official skill for developer presentations. It teaches the agent the actual Slidev Markdown and Vue syntax, components, and runtime conventions, so decks live as version-controlled files next to the code they explain.When to useFor developer talks and code-heavy decks. For business presentations that end up as a PowerPoint file, PPTX is the better route.
What it isGoogle’s first-party Workspace MCP server for Google Slides, currently a Developer Preview. It lets the agent operate on live presentations instead of only generating exported files.When to useWhen Google Slides is the system of record and Developer Preview conditions are acceptable - the toolset and availability can change without notice.What you needA Google account, enrollment in the Google Workspace Developer Preview Program, and your own Google Cloud OAuth client configured for the server.
What it isMagicPath’s official plugins and skill connect the agent to its collaborative UI canvas - moving between a visual canvas, reusable components, design-system themes, and production code in one workflow.When to useWhen MagicPath is already part of your design-to-code process. The skill drives the product through its CLI and canvas workflow, so it has little to offer outside it.
What it istldraw’s official MCP App gives the agent a live visual canvas for drawing, diagramming, and collaborative visual work, with read and write access to what’s on it.When to useWhen sketching an idea together beats a text-only diagram. Licensing the tldraw SDK for production use is a separate matter from this plugin.What you needCursor only - no Claude or Codex route exists today.
What it isPaper’s official plugins pair a local design-canvas MCP, hosted by the Paper desktop app, with code-to-design and design-to-code skills - a bidirectional path between a real canvas and the current codebase.When to useWhen Paper desktop is the visual workspace and design and implementation should stay connected. The agent can read and write designs and project-linked files.What you needThe Paper desktop app installed and running, for every route.
Documents, whiteboard collaboration, and office-file skills.
Coding
Frontend tooling and component work without a design job.
Was this page helpful?
⌘I
{"docsConfig":{"theme":"luma","$schema":"https://mintlify.com/docs.json","name":"Useful AI","description":"Useful AI helps people find, compare, and learn practical AI tools, models, courses, guides, and resources.","colors":{"primary":"#000000","light":"#ffffff","dark":"#000000"},"logo":{"light":"https://mintcdn.com/usefulai/TukEV5gATx8azBBm/logo-icon.svg?fit=max\u0026auto=format\u0026n=TukEV5gATx8azBBm\u0026q=85\u0026s=57400ad8c532e03bb1fd7345ebfd8537","dark":"https://mintcdn.com/usefulai/TukEV5gATx8azBBm/logo-icon-dark.svg?fit=max\u0026auto=format\u0026n=TukEV5gATx8azBBm\u0026q=85\u0026s=cadf9ff8793b68f2f5ff9d8eb48d0564"},"favicon":"https://mintcdn.com/usefulai/LMn8K2dt36OSmQDE/favicon.svg?fit=max\u0026auto=format\u0026n=LMn8K2dt36OSmQDE\u0026q=85\u0026s=af301d243bd81ba4ec1dbc871f6981cd","appearance":{"default":"light"},"background":{"color":{"dark":"#090c10"}},"footer":{"socials":{"linkedin":"https://www.linkedin.com/company/usefulai"},"links":[{"header":"Company","items":[{"label":"About Us","href":"/about-us"},{"label":"Privacy","href":"/privacy"},{"label":"Terms","href":"/terms"}]}]},"search":{"prompt":"Search AI tools, models, courses, and guides"},"seo":{"indexing":"all"},"integrations":{"clarity":{"projectId":"lsiokxfop1"},"ga4":{"measurementId":"G-R0NFT3CXD9"}},"styling":{"latex":true},"navigation":{"global":{},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"usefulai","hasAudioNarration":false,"actualSubdomain":"usefulai","customDomains":["usefulai.com"],"gitSource":{"type":"github","owner":"usefulaios","repo":"usefulai","deployBranch":"main","contentDirectory":"mintlify/live","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a9b592deaf13c8167f1bc47","collectionId":"e298dabe-1386-4aa7-bd9c-b5a4fe999b97","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6a9b592deaf13c8167f1bc47"},"feedback":{"agentFeedback":true,"thumbs":true},"entitlements":{},"buildId":"6a9b592deaf13c8167f1bc47","clientVersion":"0.0.4067","searchFilterCounts":[{"language":"default","tag":"Tools","count":74},{"language":"default","tag":"More Tools","count":43},{"language":"default","tag":"Use Cases","count":25},{"language":"default","tag":"Models","count":18},{"language":"default","tag":"By Tool","count":17},{"language":"default","tag":"Feeds","count":17},{"language":"default","tag":"Courses","count":16},{"language":"default","tag":"Plugins","count":14},{"language":"default","tag":"By Category","count":14},{"language":"default","tag":"Guides","count":12}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","href":"/_mintlify/custom/usefulai/8cef5607a0338ea3/style.css"}],"page":{"pagePath":"plugins/design-ui","slug":"/plugins/design-ui","pageMetadata":{"title":"Best Design and UI Plugins, Skills, and MCP Servers in 2026","description":"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.","sidebarTitle":"Design \u0026 UI","og:title":"Best Design and UI Plugins, Skills, and MCP Servers in 2026","og:description":"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.","mode":"wide","hideFooterPagination":true,"href":"/plugins/design-ui"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,hr:`hr`,p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Card,CardGroup,Heading,Icon,Table,Tooltip}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Icon)_missingMdxReference(`Icon`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Tooltip)_missingMdxReference(`Tooltip`,true);return _jsxs(_Fragment,{children:[_jsx(`div`,{className:`uai-updated-row`,children:`Updated July 26, 2026`}),`\n`,_jsx(_components.p,{children:`These extensions make agents better at visual work. Taste skills fix the generic AI look before code gets written, design-system skills keep generated UI consistent with your components and brand, tool integrations connect the agent to Figma, Canva, or your site builder, and presentation routes turn raw material into decks. Pick by where your visual work actually lives.`}),`\n`,_jsxs(`div`,{className:`uai-extension-directory-v2 uai-dep-page uai-plugin-category-template-page uai-extension-variants-page uai-subgroup-page`,children:[_jsxs(`div`,{className:`uai-extension-filters uai-subgroup-chips`,role:`group`,\"aria-label\":`Filter by subcategory`,children:[_jsx(`input`,{className:`uai-extension-filter-input`,type:`radio`,name:`uai-sg`,id:`uai-sg-all`,defaultChecked:true}),_jsx(`label`,{className:`uai-extension-filter-label`,htmlFor:`uai-sg-all`,children:`All`}),_jsx(`input`,{className:`uai-extension-filter-input`,type:`radio`,name:`uai-sg`,id:`uai-sg-ui`}),_jsx(`label`,{className:`uai-extension-filter-label`,htmlFor:`uai-sg-ui`,children:`UI`}),_jsx(`input`,{className:`uai-extension-filter-input`,type:`radio`,name:`uai-sg`,id:`uai-sg-tools`}),_jsx(`label`,{className:`uai-extension-filter-label`,htmlFor:`uai-sg-tools`,children:`Design Tools`}),_jsx(`input`,{className:`uai-extension-filter-input`,type:`radio`,name:`uai-sg`,id:`uai-sg-decks`}),_jsx(`label`,{className:`uai-extension-filter-label`,htmlFor:`uai-sg-decks`,children:`Presentations`})]}),_jsx(`div`,{className:`uai-overview-table uai-overview-table--ranked uai-overview-table--lead-icon`,children:_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{style:{textAlign:`right`},children:`#`}),_jsx(_components.th,{style:{textAlign:`left`},children:`Name`}),_jsx(_components.th,{style:{textAlign:`left`},children:`Best for`}),_jsxs(_components.th,{style:{textAlign:`right`},children:[`Est. installs `,_jsx(Tooltip,{tip:`Estimated from thousands of public install signals including: marketplaces, directories, package downloads, and public code references.`,cta:`Our full methodology`,href:`/plugins#how-we-estimate-installs`,children:_jsxs(`span`,{className:`uai-tip-icon`,children:[_jsx(Icon,{icon:`circle-info`,size:12,color:`currentColor`}),_jsx(`span`,{className:`uai-sr-only`,children:`About install estimates`})]})})]})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`1`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#frontend-design`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f84edebba0edca3b7e75a740d0fc318e`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=3e6c391e45fcc928f3154da47fbc0b24 280w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=2a282e69667c4f9a40785a7a4875a371 560w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f17e5bb56351bea5061c1d3cae8ed454 840w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=bc6b96d4a0794864d9a8061dbd2f20e4 1100w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=4f5f0e173ac5f0d3286855c22b0727ab 1650w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=7dc6fb1ddec7e69fd90889dc720b59c3 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Frontend Design`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Escaping the generic AI look`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`1.2M`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`2`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#web-design-guidelines`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?fit=max\u0026auto=format\u0026n=-BdB1T4cTAq9nNj4\u0026q=85\u0026s=77c9e07c12a238c1e8d97fc14fff0f9d`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/vercel.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=-BdB1T4cTAq9nNj4\u0026q=85\u0026s=ff00b7161d1d35e10d6be99a38100abb 280w, https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=-BdB1T4cTAq9nNj4\u0026q=85\u0026s=c29f1618aa814698339ccd483bc49b0f 560w, https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=-BdB1T4cTAq9nNj4\u0026q=85\u0026s=5f70c3a131274827b2351e838e04ce38 840w, https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=-BdB1T4cTAq9nNj4\u0026q=85\u0026s=8bf6d26db47a5377ed0a5475598de836 1100w, https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=-BdB1T4cTAq9nNj4\u0026q=85\u0026s=ea02dd18701462b42087cc82154320e8 1650w, https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=-BdB1T4cTAq9nNj4\u0026q=85\u0026s=d31c5adf09809b629d6943dbb5040501 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Web Design Guidelines`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Auditing UI against Vercel’s rules`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`490K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`3`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#ui-ux-pro-max`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/uupm.cc.png?fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=914a55d227c98cec951fca93debfa7d7`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/uupm.cc.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/uupm.cc.png?w=280\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=d7af9c7239ede11e687a6ff9b3154845 280w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/uupm.cc.png?w=560\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=a6fa1960a7a58c6e4358391477695a0f 560w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/uupm.cc.png?w=840\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=9f857bb90f6b3b866100d3e68c7c9ad4 840w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/uupm.cc.png?w=1100\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=93a7b2e282a49326f906b49187dfce8f 1100w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/uupm.cc.png?w=1650\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=f73e41be1705ba4753a658a16a4b3da7 1650w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/uupm.cc.png?w=2500\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=93a111ae7c4a754447932116631f4560 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`UI UX Pro Max`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Concrete design-system recommendations`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`300K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`4`,_jsx(`span`,{className:`uai-sgm-decks`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#anthropic-pptx`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f84edebba0edca3b7e75a740d0fc318e`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=3e6c391e45fcc928f3154da47fbc0b24 280w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=2a282e69667c4f9a40785a7a4875a371 560w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f17e5bb56351bea5061c1d3cae8ed454 840w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=bc6b96d4a0794864d9a8061dbd2f20e4 1100w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=4f5f0e173ac5f0d3286855c22b0727ab 1650w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=7dc6fb1ddec7e69fd90889dc720b59c3 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Anthropic PPTX`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Producing and editing PowerPoint files`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`300K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`5`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#taste-skill`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/tasteskill.dev.png?fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=ff0227eb9ba05f2b9e9900e424f16220`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/tasteskill.dev.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/tasteskill.dev.png?w=280\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=484671631b3e370261756018f82bc9b7 280w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/tasteskill.dev.png?w=560\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=98fb932c3e5c323a370f6d8418d45882 560w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/tasteskill.dev.png?w=840\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=d3821f64781f6fe54f105a2e3d91ce4b 840w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/tasteskill.dev.png?w=1100\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=97c595313b47c8748d2b6c7ed2ed710c 1100w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/tasteskill.dev.png?w=1650\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=ed13b13c4d01ee0a8bba0e2840bc1903 1650w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/tasteskill.dev.png?w=2500\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=6df1ee0329718a9db2e6781d18328167 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Taste Skill`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`A collection of distinct design workflows`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`285K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`6`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#shadcn/ui`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/ui.shadcn.com.png?fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=0158f9ec0a4bba7a58a5c2caaa3edb20`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/ui.shadcn.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/ui.shadcn.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=f0521c319f86171a257510f23e028d03 280w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/ui.shadcn.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=5e15ed6ce10d3044698f20cca276fdec 560w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/ui.shadcn.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=b6c2b7d20cc77971d0c40a55f9de67be 840w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/ui.shadcn.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=3c97d652c9a4a64ee1afdc1e570a3318 1100w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/ui.shadcn.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=e0f7f781fcac4e6de94eab5b472dce62 1650w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/ui.shadcn.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=97242e0caccdc57b1297fe935d042afa 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`shadcn/ui`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`UI aligned with your shadcn components`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`260K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`7`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#impeccable`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/impeccable.style.png?fit=max\u0026auto=format\u0026n=5xfT_ObZX_-BobJd\u0026q=85\u0026s=0e5e41992fd4119c440a85fda07a9cfd`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/impeccable.style.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/impeccable.style.png?w=280\u0026fit=max\u0026auto=format\u0026n=5xfT_ObZX_-BobJd\u0026q=85\u0026s=fd249e8413694c7501320e07cbed333b 280w, https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/impeccable.style.png?w=560\u0026fit=max\u0026auto=format\u0026n=5xfT_ObZX_-BobJd\u0026q=85\u0026s=81c69452534883fe886ddb6bd277c88a 560w, https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/impeccable.style.png?w=840\u0026fit=max\u0026auto=format\u0026n=5xfT_ObZX_-BobJd\u0026q=85\u0026s=f4fb1dbf9cb5e03a95f1683ef24bbbb4 840w, https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/impeccable.style.png?w=1100\u0026fit=max\u0026auto=format\u0026n=5xfT_ObZX_-BobJd\u0026q=85\u0026s=30c2adc9bc08e899485907f8ef9c32fa 1100w, https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/impeccable.style.png?w=1650\u0026fit=max\u0026auto=format\u0026n=5xfT_ObZX_-BobJd\u0026q=85\u0026s=b1257b848c7b3d11e5f4d0fb06e23f69 1650w, https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/impeccable.style.png?w=2500\u0026fit=max\u0026auto=format\u0026n=5xfT_ObZX_-BobJd\u0026q=85\u0026s=17ef48ca4d1adef2ecf73907b39bcbe9 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Impeccable`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`A disciplined design-critique loop`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`210K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`8`,_jsx(`span`,{className:`uai-sgm-tools`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#figma`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/XcFilG3Fp3z_o28-/images/icons/48/figma.com.png?fit=max\u0026auto=format\u0026n=XcFilG3Fp3z_o28-\u0026q=85\u0026s=219bb69004a1ee53cfc2b2b628f8dc5c`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/figma.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/XcFilG3Fp3z_o28-/images/icons/48/figma.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=XcFilG3Fp3z_o28-\u0026q=85\u0026s=94116db1796683a7ba64f737273f654e 280w, https://mintcdn.com/usefulai/XcFilG3Fp3z_o28-/images/icons/48/figma.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=XcFilG3Fp3z_o28-\u0026q=85\u0026s=204b5422fce4cdd04e408827cd5ecb2d 560w, https://mintcdn.com/usefulai/XcFilG3Fp3z_o28-/images/icons/48/figma.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=XcFilG3Fp3z_o28-\u0026q=85\u0026s=e23e641ae10e2a540884787f19b8709a 840w, https://mintcdn.com/usefulai/XcFilG3Fp3z_o28-/images/icons/48/figma.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=XcFilG3Fp3z_o28-\u0026q=85\u0026s=b01e4346018dbb8697b754a75fd13b13 1100w, https://mintcdn.com/usefulai/XcFilG3Fp3z_o28-/images/icons/48/figma.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=XcFilG3Fp3z_o28-\u0026q=85\u0026s=84ef6f86a7230f7547b847159644b310 1650w, https://mintcdn.com/usefulai/XcFilG3Fp3z_o28-/images/icons/48/figma.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=XcFilG3Fp3z_o28-\u0026q=85\u0026s=70211a8ba81d8d560aa7ca5281ddb6e2 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Figma`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Design-to-code from real Figma context`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`200K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`9`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#storybook`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/storybook.js.org.png?fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=49e778f423b56db31b26eba984204d59`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/storybook.js.org.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/storybook.js.org.png?w=280\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=a822e931252a238a55ee4b705a0ef845 280w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/storybook.js.org.png?w=560\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=8fb7f7ed4588a8a6033326851dfc31b1 560w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/storybook.js.org.png?w=840\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=84feff1eb0e2fc07eb6ad878e070cb67 840w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/storybook.js.org.png?w=1100\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=a3802dded8c78d3ad2a8cfaea27cf4a8 1100w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/storybook.js.org.png?w=1650\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=8c9a9de570770b8acd45fe35b84733a8 1650w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/storybook.js.org.png?w=2500\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=cdd3fe0764e342c40dd6fcc65f01526a 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Storybook`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`UI built against your real components`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`200K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`10`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#web-artifacts-builder`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f84edebba0edca3b7e75a740d0fc318e`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=3e6c391e45fcc928f3154da47fbc0b24 280w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=2a282e69667c4f9a40785a7a4875a371 560w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f17e5bb56351bea5061c1d3cae8ed454 840w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=bc6b96d4a0794864d9a8061dbd2f20e4 1100w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=4f5f0e173ac5f0d3286855c22b0727ab 1650w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=7dc6fb1ddec7e69fd90889dc720b59c3 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Web Artifacts Builder`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Polished self-contained web artifacts`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`180K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`11`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#brand-guidelines`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f84edebba0edca3b7e75a740d0fc318e`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=3e6c391e45fcc928f3154da47fbc0b24 280w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=2a282e69667c4f9a40785a7a4875a371 560w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f17e5bb56351bea5061c1d3cae8ed454 840w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=bc6b96d4a0794864d9a8061dbd2f20e4 1100w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=4f5f0e173ac5f0d3286855c22b0727ab 1650w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=7dc6fb1ddec7e69fd90889dc720b59c3 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Brand Guidelines`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Applying your brand system to output`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`160K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`12`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#extract-design-system`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=428c02db7ed3f5dc78be2e665f3142c1`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/github.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=2c602d114ef28a382da79d67cd4f0495 280w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=97c3331720adf55873e4c0ddb77a4cf4 560w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=5d168789f570c55bd7f10bdcac52169b 840w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=8b04aa727a2b31e65603810423dee993 1100w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=0baba58d2811cc19f40662bc8f37eeda 1650w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=248c79f25ea33d3a06fe0b2dcc4bd4cd 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Extract Design System`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Design tokens from an existing site`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`130K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`13`,_jsx(`span`,{className:`uai-sgm-decks`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#canvas-design`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f84edebba0edca3b7e75a740d0fc318e`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=3e6c391e45fcc928f3154da47fbc0b24 280w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=2a282e69667c4f9a40785a7a4875a371 560w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f17e5bb56351bea5061c1d3cae8ed454 840w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=bc6b96d4a0794864d9a8061dbd2f20e4 1100w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=4f5f0e173ac5f0d3286855c22b0727ab 1650w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=7dc6fb1ddec7e69fd90889dc720b59c3 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Canvas Design`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Posters and standalone graphics`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`110K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`14`,_jsx(`span`,{className:`uai-sgm-tools`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#canva`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/canva.com.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=1e05d050bd5ea9a547ebfad723af5f4b`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/canva.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/canva.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=c18ff18666718c0042805076afdea7e0 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/canva.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=72b36f00ef628e1bac426f631b6521a6 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/canva.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=e4d03f71d37f48af22766a2476995f88 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/canva.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=41092d638f057bd7e7b53500a5e65556 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/canva.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=4bbd09855ccf9de90914d5790f42fbcd 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/canva.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=2568bd2e9b2ee71610dda02473ae7a3e 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Canva`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Design production in your Canva account`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`100K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`15`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#theme-factory`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f84edebba0edca3b7e75a740d0fc318e`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=3e6c391e45fcc928f3154da47fbc0b24 280w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=2a282e69667c4f9a40785a7a4875a371 560w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=f17e5bb56351bea5061c1d3cae8ed454 840w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=bc6b96d4a0794864d9a8061dbd2f20e4 1100w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=4f5f0e173ac5f0d3286855c22b0727ab 1650w, https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=82PG1Up2qz4DPkMj\u0026q=85\u0026s=7dc6fb1ddec7e69fd90889dc720b59c3 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Theme Factory`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Consistent themes across artifacts`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`75K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`16`,_jsx(`span`,{className:`uai-sgm-tools`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#lucid`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/lucid.co.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=9ccf10aa256ca2f7807e7b9d2aee5a58`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/lucid.co.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/lucid.co.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=54e74703170e8e7bef24eb2a7d18042f 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/lucid.co.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=a58076795aff4c5998b2aef1eb4fcc63 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/lucid.co.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=eb6b447a04572f7f3a9aa5e59e25d4a4 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/lucid.co.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=b6a9cafa56fe76e76ce723258c617721 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/lucid.co.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=7da16f1dfdede9ec1b06dc4d6eec1148 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/lucid.co.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=341d84daa369cb3b50dfae0ca1f2a158 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Lucid`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Diagrams in your Lucid workspace`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`65K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`17`,_jsx(`span`,{className:`uai-sgm-tools`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#webflow`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/webflow.com.png?fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=0c1b06e2dd42c7a00194b7bf8c8e0040`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/webflow.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/webflow.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=837133452948170563723790310e74e2 280w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/webflow.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=e17abe3e6bb9c1739c56da62454ac103 560w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/webflow.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=adce3ec2c17bd26421e29f4b42a3e1bf 840w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/webflow.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=4896c464d436ddd0b709158928d48064 1100w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/webflow.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=6c27c22d65ee6f5356d96264b875b9dc 1650w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/webflow.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=f89bc040b698e92c59a91f8a04df830c 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Webflow`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Building and managing Webflow sites`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`55K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`18`,_jsx(`span`,{className:`uai-sgm-ui`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#product-design`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=21ac965dc6ee5751127e6d435043629b`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=e387f59d682ed0affc9e456b817596b5 280w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=00af174ca40f213988d9398f53c6b0db 560w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=c019ed10381ac320a3345678fb15c0fd 840w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=161d6f9a2f4e327603dbbb7cc76f2feb 1100w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=fb3c337699694fb7bc12163771ba1d18 1650w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=5e1a5b3ca393d9b0806ffbfe045832ea 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Product Design`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Briefs to reviewable prototypes`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`40K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`19`,_jsx(`span`,{className:`uai-sgm-tools`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#framer`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/framer.com.png?fit=max\u0026auto=format\u0026n=AV2yy8lLL0_-iTHA\u0026q=85\u0026s=92ae2994210cc1bb29e238869e6dbe6a`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/framer.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/framer.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=AV2yy8lLL0_-iTHA\u0026q=85\u0026s=6407a707601ce7b2835e90d995623c85 280w, https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/framer.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=AV2yy8lLL0_-iTHA\u0026q=85\u0026s=5a2dc8590d7ae379ce3fb41ff193988b 560w, https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/framer.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=AV2yy8lLL0_-iTHA\u0026q=85\u0026s=f69343eeb8f6b1449b2dace9de83d408 840w, https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/framer.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=AV2yy8lLL0_-iTHA\u0026q=85\u0026s=6f9d782448b115db1602e1f2ecb68aa6 1100w, https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/framer.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=AV2yy8lLL0_-iTHA\u0026q=85\u0026s=015e48ede0da65992768d08fe5495367 1650w, https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/framer.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=AV2yy8lLL0_-iTHA\u0026q=85\u0026s=70ccb0263ca08dac34b787f3fa3097ce 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Framer`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Structured work on Framer sites`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`35K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`20`,_jsx(`span`,{className:`uai-sgm-decks`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#gamma`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/gamma.app.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=df9b4cc8d5fc1b238ec727fb663d8935`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/gamma.app.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/gamma.app.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=da98cd558f8036dd6c407878c17e797f 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/gamma.app.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=17fb486cf6e7107783d42712dcf99f0b 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/gamma.app.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=8ca7a7e8ec8e247b8a20d84e5bfad67e 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/gamma.app.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=0c742d630b951762688ff2c408d149ff 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/gamma.app.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=abb603a49babf23a8ba232389aa80278 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/gamma.app.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=69ce5eb8ec951382519028488fd4931e 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Gamma`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Fast hosted decks from a prompt`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`25K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`21`,_jsx(`span`,{className:`uai-sgm-decks`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#slidev`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/sli.dev.png?fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=6c3af4a9f04fc71044e5ef456e406e16`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/sli.dev.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/sli.dev.png?w=280\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=1a62302feee188be5bb34cc2374b438a 280w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/sli.dev.png?w=560\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=2ced7b7844422e3547add66c909bfb89 560w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/sli.dev.png?w=840\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=19f38c349444a78f6bc6662c2c6f8f41 840w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/sli.dev.png?w=1100\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=5317bd5096cf65d504680374660e5b57 1100w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/sli.dev.png?w=1650\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=2596fb3c1c78232c5435430358b7dec2 1650w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/sli.dev.png?w=2500\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=93631db2e10521a84193c9ed2f78f779 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Slidev`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Version-controlled developer decks`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`20K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`22`,_jsx(`span`,{className:`uai-sgm-decks`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#google-slides-mcp`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/slides.google.com.png?fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=096ddaaf3ec5dbdc1e24fed3a112ac4f`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/slides.google.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/slides.google.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=9c4f781558fbff758f98acd92e7be209 280w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/slides.google.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=b8c6e204064e2ef345141e51d3a4cbaa 560w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/slides.google.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=a9e959270b105851f3733b0dc3ca43aa 840w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/slides.google.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=cd46549c8ac43aa339ccbc31a3339752 1100w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/slides.google.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=03ac2d1bdaad724f2e29ffbdfb4e94aa 1650w, https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/slides.google.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=4phvq9ByoSWJHWEz\u0026q=85\u0026s=6b684331e1e50fcf52072f5e91242304 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Google Slides MCP`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`Editing live Google Slides decks`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`20K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`23`,_jsx(`span`,{className:`uai-sgm-tools`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#magicpath`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/magicpath.ai.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=9f1076848d5d05a3be59297375aa55e7`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/magicpath.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/magicpath.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=4350e4e6b24ce5f2bfaf8ab1d2508d9d 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/magicpath.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=fc397ebbfe782baa8471c5c46a583f7d 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/magicpath.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=5e12c7f45b487b72fe503fe85ceb8e3f 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/magicpath.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=1a3580b7d41abe4ae9a5543203e77c42 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/magicpath.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=d4d7b0aeb7f7e29a1c3a87c1aaa0d828 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/magicpath.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=db8d97cace5979eddac7355a8edfba77 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`MagicPath`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`MagicPath canvas-to-code workflows`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`15K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`24`,_jsx(`span`,{className:`uai-sgm-tools`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#tldraw`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/tldraw.com.png?fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=4d0106ad3fc8a507fa1d234edd46dbd0`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/tldraw.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/tldraw.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=7686b4c84139a18e8ea7e90a1dbfe36b 280w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/tldraw.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=79b2b932c84418d8af46801f91eb2355 560w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/tldraw.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=c8969cc0f7a583131c920d65007383ce 840w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/tldraw.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=9fbf860557a04b993236932edd58b673 1100w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/tldraw.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=80272c87690b31b85b07591d53d19656 1650w, https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/tldraw.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=AHrz0Wwy4lVZj5MG\u0026q=85\u0026s=e8fcc01b9a404a7232fcec53977d13b9 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`tldraw`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`A shared visual canvas in Cursor`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`15K`})})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:[`25`,_jsx(`span`,{className:`uai-sgm-tools`})]}),_jsx(_components.td,{style:{textAlign:`left`},children:_jsxs(`a`,{href:`#paper`,className:`uai-extension-cell mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/paper.design.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=26d48e5f531645417b4d7f8e7f4bbf98`,alt:``,noZoom:true,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/paper.design.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/paper.design.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=1310043afba3daec0a66a2d3716a94a5 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/paper.design.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=6de936ecf6afd5fd374f9318bd5bef09 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/paper.design.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=afb600a6278a09059a72fab601f68392 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/paper.design.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=b3dd70519a800ff1120ede9550cdccf4 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/paper.design.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=8575006b09d262a15560d5fd9c160c57 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/paper.design.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=096ebf219bb6f21c4e6f3ae14346bcb0 2500w`}),_jsx(`span`,{className:`uai-extension-cell-copy`,children:_jsx(`span`,{className:`uai-extension-name`,children:`Paper`})})]})}),_jsx(_components.td,{style:{textAlign:`left`},children:`A design canvas wired to your code`}),_jsx(_components.td,{\"data-numeric\":`true`,style:{textAlign:`right`},children:_jsx(_components.strong,{children:`10K`})})]})]})]})}),_jsxs(`label`,{className:`uai-overview-more`,children:[_jsx(`input`,{type:`checkbox`,className:`uai-overview-toggle`}),_jsxs(`span`,{className:`uai-overview-more-open`,children:[_jsx(`span`,{className:`uai-overview-more-count`,children:`Show more`}),_jsx(Icon,{icon:`chevron-down`,size:13})]}),_jsxs(`span`,{className:`uai-overview-more-close`,children:[_jsx(`span`,{children:`Show less`}),_jsx(Icon,{icon:`chevron-up`,size:13})]})]}),_jsx(_components.hr,{}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=2077996fd7746bfe8ee85acdd8018de3`,alt:`Frontend Design logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=14030e997ece2aee6a65de546d09cbfb 280w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=a018b2d7342f6fa3674d29a1008d5964 560w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=114efab99a9a0c846d4fef5e5f02ec6e 840w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9f549b122c494c04e324182604121daf 1100w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9a2c047202b847160673a3d9c355edce 1650w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=e318ae44ef97e1a8541bd2c299894701 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`frontend-design`,children:_jsx(_components.a,{href:`https://claude.com/plugins/frontend-design`,children:`Frontend Design`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by Anthropic`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Escaping the generic AI look`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`1.2M`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Anthropic’s design-direction skill. Before implementing a frontend, it commits to a distinct visual direction - typography, color, layout, motion, texture - instead of falling back on the safe, samey styling coding agents produce on their own.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsxs(_components.p,{children:[`When a product surface needs its own identity rather than default styling. It shapes generation, not review - pair it with `,_jsx(`a`,{href:`#web-design-guidelines`,children:`Web Design Guidelines`}),` for audits. Generated design still needs accessibility and production testing before it ships.`]})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Frontend Design`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://claude.com/plugins/frontend-design`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Frontend Design Claude plugin - First-party by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/anthropics/skills/tree/main/skills/frontend-design`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Portable frontend-design skill - Official by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/sV7VJe4pqO2Le0pu/images/icons/144/vercel.com.png?fit=max\u0026auto=format\u0026n=sV7VJe4pqO2Le0pu\u0026q=85\u0026s=da20e034cbd8dfcd575e83f9feaa9d6f`,alt:`Web Design Guidelines logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/vercel.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/sV7VJe4pqO2Le0pu/images/icons/144/vercel.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=sV7VJe4pqO2Le0pu\u0026q=85\u0026s=ffcc2261276b015cf19bc13480e14a71 280w, https://mintcdn.com/usefulai/sV7VJe4pqO2Le0pu/images/icons/144/vercel.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=sV7VJe4pqO2Le0pu\u0026q=85\u0026s=56b09df5b15b6868c74e495f7776ab84 560w, https://mintcdn.com/usefulai/sV7VJe4pqO2Le0pu/images/icons/144/vercel.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=sV7VJe4pqO2Le0pu\u0026q=85\u0026s=7a4f891c7876a3287c84228b08c30ffe 840w, https://mintcdn.com/usefulai/sV7VJe4pqO2Le0pu/images/icons/144/vercel.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=sV7VJe4pqO2Le0pu\u0026q=85\u0026s=34f51407c78f5ca2ebdbccd9828143ce 1100w, https://mintcdn.com/usefulai/sV7VJe4pqO2Le0pu/images/icons/144/vercel.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=sV7VJe4pqO2Le0pu\u0026q=85\u0026s=50f7de7fd7817d78934bf36804d46f53 1650w, https://mintcdn.com/usefulai/sV7VJe4pqO2Le0pu/images/icons/144/vercel.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=sV7VJe4pqO2Le0pu\u0026q=85\u0026s=889d0b6b445a511437dcc6d55dac1872 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`web-design-guidelines`,children:_jsx(_components.a,{href:`https://skills.sh/vercel-labs/agent-skills/web-design-guidelines`,children:`Web Design Guidelines`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by Vercel`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Auditing UI against Vercel’s rules`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`490K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Vercel’s review skill for frontend files. On each run it fetches Vercel’s current interface and accessibility rules, checks the files you point it at, and returns terse file-and-line findings you can inspect before asking the agent to fix anything.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`As an audit pass over new or existing UI code - it reviews rather than generates. Because rules are fetched live at runtime, results stay current but can change between runs, and the remote instructions have to be trusted.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`Local project access and internet access at run time; no account.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Web Design Guidelines`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://skills.sh/vercel-labs/agent-skills/web-design-guidelines`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Web Design Guidelines skill - Official by Vercel Labs`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/uupm.cc.png?fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=39e3d5e817ded3b0b9caf36d3782b212`,alt:`UI UX Pro Max logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/uupm.cc.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/uupm.cc.png?w=280\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=fa98e00e4532f544caf563258332ef1f 280w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/uupm.cc.png?w=560\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=ff150a0aa872c02a82e7e4478d877857 560w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/uupm.cc.png?w=840\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=2539fc6d15fbfab76e8ff0597ce38f80 840w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/uupm.cc.png?w=1100\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=0c18b0d3097c9bc9502fe563d1ff16eb 1100w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/uupm.cc.png?w=1650\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=367a7c8ea65e16c860e4f2016a768e10 1650w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/uupm.cc.png?w=2500\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=dbf8381a8a795c378b4f0110fecc7a65 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`ui-ux-pro-max`,children:_jsx(_components.a,{href:`https://github.com/nextlevelbuilder/ui-ux-pro-max-skill`,children:`UI UX Pro Max`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Concrete design-system recommendations`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`300K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`A community workflow that searches a bundled design database and produces project-specific recommendations - palettes, typography, layout, charts, even stack choices - before the agent writes any interface code.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When structured, concrete design-system direction beats a single taste prompt. Its database is guidance, not proof of usability, and the open core is separate from the publisher’s optional paid offering.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`Node.js plus Python 3 for the design-database search script.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install UI UX Pro Max`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/nextlevelbuilder/ui-ux-pro-max-skill`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`UI UX Pro Max Claude plugin - Community by NextLevelBuilder`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://skills.sh/nextlevelbuilder/ui-ux-pro-max-skill/ui-ux-pro-max`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`UI UX Pro Max skill - Community by NextLevelBuilder`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-decks`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=2077996fd7746bfe8ee85acdd8018de3`,alt:`PPTX logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=14030e997ece2aee6a65de546d09cbfb 280w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=a018b2d7342f6fa3674d29a1008d5964 560w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=114efab99a9a0c846d4fef5e5f02ec6e 840w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9f549b122c494c04e324182604121daf 1100w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9a2c047202b847160673a3d9c355edce 1650w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=e318ae44ef97e1a8541bd2c299894701 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`anthropic-pptx`,children:_jsx(_components.a,{href:`https://github.com/anthropics/skills/tree/main/skills/pptx`,children:`Anthropic PPTX`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by Anthropic`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Producing and editing PowerPoint files`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`300K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Anthropic’s presentation skill for working directly on PowerPoint files - creating, editing, rendering, splitting, and merging PPTX and POTX artifacts through a documented production workflow rather than one-shot file generation.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When the deliverable is a PowerPoint file and generating it locally is fine. It is a different thing from Claude for PowerPoint, which runs inside the application. Rendered output still needs a visual review before it goes out.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install PPTX`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/anthropics/skills#try-in-claude-code-claudeai-and-the-api`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`PPTX Claude plugin - First-party by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/anthropics/skills/tree/main/skills/pptx`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Portable pptx skill - Official by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tasteskill.dev.png?fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=f2f1252f3878e2099fc68266c9f61b02`,alt:`Taste Skill logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/tasteskill.dev.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tasteskill.dev.png?w=280\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=86df6c74625e80a27895440e85ddd855 280w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tasteskill.dev.png?w=560\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=440687b6890272717317d004dc0db9c8 560w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tasteskill.dev.png?w=840\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=0b08e6d95134802794db9f7e5ff01f76 840w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tasteskill.dev.png?w=1100\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=a259cf2c1ccc7f406eef80c8331193a8 1100w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tasteskill.dev.png?w=1650\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=10a431b2abc919cdbec41e200c7f4b1b 1650w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tasteskill.dev.png?w=2500\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=44b3a9bed528121779612e947d2aa054 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`taste-skill`,children:_jsx(_components.a,{href:`https://github.com/Leonxlnx/taste-skill`,children:`Taste Skill`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`A collection of distinct design workflows`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`285K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`A community bundle of portable design skills for AI agents. It includes the flexible Design Taste workflow, predefined directions such as High-End Visual Design and Minimalist UI, redesign and image-to-code workflows, and skills for generating visual references.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When you want to choose an explicit design method instead of relying on a generic styling prompt. Start with Design Taste for adjustable variance, motion, and density; select High-End Visual Design or another variant when the visual direction is already clear. The current Design Taste v2 workflow is explicitly experimental.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Taste Skill`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/Leonxlnx/taste-skill`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Taste Skill Claude plugin - Community by Leonxlnx`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/Leonxlnx/taste-skill`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill collection`,title:`Taste Skill collection - Community by Leonxlnx`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/ui.shadcn.com.png?fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=8ee1d128a302e4a881d52e16f0eeaaf9`,alt:`shadcn/ui logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/ui.shadcn.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/ui.shadcn.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=7aeb5f4ef82fb93213cfbcea485429a8 280w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/ui.shadcn.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=23ec2b88e407400942baa7aec4e43f7c 560w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/ui.shadcn.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=71d448afa4d2eef30391468b9dc14bc9 840w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/ui.shadcn.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=5f669a79bc64213c7ccda02ef229f95d 1100w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/ui.shadcn.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=156762b2f4c9e0cbcdcebbf0ff334647 1650w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/ui.shadcn.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=5df2ee1100064fdf873a8210a7c98dfd 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`shadcn/ui`,children:_jsx(_components.a,{href:`https://github.com/shadcn-ui/ui/tree/main/skills/shadcn`,children:`shadcn/ui`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`UI aligned with your shadcn components`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`260K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`The official shadcn/ui skill. It helps the agent add, search, debug, style, and compose components using your project’s actual component and registry context instead of inventing component APIs that don’t exist.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`In projects built on shadcn/ui or compatible registries - it keeps generated UI aligned with the real component system. It is consistency infrastructure, not a general design-taste workflow.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install shadcn/ui`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://cursor.com/marketplace/shadcn`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Cursor Plugin`,title:`shadcn/ui Cursor plugin - Official third-party by shadcn`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=3472188040350aa6fc703d0d14923751`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/cursor.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=1a0db84c5ad21eb29faa6501fa239445 280w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=8aa32d749f92d06005722b3ab1f5053d 560w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=eba9c02b4f0e7e0f67c5c49891e0294c 840w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=a1746f3cfb3b03ddd472d25a928adaa7 1100w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=c851ba988c24d66c63a9b2d731d1157e 1650w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=9554d0d3ef2364ebd57aaf6e1b36a5fb 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/shadcn-ui/ui/tree/main/skills/shadcn`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`shadcn skill - Official third-party by shadcn`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/impeccable.style.png?fit=max\u0026auto=format\u0026n=xNhx1TJ-klGNuRgY\u0026q=85\u0026s=2ccb7eada32fa485665b227e14c30014`,alt:`Impeccable logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/impeccable.style.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/impeccable.style.png?w=280\u0026fit=max\u0026auto=format\u0026n=xNhx1TJ-klGNuRgY\u0026q=85\u0026s=1a77938bb2dd14f91286967ec5db8984 280w, https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/impeccable.style.png?w=560\u0026fit=max\u0026auto=format\u0026n=xNhx1TJ-klGNuRgY\u0026q=85\u0026s=c6ec12086ad1a3d5bc60593064a0a5fb 560w, https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/impeccable.style.png?w=840\u0026fit=max\u0026auto=format\u0026n=xNhx1TJ-klGNuRgY\u0026q=85\u0026s=7c2658e70d004ce1204255209153bde0 840w, https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/impeccable.style.png?w=1100\u0026fit=max\u0026auto=format\u0026n=xNhx1TJ-klGNuRgY\u0026q=85\u0026s=1d3b2a8ce4163275b2e1910625048740 1100w, https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/impeccable.style.png?w=1650\u0026fit=max\u0026auto=format\u0026n=xNhx1TJ-klGNuRgY\u0026q=85\u0026s=bd6be48f06341dcc28504d11e2326780 1650w, https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/impeccable.style.png?w=2500\u0026fit=max\u0026auto=format\u0026n=xNhx1TJ-klGNuRgY\u0026q=85\u0026s=973fa109a83c11ea8a65a5f865a1d880 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`impeccable`,children:_jsx(_components.a,{href:`https://impeccable.style`,children:`Impeccable`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by Paul Bakaus`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`A disciplined design-critique loop`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`210K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`A provider-aware frontend design workflow: one core skill, 23 supporting commands, optional hooks, and a detector that audits files, directories, or live URLs. Its installer compiles the right package for whichever platform you run.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`For improving an existing frontend through repeated critique - it gives the agent a concrete design vocabulary and a browser-review loop instead of one “make it modern” pass. It can write provider configuration and drive Puppeteer, so review what the installer generates.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`Node.js; Puppeteer for URL audits.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Impeccable`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/pbakaus/impeccable#installation`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Impeccable provider-aware installer - Community by Paul Bakaus`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-tools`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/figma.com.png?fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=b610132bf30f90ebad51f90fee423afb`,alt:`Figma logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/figma.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/figma.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=6d0df0477afd3bfa76d4903ee5c94ecc 280w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/figma.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=d1edb03ec927e3b3ac80f2d9546de0db 560w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/figma.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=92f3e20fcd1ce121724be51c65c009d4 840w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/figma.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=30d00b6b1a2e321421f5db1f48c4d5de 1100w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/figma.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=0adb8beabbdabf2e0425f845f43f0239 1650w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/figma.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=4776c878aa460269039d3e5d4ee0991d 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`figma`,children:_jsx(_components.a,{href:`https://developers.figma.com/docs/figma-mcp-server/`,children:`Figma`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Design-to-code from real Figma context`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`200K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Figma’s official integration. The agent retrieves structured layout and component context, design tokens, screenshots, and Code Connect mappings from your files, and supported routes can also write to Figma, FigJam, and Figma Slides.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`For design-to-code and design-parity review when the source of truth lives in Figma - structured context beats pasting screenshots. Prefer the official packages over older community MCP implementations.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`A Figma account with access to the files. Read-tool limits depend on plan and seat - Starter and View seats can get as few as six calls a month, so sustained use effectively needs a paid Full or Dev seat.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Figma`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://claude.com/plugins/figma`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Figma plugin for Claude Code - Official third-party by Figma`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/openai/plugins/tree/main/plugins/figma`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Codex Plugin`,title:`Figma Codex plugin - Official third-party by Figma`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=21ac965dc6ee5751127e6d435043629b`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=e387f59d682ed0affc9e456b817596b5 280w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=00af174ca40f213988d9398f53c6b0db 560w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=c019ed10381ac320a3345678fb15c0fd 840w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=161d6f9a2f4e327603dbbb7cc76f2feb 1100w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=fb3c337699694fb7bc12163771ba1d18 1650w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=5e1a5b3ca393d9b0806ffbfe045832ea 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://cursor.com/marketplace/figma`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Cursor Plugin`,title:`Figma Cursor plugin - Official third-party by Figma`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=3472188040350aa6fc703d0d14923751`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/cursor.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=1a0db84c5ad21eb29faa6501fa239445 280w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=8aa32d749f92d06005722b3ab1f5053d 560w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=eba9c02b4f0e7e0f67c5c49891e0294c 840w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=a1746f3cfb3b03ddd472d25a928adaa7 1100w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=c851ba988c24d66c63a9b2d731d1157e 1650w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=9554d0d3ef2364ebd57aaf6e1b36a5fb 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://developers.figma.com/docs/figma-mcp-server/`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`MCP`,title:`Figma hosted MCP - Official third-party by Figma`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=773d9ff8c886047c422dc6b5404231c9`,alt:``,noZoom:true,className:`uai-mcp-mark`,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/modelcontextprotocol.io.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ba4d7fe8e2ce26122e98c04bff2f46c7 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ae977509dc30da6c66834c55fd85e7ea 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ece13b4bf6289097df367108cbc55735 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=2abf490ad2c85723d227ba2f29c33c35 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=70da188931740a48eeb15ddd3bdf12b9 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=e78811c9d4a2fafd40933a2f81b6859c 2500w`}),_jsx(`span`,{children:`MCP`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/storybook.js.org.png?fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=5dd807b76711476e37c9c69bbd84bbf7`,alt:`Storybook logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/storybook.js.org.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/storybook.js.org.png?w=280\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=8f9618383a1cbd3bb95dbe8e678fa377 280w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/storybook.js.org.png?w=560\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=c754a5429c39220bb738a9a509d20e60 560w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/storybook.js.org.png?w=840\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=ac724aa18e25197b7286415d8358e524 840w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/storybook.js.org.png?w=1100\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=ae86cf182370fc00303bad260cc96f5e 1100w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/storybook.js.org.png?w=1650\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=671dcc87c54e3b3141a3cdae69d92b6b 1650w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/storybook.js.org.png?w=2500\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=5ac84612c443cc1e5f69ace5ffd92d08 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`storybook`,children:_jsx(_components.a,{href:`https://storybook.js.org/ai`,children:`Storybook`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`UI built against your real components`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`200K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Storybook’s official agent extension. Through a local MCP server - plus experimental Claude and Codex plugins - the agent inspects real component APIs, generates and updates stories, runs tests, and shows visual proof instead of guessing how the design system works.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`For component-driven frontend work in projects that already run Storybook, especially where many existing components must be reused consistently. Keep the local endpoint private when Storybook contains proprietary components.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`Storybook 10.5 or later running locally. The Claude and Codex plugins are vendor-published but experimental.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Storybook`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/storybookjs/mcp/tree/main/packages/claude-plugin`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Storybook Claude plugin - Official third-party by Storybook, experimental`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/storybookjs/mcp/tree/main/packages/codex-plugin`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Codex Plugin`,title:`Storybook Codex plugin - Official third-party by Storybook, experimental`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=21ac965dc6ee5751127e6d435043629b`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=e387f59d682ed0affc9e456b817596b5 280w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=00af174ca40f213988d9398f53c6b0db 560w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=c019ed10381ac320a3345678fb15c0fd 840w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=161d6f9a2f4e327603dbbb7cc76f2feb 1100w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=fb3c337699694fb7bc12163771ba1d18 1650w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=5e1a5b3ca393d9b0806ffbfe045832ea 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://storybook.js.org/docs/ai/mcp/overview`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`MCP`,title:`Storybook MCP addon - Official third-party by Storybook`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=773d9ff8c886047c422dc6b5404231c9`,alt:``,noZoom:true,className:`uai-mcp-mark`,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/modelcontextprotocol.io.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ba4d7fe8e2ce26122e98c04bff2f46c7 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ae977509dc30da6c66834c55fd85e7ea 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ece13b4bf6289097df367108cbc55735 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=2abf490ad2c85723d227ba2f29c33c35 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=70da188931740a48eeb15ddd3bdf12b9 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=e78811c9d4a2fafd40933a2f81b6859c 2500w`}),_jsx(`span`,{children:`MCP`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=2077996fd7746bfe8ee85acdd8018de3`,alt:`Web Artifacts Builder logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=14030e997ece2aee6a65de546d09cbfb 280w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=a018b2d7342f6fa3674d29a1008d5964 560w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=114efab99a9a0c846d4fef5e5f02ec6e 840w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9f549b122c494c04e324182604121daf 1100w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9a2c047202b847160673a3d9c355edce 1650w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=e318ae44ef97e1a8541bd2c299894701 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`web-artifacts-builder`,children:_jsx(_components.a,{href:`https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder`,children:`Web Artifacts Builder`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by Anthropic`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Polished self-contained web artifacts`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`180K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Anthropic’s skill for building polished, self-contained interactive web artifacts - pages and mini-apps that need more structure than an HTML snippet but far less than a production application.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsxs(_components.p,{children:[`For bounded interactive deliverables: dashboards, demos, single-page tools. It handles construction; for choosing the visual direction itself, `,_jsx(`a`,{href:`#frontend-design`,children:`Frontend Design`}),` is the companion skill.`]})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Web Artifacts Builder`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/anthropics/skills#try-in-claude-code-claudeai-and-the-api`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Web Artifacts Builder Claude plugin - First-party by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Portable web-artifacts-builder skill - Official by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=2077996fd7746bfe8ee85acdd8018de3`,alt:`Brand Guidelines logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=14030e997ece2aee6a65de546d09cbfb 280w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=a018b2d7342f6fa3674d29a1008d5964 560w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=114efab99a9a0c846d4fef5e5f02ec6e 840w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9f549b122c494c04e324182604121daf 1100w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9a2c047202b847160673a3d9c355edce 1650w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=e318ae44ef97e1a8541bd2c299894701 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`brand-guidelines`,children:_jsx(_components.a,{href:`https://github.com/anthropics/skills/tree/main/skills/brand-guidelines`,children:`Brand Guidelines`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by Anthropic`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Applying your brand system to output`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`160K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Anthropic’s skill for applying a supplied brand system - colors, typography, rules - to documents and visual artifacts, so the brand doesn’t have to be restated in every prompt.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When you have a concrete brand guide or asset set for it to work from. It applies rules; it doesn’t invent them, and it isn’t a live brand-management integration.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`A brand guide or asset set to supply.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Brand Guidelines`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/anthropics/skills#try-in-claude-code-claudeai-and-the-api`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Brand Guidelines Claude plugin - First-party by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/anthropics/skills/tree/main/skills/brand-guidelines`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Portable brand-guidelines skill - Official by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=ae26fba344d6ff6a16b305e4452caac9`,alt:`Extract Design System logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/github.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=f4d89ca3f103e411146e7377455f0e79 280w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=54f36d641dae1cc77b93ba0b0ab88da6 560w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=3830e247913b7670b98af4caad88a276 840w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=d8124a8c5adbe31bb06634a1a0ef999b 1100w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=ba369909e6a6f23376c60c862b0534ff 1650w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=86a7a95f3ce63e017f2a570686500900 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`extract-design-system`,children:_jsx(_components.a,{href:`https://github.com/arvindrk/extract-design-system`,children:`Extract Design System`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Design tokens from an existing site`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`130K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`A community skill and CLI that reverse-engineers a public website’s colors, typography, spacing, radii, and shadows into starter JSON and CSS design tokens.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`To bootstrap a local design system from a visual reference you’re authorized to use, instead of hand-transcribing styles. Treat the output as starter tokens, not a pixel-perfect clone of the source site.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`Node.js and Playwright for the extraction CLI.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Extract Design System`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/arvindrk/extract-design-system`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Codex Plugin`,title:`Extract Design System Codex plugin - Community by Arvind R K`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=21ac965dc6ee5751127e6d435043629b`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=e387f59d682ed0affc9e456b817596b5 280w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=00af174ca40f213988d9398f53c6b0db 560w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=c019ed10381ac320a3345678fb15c0fd 840w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=161d6f9a2f4e327603dbbb7cc76f2feb 1100w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=fb3c337699694fb7bc12163771ba1d18 1650w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=5e1a5b3ca393d9b0806ffbfe045832ea 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/arvindrk/extract-design-system/tree/main/skills/extract-design-system`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Extract Design System skill - Community by Arvind R K`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-decks`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=2077996fd7746bfe8ee85acdd8018de3`,alt:`Canvas Design logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=14030e997ece2aee6a65de546d09cbfb 280w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=a018b2d7342f6fa3674d29a1008d5964 560w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=114efab99a9a0c846d4fef5e5f02ec6e 840w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9f549b122c494c04e324182604121daf 1100w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9a2c047202b847160673a3d9c355edce 1650w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=e318ae44ef97e1a8541bd2c299894701 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`canvas-design`,children:_jsx(_components.a,{href:`https://github.com/anthropics/skills/tree/main/skills/canvas-design`,children:`Canvas Design`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by Anthropic`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Posters and standalone graphics`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`110K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsxs(_components.p,{children:[`Anthropic’s visual-art skill for standalone graphics: posters, cover images, and other finished canvas compositions. Despite the name, this is not Canva and has no connection to the Canva product - for that, see `,_jsx(`a`,{href:`#canva`,children:`Canva`}),`.`]})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When the deliverable is a single designed graphic rather than a user interface or a slide deck. It brings explicit composition and visual-execution guidance to that one artifact.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Canvas Design`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/anthropics/skills#try-in-claude-code-claudeai-and-the-api`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Canvas Design Claude plugin - First-party by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/anthropics/skills/tree/main/skills/canvas-design`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Portable canvas-design skill - Official by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-tools`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/canva.com.png?fit=max\u0026auto=format\u0026n=O2NMryn9hetXwNok\u0026q=85\u0026s=c675b214abb5cbb16821cdc279ceeb64`,alt:`Canva logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/canva.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/canva.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=O2NMryn9hetXwNok\u0026q=85\u0026s=d10f1b87ae7bc7651ea3f0ba80e9a1b9 280w, https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/canva.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=O2NMryn9hetXwNok\u0026q=85\u0026s=1af4dac093a8886d7e1e8d0647fee485 560w, https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/canva.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=O2NMryn9hetXwNok\u0026q=85\u0026s=a8c635a0992a27bcaff5ab2164e7350f 840w, https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/canva.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=O2NMryn9hetXwNok\u0026q=85\u0026s=6c5ce7d25d28458958bff3f904ac66fe 1100w, https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/canva.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=O2NMryn9hetXwNok\u0026q=85\u0026s=6fa9a628b0d208818558e2e3cb914e91 1650w, https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/canva.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=O2NMryn9hetXwNok\u0026q=85\u0026s=e10db54eccadd695296c17aaff67bdb3 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`canva`,children:_jsx(_components.a,{href:`https://claude.com/plugins/canva`,children:`Canva`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Design production in your Canva account`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`100K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsxs(_components.p,{children:[`Canva’s official integration: a remote design MCP packaged with skills for editing, resizing, bulk creation, brand checks, design feedback, and implementing reviewer comments. This is the Canva product connection - not the similarly named `,_jsx(`a`,{href:`#canvas-design`,children:`Canvas Design`}),` skill.`]})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When designs, assets, brand kits, templates, comments, and exports live in Canva and it should stay the source of truth while production happens in the agent conversation.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`A Canva account; bulk creation through brand-template autofill requires Canva Enterprise.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Canva`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://claude.com/plugins/canva`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Canva Claude plugin - Official third-party by Canva`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/openai/plugins/tree/main/plugins/canva`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Codex Plugin`,title:`Canva Codex plugin - Official third-party by Canva`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=21ac965dc6ee5751127e6d435043629b`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=e387f59d682ed0affc9e456b817596b5 280w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=00af174ca40f213988d9398f53c6b0db 560w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=c019ed10381ac320a3345678fb15c0fd 840w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=161d6f9a2f4e327603dbbb7cc76f2feb 1100w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=fb3c337699694fb7bc12163771ba1d18 1650w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=5e1a5b3ca393d9b0806ffbfe045832ea 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://cursor.com/marketplace/canva`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Cursor Plugin`,title:`Canva Cursor plugin - Official third-party by Canva`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=3472188040350aa6fc703d0d14923751`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/cursor.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=1a0db84c5ad21eb29faa6501fa239445 280w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=8aa32d749f92d06005722b3ab1f5053d 560w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=eba9c02b4f0e7e0f67c5c49891e0294c 840w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=a1746f3cfb3b03ddd472d25a928adaa7 1100w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=c851ba988c24d66c63a9b2d731d1157e 1650w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=9554d0d3ef2364ebd57aaf6e1b36a5fb 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://www.canva.dev/docs/mcp/`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`MCP`,title:`Canva remote MCP - Official third-party by Canva`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=773d9ff8c886047c422dc6b5404231c9`,alt:``,noZoom:true,className:`uai-mcp-mark`,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/modelcontextprotocol.io.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ba4d7fe8e2ce26122e98c04bff2f46c7 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ae977509dc30da6c66834c55fd85e7ea 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ece13b4bf6289097df367108cbc55735 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=2abf490ad2c85723d227ba2f29c33c35 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=70da188931740a48eeb15ddd3bdf12b9 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=e78811c9d4a2fafd40933a2f81b6859c 2500w`}),_jsx(`span`,{children:`MCP`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=2077996fd7746bfe8ee85acdd8018de3`,alt:`Theme Factory logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/anthropic.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=14030e997ece2aee6a65de546d09cbfb 280w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=a018b2d7342f6fa3674d29a1008d5964 560w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=114efab99a9a0c846d4fef5e5f02ec6e 840w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9f549b122c494c04e324182604121daf 1100w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=9a2c047202b847160673a3d9c355edce 1650w, https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tO2qspLJNjFc61Zv\u0026q=85\u0026s=e318ae44ef97e1a8541bd2c299894701 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`theme-factory`,children:_jsx(_components.a,{href:`https://github.com/anthropics/skills/tree/main/skills/theme-factory`,children:`Theme Factory`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by Anthropic`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Consistent themes across artifacts`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`75K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Anthropic’s theming skill. It generates and applies reusable visual themes, keeping palettes, typography, and visual treatment consistent across several related outputs.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsxs(_components.p,{children:[`When a set of artifacts should share one coherent look. It is a theming workflow, not a connection to a live design-system source of truth - `,_jsx(`a`,{href:`#storybook`,children:`Storybook`}),` covers that job.`]})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Theme Factory`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/anthropics/skills#try-in-claude-code-claudeai-and-the-api`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Theme Factory Claude plugin - First-party by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/anthropics/skills/tree/main/skills/theme-factory`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Portable theme-factory skill - Official by Anthropic`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-tools`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/lucid.co.png?fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=c7081b0f2c89da1f8357e0381d3569d8`,alt:`Lucid logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/lucid.co.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/lucid.co.png?w=280\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=98a66f3a32cee55d256fccc57b719bfb 280w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/lucid.co.png?w=560\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=da048c47552b9c0334d1abecbd22e60e 560w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/lucid.co.png?w=840\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=314e49b8e7864b5220e6cd87a1539fb8 840w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/lucid.co.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=c80399ea8b2a9bc374510e851a8a6006 1100w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/lucid.co.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=be4bbff30736590119ceafd90c0a743f 1650w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/lucid.co.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=582ffc0efeefc71b096d13936420d102 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`lucid`,children:_jsx(_components.a,{href:`https://lucid.co/marketplace/e16391cc/lucid-mcp-server`,children:`Lucid`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Diagrams in your Lucid workspace`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`65K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Lucid’s official connector and hosted MCP server. The agent can generate diagrams and search, retrieve, share, and summarize existing Lucid documents without exporting static images first.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When Lucid is already the team’s diagramming source of truth and process maps should flow into agent work. OAuth grants write-capable access to documents, so authorize thoughtfully.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`A Lucid account; plan capabilities apply.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Lucid`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://claude.com/connectors/lucid`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Connector`,title:`Lucid Claude connector - Official third-party by Lucid Software`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Connector`})]}),_jsxs(`a`,{href:`https://help.lucid.co/hc/en-us/articles/42578801807508-Integrate-Lucid-with-AI-tools-using-the-Lucid-MCP-server`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`MCP`,title:`Lucid hosted MCP - Official third-party by Lucid Software`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=773d9ff8c886047c422dc6b5404231c9`,alt:``,noZoom:true,className:`uai-mcp-mark`,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/modelcontextprotocol.io.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ba4d7fe8e2ce26122e98c04bff2f46c7 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ae977509dc30da6c66834c55fd85e7ea 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ece13b4bf6289097df367108cbc55735 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=2abf490ad2c85723d227ba2f29c33c35 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=70da188931740a48eeb15ddd3bdf12b9 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=e78811c9d4a2fafd40933a2f81b6859c 2500w`}),_jsx(`span`,{children:`MCP`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-tools`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/8R1267HeLIC76h0q/images/icons/144/webflow.com.png?fit=max\u0026auto=format\u0026n=8R1267HeLIC76h0q\u0026q=85\u0026s=a87adf28ce0614f266a5b2cc685a02a4`,alt:`Webflow logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/webflow.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/8R1267HeLIC76h0q/images/icons/144/webflow.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=8R1267HeLIC76h0q\u0026q=85\u0026s=315c0021eb096a2a7210014fb1b18f31 280w, https://mintcdn.com/usefulai/8R1267HeLIC76h0q/images/icons/144/webflow.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=8R1267HeLIC76h0q\u0026q=85\u0026s=56a265e6f4039510221faf49467f2b22 560w, https://mintcdn.com/usefulai/8R1267HeLIC76h0q/images/icons/144/webflow.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=8R1267HeLIC76h0q\u0026q=85\u0026s=9908892222207c0db320990f34ec11d8 840w, https://mintcdn.com/usefulai/8R1267HeLIC76h0q/images/icons/144/webflow.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=8R1267HeLIC76h0q\u0026q=85\u0026s=16da59c8827c58e3138b45fcf9cf12bd 1100w, https://mintcdn.com/usefulai/8R1267HeLIC76h0q/images/icons/144/webflow.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=8R1267HeLIC76h0q\u0026q=85\u0026s=3595b1cbb6d30f2fc67f67cc0b476405 1650w, https://mintcdn.com/usefulai/8R1267HeLIC76h0q/images/icons/144/webflow.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=8R1267HeLIC76h0q\u0026q=85\u0026s=8fc6a5eafef360f8df56ca352a5133b1 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`webflow`,children:_jsx(_components.a,{href:`https://developers.webflow.com/mcp/reference/getting-started`,children:`Webflow`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Building and managing Webflow sites`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`55K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Webflow’s official integration: a hosted MCP server plus a Claude connector, a verified Cursor plugin, and an official skills collection. The agent designs, edits, audits, and manages sites across components, styles, CMS, assets, and branches.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When the website actually lives in Webflow and the agent should work on that governed project. It can create, edit, and delete resources and can affect published sites, so authorize sites deliberately.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`A Webflow account with access to at least one site.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Webflow`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://claude.com/connectors/webflow`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Connector`,title:`Webflow Claude connector - Official third-party by Webflow`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Connector`})]}),_jsxs(`a`,{href:`https://cursor.com/marketplace/webflow`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Cursor Plugin`,title:`Webflow Cursor plugin - Official third-party by Webflow`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=3472188040350aa6fc703d0d14923751`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/cursor.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=1a0db84c5ad21eb29faa6501fa239445 280w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=8aa32d749f92d06005722b3ab1f5053d 560w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=eba9c02b4f0e7e0f67c5c49891e0294c 840w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=a1746f3cfb3b03ddd472d25a928adaa7 1100w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=c851ba988c24d66c63a9b2d731d1157e 1650w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=9554d0d3ef2364ebd57aaf6e1b36a5fb 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://developers.webflow.com/mcp/reference/getting-started`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`MCP`,title:`Webflow hosted MCP - Official third-party by Webflow`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=773d9ff8c886047c422dc6b5404231c9`,alt:``,noZoom:true,className:`uai-mcp-mark`,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/modelcontextprotocol.io.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ba4d7fe8e2ce26122e98c04bff2f46c7 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ae977509dc30da6c66834c55fd85e7ea 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ece13b4bf6289097df367108cbc55735 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=2abf490ad2c85723d227ba2f29c33c35 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=70da188931740a48eeb15ddd3bdf12b9 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=e78811c9d4a2fafd40933a2f81b6859c 2500w`}),_jsx(`span`,{children:`MCP`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-ui`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?fit=max\u0026auto=format\u0026n=Te6KzZ86-OxPuEC2\u0026q=85\u0026s=745b8837f7535bc53cd70fc2f7024d58`,alt:`Product Design logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=Te6KzZ86-OxPuEC2\u0026q=85\u0026s=b334cde1ab2138adc3f9989e90b50e81 280w, https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=Te6KzZ86-OxPuEC2\u0026q=85\u0026s=772374246e41289a75cb7fb39ddb0658 560w, https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=Te6KzZ86-OxPuEC2\u0026q=85\u0026s=3f2429f7b3b4a1ca80b3d62406eebd25 840w, https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Te6KzZ86-OxPuEC2\u0026q=85\u0026s=49407ba88fbc8679e613a4b4aa087730 1100w, https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Te6KzZ86-OxPuEC2\u0026q=85\u0026s=3462d8c0a97b17e2bc6e1793769f6537 1650w, https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Te6KzZ86-OxPuEC2\u0026q=85\u0026s=dc92228725d400065aadf09acc1e82cb 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsxs(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:[_jsx(Heading,{level:`2`,id:`product-design`,children:_jsx(_components.a,{href:`https://openai.com/index/codex-for-every-role-tool-workflow/`,children:`Product Design`})}),_jsx(`span`,{className:`uai-itemcard-byline`,children:`by OpenAI`})]}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Briefs to reviewable prototypes`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`40K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`OpenAI’s design bundle of ten skills that turn a brief, screenshot, URL, or existing product into research, design directions, prototypes, audits, visual QA, and shareable review artifacts - a reviewable process rather than a single styling prompt.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`For early product exploration, flow audits, and screenshot-to-prototype work. Its prototypes and automated critiques are not user research or accessibility certification.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`Codex only - no Claude or Cursor version of this bundle exists.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Product Design`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/openai/role-specific-plugins/tree/main/plugins/product-design`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Codex Plugin`,title:`Product Design Codex plugin - First-party by OpenAI`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=21ac965dc6ee5751127e6d435043629b`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=e387f59d682ed0affc9e456b817596b5 280w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=00af174ca40f213988d9398f53c6b0db 560w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=c019ed10381ac320a3345678fb15c0fd 840w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=161d6f9a2f4e327603dbbb7cc76f2feb 1100w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=fb3c337699694fb7bc12163771ba1d18 1650w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=5e1a5b3ca393d9b0806ffbfe045832ea 2500w`}),_jsx(`span`,{children:`Plugin`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-tools`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/framer.com.png?fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=1ed7618c19a9d14ab09ecae1fdfbb79b`,alt:`Framer logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/framer.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/framer.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=a024013863bb7ec9b1baae5e4ddb672f 280w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/framer.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=300e86f0174f4fbdcc39e4512de2bea0 560w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/framer.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=a539d16faad7a92977c732b1786f19d1 840w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/framer.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=5cd7f7ba6574d175f14ec49e42554ed7 1100w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/framer.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=b90743921e02010e0400ce2085e35a4e 1650w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/framer.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=c6f2cd5d6029fdcb54c75adc15853bfb 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`framer`,children:_jsx(_components.a,{href:`https://www.framer.com/agents/`,children:`Framer`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Structured work on Framer sites`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`35K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Framer’s official bridge for local agents. One CLI setup gives the agent live access to a Framer project - canvas, pages, CMS, code components, styles, assets, localization, screenshots, and publishing. Framer deliberately does not use MCP for this connection.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`For structured, repeatable Framer work such as CMS imports, bulk edits, and design-system maintenance against the real project. The agent can modify and publish site state, so authorize projects deliberately.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`A Framer account, per-project authorization, and Node for the CLI. The External Agent API is beta, and Framer plan and credit rules apply.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Framer`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://www.framer.com/help/articles/use-external-agents-with-framer/`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`CLI`,title:`Framer Agent CLI - Official third-party by Framer`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`CLI`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-decks`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/gamma.app.png?fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=83a06ea55501c3b63957c8a69f88b42a`,alt:`Gamma logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/gamma.app.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/gamma.app.png?w=280\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=3f0b6cf81d8e04eb60593433f73659f5 280w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/gamma.app.png?w=560\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=631077bba0061352c1397c5a1a5d0c91 560w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/gamma.app.png?w=840\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=64de2b744f64f74c674f3d01f1505772 840w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/gamma.app.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=9e0c97bf963944a91c3c0c4ce4cdb56a 1100w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/gamma.app.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=421e86de039c1908e51e97f467e14957 1650w, https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/gamma.app.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Ez-pJDkPpztLE7Cr\u0026q=85\u0026s=ee9d95780d592dcc9e8367b3f0b1fa8a 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`gamma`,children:_jsx(_components.a,{href:`https://developers.gamma.app/mcp/gamma-mcp-server`,children:`Gamma`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Fast hosted decks from a prompt`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`25K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Gamma’s official connector and hosted MCP server. It turns prompts and source material into presentations, documents, social posts, and simple sites, with themes, layouts, AI visuals, and export options handled by the hosted product.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When a good-looking deck fast matters more than low-level slide control. Prompts and source material are sent to Gamma.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`A Gamma account; generation consumes account credits and plan limits apply.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Gamma`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://claude.com/connectors/gamma`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Connector`,title:`Gamma Claude connector - Official third-party by Gamma`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Connector`})]}),_jsxs(`a`,{href:`https://developers.gamma.app/mcp/gamma-mcp-server`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`MCP`,title:`Gamma hosted MCP - Official third-party by Gamma`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=773d9ff8c886047c422dc6b5404231c9`,alt:``,noZoom:true,className:`uai-mcp-mark`,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/modelcontextprotocol.io.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ba4d7fe8e2ce26122e98c04bff2f46c7 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ae977509dc30da6c66834c55fd85e7ea 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ece13b4bf6289097df367108cbc55735 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=2abf490ad2c85723d227ba2f29c33c35 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=70da188931740a48eeb15ddd3bdf12b9 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=e78811c9d4a2fafd40933a2f81b6859c 2500w`}),_jsx(`span`,{children:`MCP`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-decks`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/sli.dev.png?fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=f1ac11264c2be17abc400bdbada69675`,alt:`Slidev logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/sli.dev.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/sli.dev.png?w=280\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=8e08c7b4e5a1b85ebcecd6a3bc806cc9 280w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/sli.dev.png?w=560\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=aacccebaa2aedbd9cd61260793b84ab3 560w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/sli.dev.png?w=840\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=acb1bb65d958e33fb8eb3e3516a9410a 840w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/sli.dev.png?w=1100\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=73da97badb5c98163708db3060710b0d 1100w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/sli.dev.png?w=1650\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=faacd1acf5e7edb264df81df5f693a2f 1650w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/sli.dev.png?w=2500\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=f9f1513141f098fc9e9bfb17a6829101 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`slidev`,children:_jsx(_components.a,{href:`https://github.com/slidevjs/slidev/tree/main/skills/slidev`,children:`Slidev`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Version-controlled developer decks`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`20K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Slidev’s official skill for developer presentations. It teaches the agent the actual Slidev Markdown and Vue syntax, components, and runtime conventions, so decks live as version-controlled files next to the code they explain.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsxs(_components.p,{children:[`For developer talks and code-heavy decks. For business presentations that end up as a PowerPoint file, `,_jsx(`a`,{href:`#anthropic-pptx`,children:`PPTX`}),` is the better route.`]})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Slidev`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/slidevjs/slidev`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Slidev Claude plugin - Official third-party by the Slidev team`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/slidevjs/slidev/tree/main/skills/slidev`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`Slidev skill - Official third-party by the Slidev team`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-decks`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/slides.google.com.png?fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=08ab0a6017eb4180a66ad1999d0f2bcf`,alt:`Google Slides MCP logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/slides.google.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/slides.google.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=a5dc74931f2dc1d4a58f76604def4f91 280w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/slides.google.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=fef8c7a8b9f004d2524de29866c642c5 560w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/slides.google.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=9ff16bcb445c8ce6e82427d403dc561e 840w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/slides.google.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=d47e1ce384bb14b2e07ce70b39e15981 1100w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/slides.google.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=21ce4aedd70fc781d06335f6d9fbedb8 1650w, https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/slides.google.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=k4lSWVSFSOR_cTLZ\u0026q=85\u0026s=7d4c5eb439fd311c94a4c68f3c08b612 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`google-slides-mcp`,children:_jsx(_components.a,{href:`https://developers.google.com/workspace/slides/api/guides/configure-mcp-server`,children:`Google Slides MCP`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`Editing live Google Slides decks`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`20K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Google’s first-party Workspace MCP server for Google Slides, currently a Developer Preview. It lets the agent operate on live presentations instead of only generating exported files.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When Google Slides is the system of record and Developer Preview conditions are acceptable - the toolset and availability can change without notice.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`A Google account, enrollment in the Google Workspace Developer Preview Program, and your own Google Cloud OAuth client configured for the server.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Google Slides MCP`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://developers.google.com/workspace/slides/api/guides/configure-mcp-server`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`MCP`,title:`Google Slides MCP - First-party by Google, Developer Preview`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=773d9ff8c886047c422dc6b5404231c9`,alt:``,noZoom:true,className:`uai-mcp-mark`,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/modelcontextprotocol.io.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ba4d7fe8e2ce26122e98c04bff2f46c7 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ae977509dc30da6c66834c55fd85e7ea 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ece13b4bf6289097df367108cbc55735 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=2abf490ad2c85723d227ba2f29c33c35 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=70da188931740a48eeb15ddd3bdf12b9 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=e78811c9d4a2fafd40933a2f81b6859c 2500w`}),_jsx(`span`,{children:`MCP`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-tools`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/magicpath.ai.png?fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=05d11a9628303cf13879c7ac05df91e1`,alt:`MagicPath logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/magicpath.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/magicpath.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=fc8d31e122063ce08bdfeb1dd89d8df7 280w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/magicpath.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=4d8fd13795898fad23590b850822c34b 560w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/magicpath.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=b96ab9e7f3a930266227bd9b33523540 840w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/magicpath.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=0638fd1a21cd374e3e207daf683c1158 1100w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/magicpath.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=0dc498fb62386c318fa1cd3d16f2886f 1650w, https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/magicpath.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GCPeCvcnaEiqXuyx\u0026q=85\u0026s=410633d9c1e87ba9179d37ecf275d0ab 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`magicpath`,children:_jsx(_components.a,{href:`https://github.com/MagicPathAI/agent-skills`,children:`MagicPath`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`MagicPath canvas-to-code workflows`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`15K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`MagicPath’s official plugins and skill connect the agent to its collaborative UI canvas - moving between a visual canvas, reusable components, design-system themes, and production code in one workflow.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When MagicPath is already part of your design-to-code process. The skill drives the product through its CLI and canvas workflow, so it has little to offer outside it.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install MagicPath`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/MagicPathAI/agent-skills#install-in-claude-code`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`MagicPath Claude plugin - Official third-party by MagicPath`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/openai/plugins/tree/main/plugins/magicpath`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Codex Plugin`,title:`MagicPath Codex plugin - Official third-party by MagicPath`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=21ac965dc6ee5751127e6d435043629b`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=e387f59d682ed0affc9e456b817596b5 280w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=00af174ca40f213988d9398f53c6b0db 560w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=c019ed10381ac320a3345678fb15c0fd 840w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=161d6f9a2f4e327603dbbb7cc76f2feb 1100w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=fb3c337699694fb7bc12163771ba1d18 1650w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=5e1a5b3ca393d9b0806ffbfe045832ea 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://cursor.com/marketplace/magicpath`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Cursor Plugin`,title:`MagicPath Cursor plugin - Official third-party by MagicPath`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=3472188040350aa6fc703d0d14923751`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/cursor.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=1a0db84c5ad21eb29faa6501fa239445 280w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=8aa32d749f92d06005722b3ab1f5053d 560w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=eba9c02b4f0e7e0f67c5c49891e0294c 840w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=a1746f3cfb3b03ddd472d25a928adaa7 1100w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=c851ba988c24d66c63a9b2d731d1157e 1650w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=9554d0d3ef2364ebd57aaf6e1b36a5fb 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/MagicPathAI/agent-skills/tree/main/skills/magicpath`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Skill`,title:`MagicPath portable skill - Official third-party by MagicPath`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=c19a0f7e808888e8d275f6e97fad38a3`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/other-tools.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=280\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=752734c69e47bed37a583f297b83db5f 280w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=560\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=569a859da8e776d36fcfedf8ac35d20f 560w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=840\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=116ead76701efecc305c7700af4918b5 840w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=2e02cf8c208383acf0a41b2fbb5dde2c 1100w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=929caac0893596f1ce7c6996991a4cd7 1650w, https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Qkh6WYyZXPMaeRW_\u0026q=85\u0026s=606d975c888637719cfc3291038c6a6f 2500w`}),_jsx(`span`,{children:`Skill`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-tools`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tldraw.com.png?fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=dd9e237aaddaae050b3758b27ec3f7ab`,alt:`tldraw logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/tldraw.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tldraw.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=17ef4f30c815e24c9689446992097663 280w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tldraw.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=9bda24b09a6e7044543efc58db307877 560w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tldraw.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=4f351642a50b2882aec6f03f9bd82afa 840w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tldraw.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=7b41fd7cc029ee055f793979936c14d3 1100w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tldraw.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=ec1fb23e26b013a4cc42aa54b117b5a1 1650w, https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/tldraw.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=o4_em4P2KznfOrKM\u0026q=85\u0026s=01a2d3d0b34c1dd8bbce15debd5a7b7b 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`tldraw`,children:_jsx(_components.a,{href:`https://tldraw.dev/blog/tldraw-mcp-app`,children:`tldraw`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`A shared visual canvas in Cursor`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`15K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`tldraw’s official MCP App gives the agent a live visual canvas for drawing, diagramming, and collaborative visual work, with read and write access to what’s on it.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When sketching an idea together beats a text-only diagram. Licensing the tldraw SDK for production use is a separate matter from this plugin.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`Cursor only - no Claude or Codex route exists today.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install tldraw`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://cursor.com/marketplace/tldraw`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Cursor Plugin`,title:`tldraw Cursor plugin - Official third-party by tldraw`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=3472188040350aa6fc703d0d14923751`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/cursor.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=1a0db84c5ad21eb29faa6501fa239445 280w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=8aa32d749f92d06005722b3ab1f5053d 560w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=eba9c02b4f0e7e0f67c5c49891e0294c 840w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=a1746f3cfb3b03ddd472d25a928adaa7 1100w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=c851ba988c24d66c63a9b2d731d1157e 1650w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=9554d0d3ef2364ebd57aaf6e1b36a5fb 2500w`}),_jsx(`span`,{children:`Plugin`})]})]})]}),_jsxs(`div`,{className:`uai-itemcard uai-sgc-tools`,role:`article`,children:[_jsxs(`div`,{className:`uai-itemcard-head`,children:[_jsx(`span`,{className:`uai-itemcard-icon`,children:_jsx(`img`,{src:`https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/paper.design.png?fit=max\u0026auto=format\u0026n=tg9qyhjHsl4zE0cN\u0026q=85\u0026s=c30493a25bcbc07b8dfae552d8c0b1cf`,alt:`Paper logo`,noZoom:true,loading:`lazy`,\"data-og-width\":`144`,width:`144`,\"data-og-height\":`144`,height:`144`,\"data-path\":`images/icons/144/paper.design.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/paper.design.png?w=280\u0026fit=max\u0026auto=format\u0026n=tg9qyhjHsl4zE0cN\u0026q=85\u0026s=5280124a895a4a46c13e7ac355da4a0c 280w, https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/paper.design.png?w=560\u0026fit=max\u0026auto=format\u0026n=tg9qyhjHsl4zE0cN\u0026q=85\u0026s=90c66b00fbf47aeae1d9187dc7b55d0c 560w, https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/paper.design.png?w=840\u0026fit=max\u0026auto=format\u0026n=tg9qyhjHsl4zE0cN\u0026q=85\u0026s=9f1aba6dd779ced8f069c0c4e168dbd4 840w, https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/paper.design.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tg9qyhjHsl4zE0cN\u0026q=85\u0026s=804e108bd89f2006304f8aa44a0dd270 1100w, https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/paper.design.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tg9qyhjHsl4zE0cN\u0026q=85\u0026s=fbd0a42fd1852b5f02a91724bbca848c 1650w, https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/paper.design.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tg9qyhjHsl4zE0cN\u0026q=85\u0026s=8d7c9998b5d354a81f5d7fe5a8f9121c 2500w`})}),_jsxs(`div`,{className:`uai-itemcard-identity`,children:[_jsx(`div`,{className:`uai-itemcard-row uai-itemcard-row--title`,children:_jsx(Heading,{level:`2`,id:`paper`,children:_jsx(_components.a,{href:`https://paper.design/docs/mcp`,children:`Paper`})})}),_jsx(`div`,{className:`uai-itemcard-row`,children:_jsx(`span`,{className:`uai-itemcard-note uai-itemcard-note--green`,children:`A design canvas wired to your code`})})]}),_jsx(`div`,{className:`uai-itemcard-end`,children:_jsxs(`div`,{className:`uai-itemcard-metric`,children:[_jsx(`strong`,{children:`10K`}),_jsx(`span`,{children:`estimated installs`})]})})]}),_jsxs(`div`,{className:`uai-itemcard-body`,children:[_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.p,{children:`Paper’s official plugins pair a local design-canvas MCP, hosted by the Paper desktop app, with code-to-design and design-to-code skills - a bidirectional path between a real canvas and the current codebase.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`When to use`})}),_jsx(_components.p,{children:`When Paper desktop is the visual workspace and design and implementation should stay connected. The agent can read and write designs and project-linked files.`})]}),_jsxs(`section`,{className:`uai-itemcard-section`,children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`What you need`})}),_jsx(_components.p,{children:`The Paper desktop app installed and running, for every route.`})]})]}),_jsxs(`div`,{className:`uai-itemcard-rail`,\"aria-label\":`Install Paper`,children:[_jsx(`span`,{className:`uai-itemcard-rail-label`,children:`Install`}),_jsxs(`a`,{href:`https://github.com/paper-design/agent-plugins#claude-code`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Claude Plugin`,title:`Paper Claude plugin - Official third-party by Paper`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fb415c7174f1e2e8f24101e1c7275b99`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/claude.ai.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=280\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=b67d0eb18d8f3566462bdb38cafb6406 280w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=560\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=cbf46caef5bcdf13b399127f3cd71714 560w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=840\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=394e22601c919ac3c39e4b32209f1dde 840w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1100\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=f470b0fd00f26195967981256ae23a0b 1100w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=1650\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=fac1abd0dd0f771dccf27c07e06a4afa 1650w, https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?w=2500\u0026fit=max\u0026auto=format\u0026n=DapqcZBWDcIyQCBz\u0026q=85\u0026s=40df8240d1f93288fd623d2704a1c866 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://github.com/paper-design/agent-plugins#codex`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Codex Plugin`,title:`Paper Codex plugin - Official third-party by Paper`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=21ac965dc6ee5751127e6d435043629b`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/openai.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=e387f59d682ed0affc9e456b817596b5 280w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=00af174ca40f213988d9398f53c6b0db 560w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=c019ed10381ac320a3345678fb15c0fd 840w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=161d6f9a2f4e327603dbbb7cc76f2feb 1100w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=fb3c337699694fb7bc12163771ba1d18 1650w, https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=C5xOaAf4Os-Vu41o\u0026q=85\u0026s=5e1a5b3ca393d9b0806ffbfe045832ea 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://cursor.com/marketplace/paper`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`Cursor Plugin`,title:`Paper Cursor plugin - Official third-party by Paper`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=3472188040350aa6fc703d0d14923751`,alt:``,noZoom:true,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/cursor.com.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=280\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=1a0db84c5ad21eb29faa6501fa239445 280w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=560\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=8aa32d749f92d06005722b3ab1f5053d 560w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=840\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=eba9c02b4f0e7e0f67c5c49891e0294c 840w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1100\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=a1746f3cfb3b03ddd472d25a928adaa7 1100w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=1650\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=c851ba988c24d66c63a9b2d731d1157e 1650w, https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?w=2500\u0026fit=max\u0026auto=format\u0026n=VO-39uGyUn-FtcaD\u0026q=85\u0026s=9554d0d3ef2364ebd57aaf6e1b36a5fb 2500w`}),_jsx(`span`,{children:`Plugin`})]}),_jsxs(`a`,{href:`https://paper.design/docs/mcp`,target:`_blank`,rel:`noreferrer`,\"aria-label\":`MCP`,title:`Paper local MCP - Official third-party by Paper`,className:`uai-itemcard-install mint-no-underline`,children:[_jsx(`img`,{src:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=773d9ff8c886047c422dc6b5404231c9`,alt:``,noZoom:true,className:`uai-mcp-mark`,loading:`lazy`,\"data-og-width\":`48`,width:`48`,\"data-og-height\":`48`,height:`48`,\"data-path\":`images/icons/48/modelcontextprotocol.io.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=280\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ba4d7fe8e2ce26122e98c04bff2f46c7 280w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=560\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ae977509dc30da6c66834c55fd85e7ea 560w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=840\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=ece13b4bf6289097df367108cbc55735 840w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=2abf490ad2c85723d227ba2f29c33c35 1100w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=70da188931740a48eeb15ddd3bdf12b9 1650w, https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hy16G83xN3DfF0qA\u0026q=85\u0026s=e78811c9d4a2fafd40933a2f81b6859c 2500w`}),_jsx(`span`,{children:`MCP`})]})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`choose-by-use-case`,children:`Choose by use case`}),`\n`,_jsx(`p`,{style:{margin:`1.5rem 0 0`,fontWeight:600},children:`Generating a new frontend that shouldn’t look generic?`}),`\n`,_jsxs(`p`,{style:{margin:`0.35rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#frontend-design`,children:`Frontend Design`}),` commits to a distinct visual direction before any code is written`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#ui-ux-pro-max`,children:`UI UX Pro Max`}),` returns concrete palette, type, and layout recommendations from a design database`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#taste-skill`,children:`Taste Skill`}),` bundles adjustable design direction, predefined visual styles, redesign workflows, and image-to-code skills`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#web-artifacts-builder`,children:`Web Artifacts Builder`}),` for a polished self-contained artifact or mini-app rather than product UI`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#product-design`,children:`Product Design`}),` is the Codex-only bundle from brief to reviewable prototype`]}),`\n`,_jsx(`p`,{style:{margin:`1.5rem 0 0`,fontWeight:600},children:`Already built the UI and want it critiqued?`}),`\n`,_jsxs(`p`,{style:{margin:`0.35rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#web-design-guidelines`,children:`Web Design Guidelines`}),` audits files against Vercel’s live interface and accessibility rules`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#impeccable`,children:`Impeccable`}),` runs a repeated critique loop with browser review, not a single pass`]}),`\n`,_jsx(`p`,{style:{margin:`1.5rem 0 0`,fontWeight:600},children:`Keeping generated UI consistent with your components and brand?`}),`\n`,_jsxs(`p`,{style:{margin:`0.35rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#shadcn/ui`,children:`shadcn/ui`}),` when your components are shadcn - the agent works from the real registry`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#storybook`,children:`Storybook`}),` grounds the agent in your actual component library, with visual proof`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#extract-design-system`,children:`Extract Design System`}),` bootstraps starter tokens from an existing site`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#theme-factory`,children:`Theme Factory`}),` and `,_jsx(`a`,{href:`#brand-guidelines`,children:`Brand Guidelines`}),` keep themes and a supplied brand consistent across outputs`]}),`\n`,_jsx(`p`,{style:{margin:`1.5rem 0 0`,fontWeight:600},children:`Your design lives in Figma or on a canvas, and you want code?`}),`\n`,_jsxs(`p`,{style:{margin:`0.35rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#figma`,children:`Figma`}),` for design-to-code and parity review from structured file context`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#paper`,children:`Paper`}),` for a design canvas wired both ways to your codebase`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#magicpath`,children:`MagicPath`}),` when its collaborative canvas is already your route to production code`]}),`\n`,_jsx(`p`,{style:{margin:`0.35rem 0 0`,fontSize:`0.9rem`,color:`#71717a`},children:`Paper needs its desktop app running - the cards carry the platform details.`}),`\n`,_jsx(`p`,{style:{margin:`1.5rem 0 0`,fontWeight:600},children:`Want the agent to work inside a site builder or design app?`}),`\n`,_jsxs(`p`,{style:{margin:`0.35rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#webflow`,children:`Webflow`}),` and `,_jsx(`a`,{href:`#framer`,children:`Framer`}),` when the tool is the website itself`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#canva`,children:`Canva`}),` for design production and brand assets in your account`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#lucid`,children:`Lucid`}),` for diagrams in your workspace; `,_jsx(`a`,{href:`#tldraw`,children:`tldraw`}),` for a shared sketch canvas beside the agent`]}),`\n`,_jsx(`p`,{style:{margin:`0.35rem 0 0`,fontSize:`0.9rem`,color:`#71717a`},children:`tldraw is Cursor-only - the cards carry the platform details.`}),`\n`,_jsx(`p`,{style:{margin:`1.5rem 0 0`,fontWeight:600},children:`Building a deck or a standalone graphic?`}),`\n`,_jsxs(`p`,{style:{margin:`0.35rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#anthropic-pptx`,children:`PPTX`}),` when the deliverable is a PowerPoint file`]}),`\n`,_jsx(`p`,{style:{margin:`0.15rem 0 0`},children:`→ Claude for PowerPoint to work inside the application itself`}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#gamma`,children:`Gamma`}),` for fast hosted decks; `,_jsx(`a`,{href:`#google-slides-mcp`,children:`Google Slides MCP`}),` for live Slides, still a Developer Preview`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#slidev`,children:`Slidev`}),` for version-controlled developer talks`]}),`\n`,_jsxs(`p`,{style:{margin:`0.15rem 0 0`},children:[`→ `,_jsx(`a`,{href:`#canvas-design`,children:`Canvas Design`}),` for posters and single graphics rather than slides`]}),`\n`,_jsx(`p`,{style:{margin:`0.35rem 0 0`,fontSize:`0.9rem`,color:`#71717a`},children:`No reveal.js route has earned a recommendation yet - for code-native decks, Slidev is the maintained path.`}),`\n`,_jsx(Heading,{level:`2`,id:`related-categories`,children:`Related categories`}),`\n`,_jsxs(CardGroup,{cols:3,children:[_jsx(Card,{title:`Media Creation`,href:`/plugins/media-creation`,children:`Image, video, and audio generation live there.`}),_jsx(Card,{title:`Productivity`,href:`/plugins/productivity`,children:`Documents, whiteboard collaboration, and office-file skills.`}),_jsx(Card,{title:`Coding`,href:`/plugins/coding`,children:`Frontend tooling and component work without a design job.`})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Best Design and UI Plugins, Skills, and MCP Servers in 2026","description":"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.","sidebarTitle":"Design \u0026 UI","og:title":"Best Design and UI Plugins, Skills, and MCP Servers in 2026","og:description":"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.","mode":"wide","hideFooterPagination":true,"href":"/plugins/design-ui"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Frontend Design","slug":"frontend-design","depth":2,"children":[]},{"title":"Web Design Guidelines","slug":"web-design-guidelines","depth":2,"children":[]},{"title":"UI UX Pro Max","slug":"ui-ux-pro-max","depth":2,"children":[]},{"title":"Anthropic PPTX","slug":"anthropic-pptx","depth":2,"children":[]},{"title":"Taste Skill","slug":"taste-skill","depth":2,"children":[]},{"title":"shadcn/ui","slug":"shadcn/ui","depth":2,"children":[]},{"title":"Impeccable","slug":"impeccable","depth":2,"children":[]},{"title":"Figma","slug":"figma","depth":2,"children":[]},{"title":"Storybook","slug":"storybook","depth":2,"children":[]},{"title":"Web Artifacts Builder","slug":"web-artifacts-builder","depth":2,"children":[]},{"title":"Brand Guidelines","slug":"brand-guidelines","depth":2,"children":[]},{"title":"Extract Design System","slug":"extract-design-system","depth":2,"children":[]},{"title":"Canvas Design","slug":"canvas-design","depth":2,"children":[]},{"title":"Canva","slug":"canva","depth":2,"children":[]},{"title":"Theme Factory","slug":"theme-factory","depth":2,"children":[]},{"title":"Lucid","slug":"lucid","depth":2,"children":[]},{"title":"Webflow","slug":"webflow","depth":2,"children":[]},{"title":"Product Design","slug":"product-design","depth":2,"children":[]},{"title":"Framer","slug":"framer","depth":2,"children":[]},{"title":"Gamma","slug":"gamma","depth":2,"children":[]},{"title":"Slidev","slug":"slidev","depth":2,"children":[]},{"title":"Google Slides MCP","slug":"google-slides-mcp","depth":2,"children":[]},{"title":"MagicPath","slug":"magicpath","depth":2,"children":[]},{"title":"tldraw","slug":"tldraw","depth":2,"children":[]},{"title":"Paper","slug":"paper","depth":2,"children":[]},{"title":"Choose by use case","slug":"choose-by-use-case","depth":2,"children":[]},{"title":"Related categories","slug":"related-categories","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/usefulai/2473aa3c35d61af9/overview-table.js"],"dynamicCss":".mint-no-underline {\n text-decoration-line: none\n}","subdomain":"usefulai","siteName":"Useful AI","title":"Best Design and UI Plugins, Skills, and MCP Servers in 2026","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-07-27T11:36:32.009Z","originalFileLocation":"plugins/design-ui.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"light\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Useful AI\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Best Design and UI Plugins, Skills, and MCP Servers in 2026\">\u003cmeta data-mint-head property=\"og:description\" content=\"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Useful AI\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://usefulai.com/plugins/design-ui\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://usefulai.mintlify.app/_mintlify/api/og/v2?division=By+Category\u0026amp;title=Best+Design+and+UI+Plugins%2C+Skills%2C+and+MCP+Servers+in+2026\u0026amp;description=Research-backed+design+and+UI+skills%2C+plugins%2C+and+MCP+servers+for+visual+taste%2C+design+systems%2C+design+tools%2C+and+presentations.\u0026amp;theme=b92e21de27837eb768e282b1\u0026amp;signature=6ce79931e53aaea669b34be77f15f5070db04e2e3da9f6d51c7dc3a3db271740\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Best Design and UI Plugins, Skills, and MCP Servers in 2026\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://usefulai.mintlify.app/_mintlify/api/og/v2?division=By+Category\u0026amp;title=Best+Design+and+UI+Plugins%2C+Skills%2C+and+MCP+Servers+in+2026\u0026amp;description=Research-backed+design+and+UI+skills%2C+plugins%2C+and+MCP+servers+for+visual+taste%2C+design+systems%2C+design+tools%2C+and+presentations.\u0026amp;theme=b92e21de27837eb768e282b1\u0026amp;signature=6ce79931e53aaea669b34be77f15f5070db04e2e3da9f6d51c7dc3a3db271740\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/usefulai/LAfp6OnhdJJOwZID/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Useful AI\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#000000\">\u003clink data-mint-head rel=\"canonical\" href=\"https://usefulai.com/plugins/design-ui\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/plugins/design-ui.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://usefulai.com/#organization\",\"name\":\"Useful AI\",\"url\":\"https://usefulai.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/usefulai/TukEV5gATx8azBBm/logo-icon.svg?fit=max\u0026auto=format\u0026n=TukEV5gATx8azBBm\u0026q=85\u0026s=57400ad8c532e03bb1fd7345ebfd8537\"}},{\"@type\":\"WebSite\",\"@id\":\"https://usefulai.com#website\",\"name\":\"Useful AI\",\"url\":\"https://usefulai.com\",\"publisher\":{\"@id\":\"https://usefulai.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://usefulai.com/plugins/design-ui#webpage\",\"url\":\"https://usefulai.com/plugins/design-ui\",\"name\":\"Best Design and UI Plugins, Skills, and MCP Servers in 2026\",\"description\":\"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.\",\"dateModified\":\"2026-07-27T11:36:32.009Z\",\"isPartOf\":{\"@id\":\"https://usefulai.com#website\"},\"breadcrumb\":{\"@id\":\"https://usefulai.com/plugins/design-ui#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://usefulai.com/plugins/design-ui#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"By Category\",\"item\":\"https://usefulai.com/plugins/index\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Design and UI Plugins, Skills, and MCP Servers in 2026\",\"item\":\"https://usefulai.com/plugins/design-ui\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://usefulai.com/plugins/design-ui#article\",\"headline\":\"Best Design and UI Plugins, Skills, and MCP Servers in 2026\",\"name\":\"Best Design and UI Plugins, Skills, and MCP Servers in 2026\",\"description\":\"Research-backed design and UI skills, plugins, and MCP servers for visual taste, design systems, design tools, and presentations.\",\"url\":\"https://usefulai.com/plugins/design-ui\",\"mainEntityOfPage\":{\"@id\":\"https://usefulai.com/plugins/design-ui#webpage\"},\"dateModified\":\"2026-07-27T11:36:32.009Z\",\"publisher\":{\"@id\":\"https://usefulai.com/#organization\"},\"isPartOf\":{\"@id\":\"https://usefulai.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Useful AI\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Useful AI","nav":{"global":{},"tabs":[{"tab":"Tools","pages":[{"title":"Tools","href":"/tools"}]},{"tab":"Plugins","pages":[{"group":"By Category","pages":[{"title":"Best Plugins, Skills, and MCP Servers for AI Agents in 2026","sidebarTitle":"All","mode":"wide","href":"/plugins"},{"title":"Best Automation Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Automation","mode":"wide","href":"/plugins/automation"},{"title":"Best Coding Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Coding","mode":"wide","href":"/plugins/coding"},{"title":"Best Communication Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Communication","mode":"wide","href":"/plugins/communication"},{"title":"Best Data Analytics Plugins, Skills, and MCP Servers in 2026","description":"Research-backed data and analytics plugins, skills, and MCP servers with platform availability and direct setup routes.","sidebarTitle":"Data \u0026 Analytics","mode":"wide","href":"/plugins/data-analytics"},{"title":"Best Design and UI Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Design \u0026 UI","mode":"wide","href":"/plugins/design-ui"},{"title":"Best Infrastructure Plugins, Skills, and MCP Servers in 2026","description":"Research-backed infrastructure plugins, skills, and MCP servers with platform availability and direct setup routes.","sidebarTitle":"Infrastructure","mode":"wide","href":"/plugins/infrastructure"},{"title":"Best Marketing and SEO Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Marketing \u0026 SEO","mode":"wide","href":"/plugins/marketing-seo"},{"title":"Best Image, Video, and Audio Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Media Creation","mode":"wide","href":"/plugins/media-creation"},{"title":"Best Productivity Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Productivity","mode":"wide","href":"/plugins/productivity"},{"title":"Best Sales Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Sales","mode":"wide","href":"/plugins/sales"},{"title":"Best Web Search and Research Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Search \u0026 Web","mode":"wide","href":"/plugins/search-web"},{"title":"Best Agent Setup and Memory Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Setup \u0026 Memory","mode":"wide","href":"/plugins/setup-memory"},{"title":"Best Writing Plugins, Skills, and MCP Servers in 2026","sidebarTitle":"Writing","mode":"wide","href":"/plugins/writing"}]}]},{"tab":"Use Cases","pages":[{"title":"Use Cases","href":"/use-cases"}]},{"tab":"Models","pages":[{"title":"Models","href":"/models"}]},{"tab":"Resources","pages":[{"title":"Resources","href":"/resources"}]},{"tab":"Feeds","hidden":true,"pages":[{"title":"Feeds","href":"/feeds"}]},{"tab":"Courses","hidden":true,"pages":[{"title":"Courses","href":"/courses/chatgpt"}]},{"tab":"Books","hidden":true,"pages":[{"title":"Books","href":"/books"}]},{"tab":"Cheat Sheets","hidden":true,"pages":[{"title":"Cheat Sheets","href":"/cheat-sheets"}]},{"tab":"Guides","hidden":true,"pages":[{"title":"Guides","href":"/guides/index","hidden":true}]},{"tab":"Utility","hidden":true,"pages":[{"title":"Utility","href":"/about-us"}]}]},"basePath":"","title":"Best Design and UI Plugins, Skills, and MCP Servers in 2026","buildId":"dpl_9VVk5y1P8k1ATeJguVngy9Q3cmbD","deploymentId":"dpl_9VVk5y1P8k1ATeJguVngy9Q3cmbD","dynamics":[],"chunks":[]}
Frontend Design
Web Design Guidelines
UI UX Pro Max
Taste Skill
shadcn/ui
Impeccable
Figma
Storybook
Extract Design System
Canva
Lucid
Webflow
Product Design
Framer
Gamma
Slidev
Google Slides MCP
MagicPath
tldraw
Paper
Skill
MCP
Plugin