MCPs + Skills
Stacks
Curated stacks
Frontend Developer
Build interfaces, test in a browser, and work with project data.
View stack →02Research
Find sources, read documents, and organize evidence.
View stack →03Customer Support
Find customer context, consult knowledge, and prepare responses.
View stack →04Backend & APIs
Explore APIs, inspect application data, and investigate service errors.
View stack →05Data Analysis
Query datasets, explore spreadsheets, and communicate findings.
View stack →06DevOps
Inspect infrastructure, follow deployments, and understand system health.
View stack →07QA & Testing
Check user journeys, exercise APIs, and track reproducible defects.
View stack →08Technical Writing
Read source material, check references, and maintain clear documentation.
View stack →09Product Management
Connect customer context, product decisions, and delivery work.
View stack →10SEO & Content
Research topics, inspect pages, and ground content decisions in evidence.
View stack →11Design & Accessibility
Bring design context into implementation and review the rendered experience.
View stack →12Security Review
Review your code, inspect dependency risks, and document remediation work.
View stack →Build my stack
Your stack / Cursor
Design & Accessibility
4 selected
Account collections save selected external MCPs only. Marketplace subscriptions and skills keep their existing setup paths. Browser-local stacks below remain separate.
Design source
Consult layouts and design-system context from your design tools.
A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs
7 alternatives
Export files, access design data, manage projects, comments, and team assets
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
MCP server to provide Figma layout information to AI coding agents like Cursor
The Figma MCP server brings Figma design context directly into your AI workflow.
Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
An MCP server that provides the coding agents Figma's design token to write Flutter code.
ModelContextProtocol for Figma's REST API
Rendered interface
Inspect the interface as it appears in a browser.
一个功能强大的浏览器自动化技能，基于 Playwright 构建，通过 MCP 协议为 OpenClaw 提供 101 完整的浏览器操作能力。OpenClaw skill for browser automation using Playwright - 101 tools for complete browser control
7 alternatives
VSCode Extension for the Browser DevTools MCP Server which is a Playwright-based MCP server that exposes a live browser as a traceable, inspectable, debuggable and controllable execution environment for AI agents.
MCP server for controlling Google Flow via browser automation (Playwright + CDP)
MCP server for browser automation using Playwright
Playwright MCP fork that works with Cloudflare Browser Rendering
Browser automation and web scraping using Puppeteer.
Browser automation MCP server for Claude, powered by Puppeteer.
This MCP server provides browser automation capabilities through Puppeteer, allowing interaction with both new browser instances and existing Chrome windows.
Accessibility checks
Gather accessibility findings for review; automated checks are not certification.
Allows AI assistants such as Amp/Cline/Cursor/Claude Code/Codex/GitHub Copilot to use Google's lighthouse tool to measure perf metrics for your webpage. You can then run an agentic loop and get the assistants to optimize those metrics!
7 alternatives
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.
Minimal, auth-secured MCP server for real browser access. ~500 lines. Token auth, Chrome Extension MV3, accessibility tree.
Token-efficient browser automation for coding agents: compressed accessibility snapshots, uid actions, byte-exact recovery. A Playwright MCP alternative.
This skill enables automated Chrome browser testing and performance analysis using the Chrome DevTools Protocol (CDP) via the chrome-devtools-mcp server. It provides access to 27 professional-grade tools for web application testing, performance measurement, accessibility validation, and browser automation.
Token-efficient browser MCP server — structured web pages for AI agents, not raw accessibility dumps
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
Local-first PC activity recorder for Windows. Captures screenshots, accessibility text, UI events, clipboard activity, and optional audio transcription into a local SQLite database — then exposes everything through a REST API, browser UI, and MCP server.
Design skill
Apply reusable visual-design and accessibility guidance.
Review interface code for usability and accessibility issues.
7 alternatives
Production-grade engineering skills for AI coding agents.
Review Canva designs and organize actionable visual feedback.
Create static visual compositions from a design brief.
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
Plan and build web interfaces with deliberate visual design.
Design MCP tools and implement servers for external services.