Model Context Protocol · For frontend developers

A skill your agent uses when a brief has to become a film. An agent skill from ohad6k/emulo.

ohad6k/emulo

Sweeps a running web app by clicking every reachable control, then reports dead buttons, console errors, failed requests and mismatches between API data and the screen.

reticlehq/reticle

Chat Gun 的前端、OpenSpec、Streaming Event、Tool Renderer、型別邊界、多模態流式鏈路與 React/Vite 編程約束。Use when working on frontend code, tool rendering, streaming contracts, multimodal requests/responses, Weather…

HsienW/chat-gun

Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

awdr74100/figwright

UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Guides WCAG 2.1 and VoiceOver accessibility testing for iOS apps, working from the accessibility tree and not from screenshots.

conorluddy/xclaude-plugin

Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse.

Dicklesworthstone/meta_skill

Use TypeUI with Grok to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

bergside/typeui

Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer.

alex-durango/pingfusi

REQUIRED reading before using figmaexecute. An agent skill from youware-labs/figma-pilot.

youware-labs/figma-pilot

Implements Angular application views from design images using Ignite UI Angular components.

IgniteUI/igniteui-angular

Finds why a running web app misbehaves when the console is empty and the code looks fine, by reading the click, request, store and console together.

reticlehq/reticle

Inspect and profile the React component tree of a running Storybook story through chrome-devtools-mcp (React DevTools over the Chrome DevTools Protocol, via react-devtools-cdt-mcp).

sanity-io/ui

A skill your agent uses when the user says "setup", "setup bridge", "extract", "extract DS", "onboard", "build knowledge base", "initialize bridge", or is starting Bridge in a project for the first…

noemuch/bridge

Look up Spectrum design tokens, component schemas, and design-system decisions when building with or extending Adobe Spectrum.

adobe/spectrum-design-data

Builds and maintains templates/index.mcp.json for Comfy Cloud MCP tools.

Comfy-Org/workflow_templates

当用户的任务涉及 NutUI React（@nutui/nutui-react）时使用 —— 编写 NutUI React 组件、调试 NutUI 问题，或查询 NutUI 组件的 API/属性/文档/示例/设计变量（Design Token）。触发场景：与 NutUI 相关的代码、从 '@nutui/nutui-react' 导入，或明确的 NutUI 相关提问。NutUI React…

jdf2e/nutui-react

Theme and style Ignite UI Web Components (and igniteui-react) apps using CSS custom properties, optional Sass, and the igniteui-theming MCP server.

IgniteUI/igniteui-webcomponents

Creates or revises Figma designs from a written description using the Figma MCP authoring tools, in a new blank file or an existing one.

warpdotdev/warp

How Limoni exposes applications to AI agents and tests — the semantic tree, the automation socket, cmd/limoni-mcp, and the uitest package.

thebanri/limoni

Guide for building UI with Montage (Wanted Design System) in React/Next.js projects.

wanteddev/montage-web

Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-theming MCP server.

IgniteUI/igniteui-angular

Important guidelines for writing frontend UI code. An agent skill from razorpay/blade.

razorpay/blade

Validate, query, resolve, diff, and author spec-conformant design tokens and components using the design-data MCP tools against a local dataset.

adobe/spectrum-design-data

Debug Java applications in Eclipse — set breakpoints, launch in debug mode, step through code, inspect stack traces, evaluate expressions, and hot-swap code changes.

gradusnikov/eclipse-chatgpt-plugin

当用户的任务涉及 NutUI React Taro（@nutui/nutui-react-taro）时使用 —— 为小程序 / 跨端（Taro）应用编写 NutUI React Taro 组件、调试 NutUI Taro 问题，或查询 NutUI Taro 组件的 API/属性/文档/示例/设计变量（Design Token）。

jdf2e/nutui-react

Implement application views from design images (screenshots, mockups, wireframes) using Ignite UI Web Components, with the igniteui-cli and igniteui-theming MCP servers for component discovery…

IgniteUI/igniteui-webcomponents

Write a six-section prose description (purpose, props, anti-patterns, composition, accessibility, examples) for a Figma component's description field so LLMs read it via MCP.

murphytrueman/design-system-ops

A skill your agent uses when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Automattic/agent-skills

Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.

IgniteUI/igniteui-angular

melta DS の契約から画面 1 枚（ページ / スクリーン）を生成し、checkhtml で自己検証して coverage と評価不可まで報告する。トリガー: 「画面を作って」「〜ページを生成」「画面生成」「ダッシュボードを作って」「設定画面を作って」「build screen」「generate a page」。AGENTS.md のタスクベース読み込みガイドで契約を引き当て、最大 3…

tsubotax/melta-ui

Inspects Figma designs through the figma CLI and Figma's MCP server to read variants, spacing, tokens and layouts and to extract assets for implementation.

asgeirtj/system_prompts_leaks

Run an offline ASO audit on canonical App Store metadata under ./Store and surface keyword gaps using Astro MCP.

CamilleScholtz/swmpc

Develop AI agents, tools, and workflows with Mastra v1 Beta and Hono servers.

jwynia/agent-skills

Accessibility-first UI automation using IDB. An agent skill from conorluddy/xclaude-plugin.

conorluddy/xclaude-plugin

Use the appclaw-agent CLI to directly open, inspect, and interact with a mobile app via terminal commands — without writing a YAML flow.

appclawhq/AppClaw

Pull current keyword rankings from Astro MCP, compare against the previous rankings check, and save a new rankings file to the vault.

n0an/VivaDicta

How to write, run and debug automated UI tests for the Nalu.Maui component libraries using .NET MAUI DevFlow (in-app agent + Driver + CLI + MCP).

nalu-development/nalu

代码工具选择

Pixeval/Pixeval

A skill your agent uses when validating an Deep Researcher Agent change before opening or merging a PR — choosing and running the right Python, frontend, docs, or eval checks for the surfaces you…

NVIDIA-AI-Blueprints/deep-researcher-agent

Triage new issues in the Sentry javascript project by archiving non-actionable noise.

getsentry/skills

Drives a live browser through the Playwright MCP server to navigate, inspect, fill forms and screenshot pages, with snapshot-first habits and output-size care.

Hainrixz/editor-pro-max

Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).

skilld-dev/vue-ecosystem-skills

Installs Reticle's dev-only SDK in a running web app and verifies user-facing changes by driving a real flow, returning a verdict with the file and line to fix.

reticlehq/reticle

Covers all non-grid Ignite UI for Angular UI components: application scaffolding and setup, form controls (inputs, combos, selects, date/time pickers, calendar, checkbox, radio, switch, slider)…

IgniteUI/igniteui-angular

WeChat Mini Program development skill for building, debugging, previewing, testing, publishing, and optimizing mini program projects (小程序开发、调试、预览、发布).

TencentCloudBase/CloudBase-AI-Toolkit

Run automated post-deploy UI verification with a browser automation MCP (claude-in-chrome, Playwright, or Puppeteer): console-error and Core Web Vitals smoke checks, form and auth-flow interaction…

affaan-m/ECC

Clone, copy, or replicate a website/page pixel-perfect using pingfusi.

alex-durango/pingfusi