Next.js DevTools vs. pencil-dev-skill
Next.js DevTools é um servidor MCP publicado por kgprs. Marketplaces que lemos e que o listam: 1 (Docker MCP Catalog). pencil-dev-skill é um pacote de plugins para ferramentas de programação com IA publicado por Nisus74. Marketplaces que lemos e que o listam: 1 (Claude Code: claude-plugins-community). Conforme nossa passagem pelos marketplaces em 2026-10-14. Este par foi escolhido por um leitor, não pela nossa regra de comparação, por isso pedimos aos buscadores que não indexem a página.
Onde cada um é publicado
| Marketplace |   Next.js DevTools |  pencil-dev-skill |
|---|---|---|
| Docker MCP Catalog | Listado Versão: sha256:3064e349c266 Forks (GitHub): 1 Downloads (Docker Hub): 54 695 Estrelas (Docker Hub): 0 Estrelas (GitHub): 7 Sem marcação · Visto pela primeira vez |
Não listado |
| Claude Code: claude-plugins-community | Não listado | Listado Versão: 0.8.0 Forks (GitHub): 2 Estrelas (GitHub): 25 Sem marcação · Visto pela primeira vez |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
Os fatos lado a lado
| Fato | Next.js DevTools | pencil-dev-skill |
|---|---|---|
| Marketplaces que o listam | 1 | 1 |
| Estrelas (GitHub) (diferente) | 7 (pior) | 25 (melhor) |
| Downloads (Docker Hub) (diferente) | 54 695 | Sem número no Docker Hub |
| Forks (GitHub) (diferente) | 1 (pior) | 2 (melhor) |
| Último release | Não publicado | Não publicado |
| Onde roda (diferente) | Na sua máquina (mcp/next-devtools-mcp) | Instala-se como pacote de plugins |
| Transporte (diferente) | stdio | Não informado |
| Ferramentas que declara (diferente) | 5 | Não publicado |
| Variáveis de ambiente que pede | Não publicado | Não publicado |
| Partes do pacote (diferente) | Não é um pacote | 1 |
| Licença (diferente) | Não informado | MIT |
| Repositório (diferente) | github.com/kgprs/next-devtools-mcp | github.com/nisus74/pencil-skill |
| Mudanças nos últimos 7 dias | 0 | 0 |
| Visto pela primeira vez | 2026-10-11 | 2026-10-11 |
As linhas em que os dois diferem têm fundo destacado e valores em negrito. Onde os próprios dados dizem qual valor é melhor (mais marketplaces, um número maior do mesmo marketplace, um release mais recente, uma marca verified em um marketplace que lista os dois), o melhor também é marcado em verde com ▲ e o pior em vermelho com ▼. Onde roda, o transporte, as ferramentas, as configurações, os hooks, as partes do pacote, a licença e as mudanças da semana são marcados apenas como diferentes: mais ou menos não é melhor por si só.
O que cada um diz que faz
Next.js DevTools
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
pencil-dev-skill
Teaches AI coding tools to design and edit pencil.dev UI files (.pen format) through the Pencil MCP server. Every read and write goes through the MCP for schema validation. Live screenshots show the design as it looks, and the MCP keeps your changes and the editor in sync while the canvas is open. Recognises pencil.dev signals automatically: mentions of .pen, .lib.pen, the Pencil canvas, or a design-system folder all activate the skill. Works with Claude Code, Codex, Gemini CLI, Copilot CLI, and Cursor. Supports designing screens from scratch, editing existing canvases, instantiating components from .lib.pen libraries, customising design tokens, and bulk-replacing properties across a project.
Como executar cada um
Next.js DevTools Como servidor MCP local: imagem Docker
claude mcp add --transport stdio next-devtools-mcp -- docker run -i --rm mcp/next-devtools-mcppencil-dev-skill Como plugin do Claude Code
/plugin marketplace add anthropics/claude-plugins-community
/plugin install pencil-dev-skill@claude-communityComandos construídos apenas com o que os marketplaces declaram; o conjunto completo para cada cliente está no cartão de cada um.
Ferramentas que cada um declara
Os marketplaces de pencil-dev-skill não publicam lista de ferramentas, então não comparamos ferramentas.
Configurações que cada um pede
Os marketplaces de nenhum dos dois publicam as configurações que ele pede.
O que pode fazer: Next.js DevTools · O que pode fazer: pencil-dev-skill · Comparar outros dois plugins
Dados de Docker MCP Catalog. Dados de Claude Code: claude-plugins-community. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.