Frontend & Design · Model Context Protocol

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

Control and inspect the user's real Google Chrome through byob's local MCP tools.

wxtsky/byob

Builds a self-contained HTML digest of AI and agent news pulled from chosen X accounts through the official X MCP server, grouped into categories like Coding Agents and Agent Research.

dair-ai/dair-academy-plugins

Builds new holaOS apps with @holaboss/app-builder-sdk, either as integration-only MCP modules or as dashboard apps with a shadcn UI under src/client/.

holaboss-ai/holaOS

Verify a pull request with the frontend scripts, default and MCP backend tests and clippy, formatting, architecture checks and review evidence.

openfootmanager/openfootmanager

Fix or polish an existing website clone/draft using pingfusi review rounds.

alex-durango/pingfusi

A skill your agent uses for ANY new software project from idea to release — websites, WordPress/WooCommerce plugins, MCP servers, web apps, components, or libraries.

joseconti/declaracion-renta-espana

Extract and compare computed CSS styles between a baseline URL and a dev/Storybook URL using Playwright MCP evaluate calls.

bitovi/ai-enablement-prompts

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

IgniteUI/igniteui-angular

Diagnose and resolve failures in Azure SDK CI and generation pipelines.

Azure/azure-sdk-for-android

A skill your agent uses when designing, reviewing, adding, enabling, disabling, installing, configuring, or debugging a plugin, bundle, feature, page, panel, tool, or MCP connection in the current…

Zhou-Yujing114514/deepseek-harness-linux

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

Debug and teach agentic coding: a deterministic-first session timeline + cost report, with optional narrative polish and a standalone JSX visualiser.

bobmatnyc/claude-mpm

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

CamilleScholtz/swmpc

Make images, textures, illustrations and background video for a website or app you are building, with Glif, and wire them into the code.

glifxyz/glif-mcp-server

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

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

n0an/VivaDicta

代码工具选择

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

Generate and maintain BPMN 2.0 diagrams linked to Gherkin scenarios

WellApp-ai/Well

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

skilld-dev/vue-ecosystem-skills

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

Design a logo, app icon, favicon set, icon set or brand kit with Glif for an app or site you are building, then export every size and wire it into the code.

glifxyz/glif-mcp-server

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

alex-durango/pingfusi

Retrieve Coinbase Design System (CDS) documentation: setup, installation, theming, tokens, and per-component APIs/examples.

coinbase/cds

Implement a Figma→code handover doc — apply the listed changes to Svelte components, update their colocated .spec.json and stories, and get pnpm ds:validate green.

mqtt-viewer/mqtt-viewer

The criterion numbers of STANDARD.md, so an acceptance criterion can be mapped to one.

jgravelle/jcodemunch-mcp

Use only after the user explicitly asks for cmux Computer Use through the cmux-cua skill: drive real macOS apps from a cmux agent session via the bundled engine (accessibility tree + screenshots…

manaflow-ai/cmux

Provides guidance on all Ignite UI for Angular data grid types (Flat Grid, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid) including setup, column configuration, sorting, filtering, selection…

IgniteUI/igniteui-angular

Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references.

IgniteUI/igniteui-webcomponents

A skill your agent uses for UI, UX, visual hierarchy, frontend-design judgment, references, redesigns, and design critique when the user's Emulo taste should guide the task.

ohad6k/emulo

Post-save conventions for Platypus frontend forms — where a save lands the user, and what the submit button is called.

willdady/platypus

Media pool ingest and organization in the DaVinci Resolve MCP.

samuelgursky/davinci-resolve-mcp

This skill should be used when the user asks to "create a Figma design", "design in Figma", "make a Figma mockup", "create an app icon", "design UI", "render JSX to Figma", "export from Figma"…

shepherdjerred/monorepo

Build a portable brand-kit.json for the user's product — colors, typography, voice — that other skills (video, ad creative, landing page) can consume.

cognyai/claude-code-marketing-skills

用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务，也用于将 HTML/React/Vue 等网页复制到 Figma，尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma 链接或要求同时绑定工作目录时，也应与 axhub-commentary 组合。

lintendo/Axhub-Skills

Turn a Figma frame or node into components in this starter — the MCP call order, recording node IDs so later passes can re-fetch, downloading and verifying assets, mapping design values onto the…

textura-agency/next16-claude-starter

当用户要求数据可视化、做图表、生成看板、数据仪表盘、可视化报告、Excel/CSV 转图表、预算/销售/运营等指标分析页面、Chart.js 可视化时使用。只处理数据可视化任务；纯网页、banner、海报、简历等非数据图表设计任务应交给 visual-design。数据报告页以图表为主体归本技能；以文案排版为主体的静态报告页归 visual-design。

Pinvou/pinvou-agent

Browser inspection and interaction for verifying rendered web UI during development.

ntorga/agent-starter-kit