← MCPs

MCP· Frontend· Design e UInovo

21st.dev Magic

Gera componentes de interface a partir de uma descrição, usando como referência uma biblioteca de componentes React e Tailwind.

Acervo completo

Você já sabe o que ele resolve. Falta o como.

Pare de garimpar. Receba o que já foi conferido.

Comando de instalação, prompt pronto e o passo a passo para o seu agente em todos os 564 recursos — e entradas novas toda semana.

  • Os 564 recursos com comando e prompt liberados
  • Entradas novas e reverificação toda semana
  • SkillHub MCP: seu agente consulta o acervo sozinho
  • Bibliotecário com IA: descreva a tarefa, ele acha o recurso

Assinatura mensal

R$39,90

por mês

Liberar o acervo inteiro →

Cancele quando quiser · pagamento pela Stripe

Já assina? Entre com o e-mail da assinatura.

Enviamos um link para confirmar o e-mail e reconhecer a assinatura.

Use o mesmo e-mail informado na compra

Como usar

Depois de instalar, preencha o que está entre colchetes e cole no seu agente.

magic-mcp / como usar
Use o MCP 21st.dev Magic para construir ou melhorar uma interface.
Para que serve: Gera componentes de interface a partir de uma descrição, usando como referência uma biblioteca de componentes React e Tailwind.

Tela ou componente: [QUAL]
Stack: [EX.: NEXT.JS + TAILWIND]
Referência visual: [LINK OU DESCRIÇÃO]

Use as ferramentas do 21st.dev Magic em vez de supor dados. Se faltar chave ou permissão, me peça antes.
Entregue responsivo, com os estados de carregando, vazio e erro, e confira em 375 px de largura.

Parecidos