Communitygithub.com

posimyth/uichemy-cursor-plugin

Transforme uma ideia de design, descrição de mockup, moodboard ou brief de marca em um site WordPress pronto no UiChemy, construído para exportar para Elementor ou Gutenberg.

O que é uichemy-cursor-plugin?

Este skill permite que um agente de IA (como Claude Code, Cursor ou Codex) converta descrições de design, moodboards, estilos ou imagens fornecidas pelo usuário em um site WordPress totalmente editável usando a plataforma UiChemy. Diferente de ferramentas que leem arquivos Figma ou sites externos, ele funciona exclusivamente com o que o usuário escreve ou anexa no chat. Se o usuário tiver um arquivo Figma, o skill informa que não pode lê-lo e oferece reconstruir o design a partir da descrição. O processo inclui etapas como coletar informações (negócio, páginas, clima, cores, fontes, imagens), seguir o skill `build-site-from-brief` para criar o projeto com hexadecimais, fontes de título e corpo, e layouts apropriados, além de executar `uichemy_validate` e `uichemy_check_responsive` para garantir qualidade. Por fim, o agente pergunta se o usuário quer exportar para Elementor ou Gutenberg, usando o skill `export-to-wordpress`, e orienta sobre os próximos passos para integrar ao WordPress. Regras importantes: não copiar conteúdo de terceiros, usar apenas URLs de imagens fornecidas ou retornadas por `uichemy_upload_image`, e avisar antes da criação do projeto que um novo projeto aparecerá na conta UiChemy do usuário.

Funciona com~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/posimyth/uichemy-cursor-plugin/tree/HEAD/skills/design-to-wordpress

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Use este skill quando o usuário partir de uma aparência (um estilo, um moodboard, uma descrição de design, imagens fornecidas) e quiser transformá-la em um site WordPress editável.

Este plugin não consegue ler um arquivo Figma nem abrir outro site. Ele funciona a partir do que o usuário escreve ou anexa neste chat. Se o usuário precisar de conversão de um arquivo Figma, informe em uma linha e ofereça reconstruir o design a partir da descrição dele.

Passos

  1. Reúna da mensagem: negócio, páginas, clima, cores, fontes e quaisquer imagens. Faça uma única pergunta em lote apenas se o tipo de negócio ou nome estiver faltando. Informe as escolhas que você fizer para os demais itens.
  2. Siga o skill build-site-from-brief para criar o projeto. Converta a aparência em cores hexadecimais, uma fonte de título e uma fonte de corpo, e escolha layouts que se adequem ao estilo descrito.
  3. Execute uichemy_validate e uichemy_check_responsive e corrija o que eles reportarem.
  4. Pergunte qual construtor o usuário deseja, Elementor ou Gutenberg, e em seguida siga o skill export-to-wordpress para marcar o projeto como exportado.
  5. Informe ao usuário o que foi construído, quais escolhas de estilo você fez e o próximo passo: importar para o site WordPress com o plugin WordPress do UiChemy, ou seguir deploy-to-own-wordpress se eles fornecerem um endereço de site.

Regras

  • Não copie o texto, logotipo ou imagens de outra empresa. Use apenas conteúdo que o usuário possua ou tenha o direito de usar.
  • Use apenas URLs de imagens fornecidas pelo usuário ou retornadas por uichemy_upload_image.
  • Informe antes de criar o projeto que um novo projeto aparecerá na conta UiChemy do usuário.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Habilidades Relacionadas