# Atomik Dev MCP server Agent View of the PolicyLayer registry record for Atomik Dev: identity, probed posture, risk grade, and all 64 tools classified. HTML page: https://policylayer.com/tools/atomik-dev-mcp ## Facts - Server id: `@atomik-dev/mcp` - Install: `npx -y @atomik-dev/mcp` - Homepage: https://www.npmjs.com/package/@atomik-dev/mcp - Registry record: grade F, identity unverified - Lifecycle: active - Rate-limited: no - Tools: 64 - Tool categories present: Destructive, Execute, Other, Write - Tags: atomik dev mcp, admin, automation - Record last modified: 2026-08-05T17:52:06.138Z ## Tools (64) | Tool | Category | Risk | Record | | --- | --- | --- | --- | | `mover_elemento` | Destructive | Critical | https://policylayer.com/tools/atomik-dev-mcp/mover-elemento.md | | `remover_elemento` | Destructive | Critical | https://policylayer.com/tools/atomik-dev-mcp/remover-elemento.md | | `aplicar_animacao` | Execute | High | https://policylayer.com/tools/atomik-dev-mcp/aplicar-animacao.md | | `aplicar_css_no_elemento` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/aplicar-css-no-elemento.md | | `aplicar_cursor` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/aplicar-cursor.md | | `aplicar_cursor_glow` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/aplicar-cursor-glow.md | | `aplicar_estilos_em_lote` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/aplicar-estilos-em-lote.md | | `aplicar_transicao_secao` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/aplicar-transicao-secao.md | | `atualizar_cores_em_massa` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/atualizar-cores-em-massa.md | | `atualizar_peso_em_massa` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/atualizar-peso-em-massa.md | | `atualizar_tamanho_em_massa` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/atualizar-tamanho-em-massa.md | | `buscar_elementos` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/buscar-elementos.md | | `capturar_tela` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/capturar-tela.md | | `checar_design` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/checar-design.md | | `criar_cor_global` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/criar-cor-global.md | | `criar_elemento` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/criar-elemento.md | | `criar_elementos_em_lote` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/criar-elementos-em-lote.md | | `criar_popup` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/criar-popup.md | | `definir_borda` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-borda.md | | `definir_border_radius` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-border-radius.md | | `definir_cor` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-cor.md | | `definir_efeitos` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-efeitos.md | | `definir_espacamento` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-espacamento.md | | `definir_fundo` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-fundo.md | | `definir_largura` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-largura.md | | `definir_layout_flex` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-layout-flex.md | | `definir_posicao` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-posicao.md | | `definir_sombra` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-sombra.md | | `definir_tamanho` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-tamanho.md | | `definir_tipografia` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/definir-tipografia.md | | `desfazer` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/desfazer.md | | `duplicar_elemento` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/duplicar-elemento.md | | `editar_cor_global` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/editar-cor-global.md | | `editar_elemento` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/editar-elemento.md | | `envolver_html` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/envolver-html.md | | `figma_aplicar_cores` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/figma-aplicar-cores.md | | `figma_aplicar_tipografia` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/figma-aplicar-tipografia.md | | `figma_importar_grid` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/figma-importar-grid.md | | `guia_design` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/guia-design.md | | `inserir_componente` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-componente.md | | `inserir_css_snippet` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-css-snippet.md | | `inserir_cursor_grow` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-cursor-grow.md | | `inserir_cursor_label` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-cursor-label.md | | `inserir_js_snippet` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-js-snippet.md | | `inserir_luz_fundo` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-luz-fundo.md | | `inserir_multiplos_componentes` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-multiplos-componentes.md | | `inserir_pattern` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-pattern.md | | `inserir_tag_css` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-tag-css.md | | `inserir_video` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/inserir-video.md | | `ler_elemento` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/ler-elemento.md | | `ler_estrutura_pagina` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/ler-estrutura-pagina.md | | `limpar_selecao` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/limpar-selecao.md | | `listar_componentes` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/listar-componentes.md | | `listar_kit_cores` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/listar-kit-cores.md | | `listar_kit_tipografia` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/listar-kit-tipografia.md | | `medir_elemento` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/medir-elemento.md | | `mudar_breakpoint_editor` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/mudar-breakpoint-editor.md | | `obter_selecao_atual` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/obter-selecao-atual.md | | `refazer` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/refazer.md | | `selecionar_elemento` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/selecionar-elemento.md | | `substituir_link_em_massa` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/substituir-link-em-massa.md | | `validar_css` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/validar-css.md | | `varrer_pagina` | Other | Low | https://policylayer.com/tools/atomik-dev-mcp/varrer-pagina.md | | `salvar_pagina` | Write | Medium | https://policylayer.com/tools/atomik-dev-mcp/salvar-pagina.md | ## Tool descriptions - `mover_elemento` — Move um elemento para dentro de outro container, em uma posição específica. ATENÇÃO: $e.run move é implementado como delete+create; refs ao ID antigo ficam stale. - `remover_elemento` — Remove um elemento existente do editor pelo ID. - `aplicar_animacao` — Aplica uma animação preset ao elemento selecionado. Presets: letras_cascata (entrada em cascata de caracteres; textos e botões), revelacao_linhas (revela texto por linhas; opts: color hex da máscara — case com o fundo da seção —, trigger - `aplicar_css_no_elemento` — Aplica CSS custom escopado a UM elemento específico (gravado nos styles V4 do próprio elemento). Use apenas para regras que as tools definir_* não cobrem. Atenção: custom_css não cascateia por breakpoint — repita a chamada por breakpoint… - `aplicar_cursor` — Aplica um cursor customizado à página inteira. Use variant= - `aplicar_cursor_glow` — Adiciona um efeito de brilho que segue o cursor sobre o elemento selecionado. - `aplicar_estilos_em_lote` — Aplica estilos em vários elementos numa ÚNICA chamada — use isto ao estilizar uma seção inteira (muito mais rápido que chamadas individuais). Cada item aceita props $$type V4 prontos, custom_css cru e/ou sombra CSS. Falha parcial não abo… - `aplicar_transicao_secao` — Aplica uma transição entre seções da página. Tipos: shutter (veneziana), pixelated (pixel art), curve (curva suave). - `atualizar_cores_em_massa` — Troca uma cor por outra em todos os lugares da página. Use mapping {sourceHex: targetHex} ou {globalColorId: targetHex}. Combine com varrer_pagina( - `atualizar_peso_em_massa` — Troca o font-weight de todos os elementos que usam uma determinada combinação família + peso. Ex: trocar todo Inter 400 por Cabin 500. - `atualizar_tamanho_em_massa` — Atualiza font-size em massa para um alvo específico. newValues aceita { desktop, tablet, mobile }. - `buscar_elementos` — Busca elementos na página por elType, widgetType, texto contido nas settings, ou classe. Útil para encontrar o que editar/duplicar sem precisar ler a página inteira. - `capturar_tela` — Captura um screenshot REAL do preview do editor e retorna a IMAGEM. Este é o coração do loop de verificação: criar → capturar_tela → comparar com o esperado → (se divergir) medir_elemento no suspeito → corrigir → capturar de novo. Com el… - `checar_design` — Roda um detector determinístico de qualidade de design sobre o RENDER real do preview (estilos computados, não o JSON declarado). Regras: corpo-pequeno (<16px), contraste-wcag (4.5:1 corpo / 3:1 texto grande; fundos com imagem contam com… - `criar_cor_global` — Cria uma nova cor global no Kit. Use para registrar cores da marca antes de aplicá-las em elementos. Padrão é V4. - `criar_elemento` — Cria um elemento arbitrário (container ou widget V4) dentro de um pai específico. O model segue o schema V4 (elType, widgetType, settings, styles, elements — todo nó precisa de elements: [], mesmo widgets folha). Os IDs enviados são REMA… - `criar_elementos_em_lote` — Cria vários elementos numa ÚNICA chamada, em ordem. parentId aceita placeholders - `criar_popup` — Cria um popup do Atomik no editor. Templates: pixels (efeito pixel), svg (animação SVG), shutter (veneziana), simples (overlay básico), columns (2 colunas), lateral (drawer lateral), video_play (vídeo com play). - `definir_borda` — Define a borda de um elemento: largura (uniforme ou por lado), estilo e cor — props tipadas V4. Na primeira aplicação, informe largura E estilo (sem estilo a borda não aparece). Regra de design: borda COLORIDA no máximo 1px; use tons neu… - `definir_border_radius` — Define border-radius por canto em px. Lados omitidos viram 0. Para arredondar tudo igual, passe os 4 com o mesmo valor. Referência: cards 12-16px; botões 8-12px (ou pílula com valor alto). - `definir_cor` — Define uma cor em um elemento (color, background-color, border-color, etc). Use valor hex/rgba ou um colorId do kit global. Cria e vincula a classe local automaticamente. Regra de contraste: corpo >= 4.5:1, texto grande/controles >= 3:1 … - `definir_efeitos` — Define efeitos visuais: opacity e overflow como props tipadas V4; aspect-ratio, transform e transition via CSS custom do elemento (não cascateiam por breakpoint — repita por breakpoint se precisar). Motion: 150-300ms para estados, easing… - `definir_espacamento` — Define margin e/ou padding (4 lados) em um elemento. Use objetos { top, right, bottom, left } em px — lados omitidos viram 0, então declare sempre os 4. Use a escala base 4px (4/8/12/16/24/32/48/64/96) com ritmo variado; entre irmãos de … - `definir_fundo` — Define o fundo de um elemento: cor sólida, gradiente (linear/radial com stops), imagem (url/size/position/repeat) e overlay de cor sobre a imagem — tudo como props tipadas V4. Camadas: overlayCor fica POR CIMA, depois gradiente, depois i… - `definir_largura` — Define a largura de um elemento usando a fórmula do grid Atomik: calc((100% - (cols-1)*gutter) / cols * span + (span-1)*gutter). Use isso ao invés de px ou % fixo — garante responsividade alinhada ao grid. - `definir_layout_flex` — Define o layout flex de um container/widget V4 com props tipadas (prefira SEMPRE isto a CSS custom): display, direção, alinhamentos, wrap, gap e props de item flex (grow/shrink/basis/alignSelf/order). Dica de design: expresse espaçamento… - `definir_posicao` — Define posicionamento de um elemento: position (relative/absolute/fixed/sticky), offsets top/right/bottom/left e z-index — props tipadas V4. Lembre: absolute/fixed exigem um ancestral com position definido; sticky exige top. - `definir_sombra` — Aplica box-shadow em um elemento como prop tipada V4 (cascateia por breakpoint). Passe o valor CSS completo. Boas práticas: sombras NEUTRAS com offset vertical (ex: - `definir_tamanho` — Define dimensões de um elemento com unidades livres: width/height e mínimos/máximos. Número = px; string aceita - `definir_tipografia` — Define propriedades de tipografia em um elemento (família, peso, tamanho, line-height, letter-spacing). Cada campo é opcional — só altera o que for passado. Boas práticas: corpo >= 16px; display <= 6rem com letterSpacing -0.02 a -0.03; l… - `desfazer` — Desfaz a última ação no editor (equivalente a Cmd+Z). - `duplicar_elemento` — Duplica um elemento existente in-place (vira irmão imediato do original). Mais barato que criar_elemento quando você só quer outra cópia. - `editar_cor_global` — Edita o valor (e/ou label) de uma cor global existente. Mudanças se propagam para todos os elementos vinculados. - `editar_elemento` — Edita settings e/ou styles de um elemento existente. settings atualiza conteúdo (texto, link, imagem). styles faz merge de variantes por breakpoint/state sem apagar as demais. ATENÇÃO: conteúdo de texto (title/paragraph/text) usa o forma… - `envolver_html` — Envolve a seleção atual no editor de CÓDIGO (Ace/textarea focado) com um par de tags HTML. Requer um editor de código aberto e focado no Elementor — retorna erro NO_FOCUSED_EDITOR caso contrário. NÃO envolve elementos da árvore da página… - `figma_aplicar_cores` — Aplica as cores extraídas de um arquivo Figma ao Kit Global do Elementor (V3 + V4). Recebe a lista de cores e o mapeamento para os slots do Kit. - `figma_aplicar_tipografia` — Aplica os Text Styles do Figma ao Kit de Tipografia do Elementor. - `figma_importar_grid` — Importa o grid (bento) de um node Figma como containers + cards no Elementor. data deve conter { grid: { cols, rows, colGap, rowGap, cards[], bgColor, padding, borderRadius } }. - `guia_design` — Retorna o guia de construção de layouts do Atomik: schema V4 (shapes $$type validados, widgets, armadilhas), receitas de layout (hero, grids, replicação de imagem/URL), regras de design destiladas (espaçamento, tipografia, cor, sombras, … - `inserir_componente` — Insere um componente do Atomik no editor do Elementor. O componente é inserido no container atualmente selecionado (ou na raiz da página se nada estiver selecionado). - `inserir_css_snippet` — Insere/atualiza um bloco de CSS global na tag