MCP servers
What should your agent do in your apps?
An MCP server lets your agent read and act inside one app. Pick your agent and start from the job; each card holds the line that adds its server.
Set up for
Design & UI
Find a pricing table component for my landing page21st.dev MCP
Convert this Figma frame to React with TailwindAnima MCP
Show paywall screens from top fitness appsAppllama MCP
Add an Arc data table to the admin pageArc UI MCP
Build an analytics dashboard with BoardUI chartsBoardUI MCP
Get the logo for nike.com as an SVGBrandfetch MCP
Make an Instagram post for our product launchCanva MCP
Find a testimonial section that fits a SaaS siteCraftwork MCP
Code the selected frame using our Button componentFigma MCP
Find a settings icon in the stroke styleHugeicons MCP
Find a wallet icon in the bulk styleIconsax MCP
Animate our logo sliding in from the leftJitter MCP
Find SaaS hero sections with a product screenshotLandingfolio MCP
Add an Astro pricing section to this pageLexington Themes MCP
Get the logo for stripe.comLogo.dev MCP
Pull my latest Magic Patterns design into this repoMagic Patterns MCP
Add a Pricing page under the home pageOctopus.do MCP
Find portfolio sites with a dark themeOne Page Love MCP
Make a set of 6 line icons for our app menuQuiverAI MCP
Find onboarding flows from banking appsRefero MCP
Find moody product photography referencesSavee MCP
Build a pricing page from the kit's blocksShadcn UI Kit MCP
Add a gradient background effect to the heroShaders MCP
Publish the new pricing pageSuper.so MCP
Add a pricing section to the Services pageUiChemy MCP
Add three new posts to the Blog collectionWebflow MCP
Describe the layout of the onboarding frameWonder MCP
Find examples of a pull-to-refresh animation60fps MCP
Find pricing pages with a dark themeA1 Gallery MCP
Make a 5-colour palette for a calm health appColors & Fonts MCP
Search registries for a date range pickerCreate UI MCP
Build a pricing page with daisyUI cardsdaisyUI MCP
Tag every image in Inbox by colourEagle MCP
Add a pricing page to my Framer siteFramer MCP
Add a download icon to the export buttonIconbuddy MCP
Find a curved-style notification bell iconIconly MCP
Find a shopping cart icon in our project styleIcons8 MCP
Suggest three visual directions for this landing pageLimora MCP
Add a logo marquee under the heroMagic UI MCP
Make a soft blue gradient background for the heroMeltKit MCP
Get the brand colours from this homepageMiroMiro MCP
Find onboarding screens from fitness appsMobbin MCP
Lay out a pricing page in my open Paper filePaper MCP
Create spacing tokens for our design systemPenpot MCP
Write a product announcement in our brand voiceRainbrand MCP
Add a splash cursor effect to the landing pageReact Bits MCP
Build a sitemap for a yoga studio websiteRelume Library MCP
Change every caption to mention offline modeScreenshot Studio MCP
Add the dialog and form components to this appshadcn/ui MCP
Add a feature grid block to the home pageShadcnblocks MCP
Build this Figma frame as a React componentshadcncraft MCP
Describe the layers in the selected artboardSketch MCP
Add a floating glass sphere to the sceneSpline MCP
Animate this logo drawing itself inSVGator MCP
Add a spinner and progress bar to my CLItermcn MCP
Build a settings page with Untitled UI componentsUntitled UI MCP
Review the checkout screens for usability issuesUX Pilot MCP
Add a FAQ section to the home pageWebstudio MCP