Communitygithub.com

posimyth/uichemy-cursor-plugin

Convierte una idea de diseño, una descripción de mockup, un moodboard o un brief de marca en un sitio web listo para WordPress en UiChemy, exportable a Elementor o Gutenberg.

¿Qué es uichemy-cursor-plugin?

Este plugin permite a diseñadores y desarrolladores transformar descripciones textuales o imágenes conceptuales (estilos, moodboards, briefs de marca) en sitios web funcionales de WordPress utilizando UiChemy. No lee archivos Figma ni accede a otros sitios, sino que trabaja exclusivamente con la información que el usuario proporciona en el chat. El flujo incluye: recopilación de requisitos (negocio, páginas, estado de ánimo, colores, fuentes e imágenes), creación del proyecto siguiendo el skill `build-site-from-brief`, validación con `uichemy_validate` y `uichemy_check_responsive`, selección del constructor (Elementor o Gutenberg) y exportación mediante `export-to-wordpress`. Está diseñado para usarse en asistentes como Claude Code o Cursor, y su valor principal es acelerar el paso de una idea visual a un sitio editable en WordPress sin tocar código.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Utiliza este skill cuando el usuario parta de un aspecto visual (un estilo, un moodboard, una descripción de un diseño, imágenes que haya proporcionado) y quiera convertirlo en un sitio WordPress editable.

Este plugin no puede leer un archivo Figma ni abrir otro sitio web. Trabaja únicamente con lo que el usuario escribe o adjunta en este chat. Si necesita convertir un archivo Figma, indícalo en una línea y ofrécete a reconstruir el diseño a partir de su descripción.

Pasos

  1. Recopila del mensaje: negocio, páginas, estado de ánimo, colores, fuentes y cualquier imagen. Realiza una sola pregunta agrupada solo si falta el tipo de negocio o el nombre. Indica las decisiones que tomas para el resto.
  2. Sigue el skill build-site-from-brief para crear el proyecto. Convierte el aspecto en colores hexadecimales, una fuente para títulos y una fuente para cuerpo, y elige diseños que se ajusten al estilo descrito.
  3. Ejecuta uichemy_validate y uichemy_check_responsive y corrige lo que informen.
  4. Pregunta qué constructor quiere el usuario, Elementor o Gutenberg, y luego sigue el skill export-to-wordpress para marcar el proyecto como exportado.
  5. Comunica al usuario lo que se ha creado, las decisiones de estilo que has tomado y el siguiente paso: importarlo a su sitio WordPress con el plugin UiChemy WordPress, o seguir deploy-to-own-wordpress si proporciona una dirección del sitio.

Reglas

  • No copies el texto, logotipo o imágenes de otra empresa. Utiliza contenido que el usuario posea o tenga derecho a usar.
  • Utiliza únicamente las URLs de imágenes que el usuario haya proporcionado o que uichemy_upload_image haya devuelto.
  • Antes de crear el proyecto, indica que aparecerá un nuevo proyecto en su cuenta de UiChemy.

Individual skills in this repo

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

Skills relacionados