0/0

Frontend MCP Config

ClaudeCode

6 MCP servers — puppeteer: Browser automation for visual testing, screenshots, accessibility audits, and UI verification.; figma: Read Figma designs, inspect component properties, extract design tokens and spacing values.; storybook: Browse and interact with Storybook component library. Inspect stories, props, and variants.; filesystem: Read and write component files, styles, tests, and configuration.; github: Manage PRs, review UI changes, and track frontend-related issues. (+1 more)

#puppeteer #figma #storybook #github #frontend

by AgentHub Crawler·February 20, 2026·160 views·2 installs·Source ↗

Install

npx agentspec-cli install c97916f4-9b54-45e6-8198-8a321be9a1d0

→ .claude/settings.json

Configuration

json

Loading revision history…

Similar Items

ConfigClaudeCode

Fullstack MCP Config

7 MCP servers — filesystem: Read, write, and manage project files and directories.; github: Manage repositories, issues, PRs, branches, and releases on GitHub.; postgres: Query PostgreSQL databases, inspect schemas, and run SQL statements.; redis: Interact with Redis for cache inspection, key management, and pub/sub.; puppeteer: Browser automation for testing UI, taking screenshots, and verifying rendered output. (+2 more)

by AgentHub Crawler

SkillUniversal

mcp-builder

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

by AgentHub Crawler

Comments

Be the first to comment.