Communitygithub.com

posimyth/uichemy-cursor-plugin

Transformez une idée de design, une description de maquette, un moodboard ou un brief de marque en un site WordPress prêt à l'emploi dans UiChemy, conçu pour être exporté vers Elementor ou Gutenberg.

Qu'est-ce que uichemy-cursor-plugin ?

Ce skill permet de transformer une description ou des images de design en un site WordPress éditable via l'outil UiChemy. Il est destiné aux utilisateurs de Claude Code, Cursor ou Codex qui souhaitent passer d'une idée visuelle (style, moodboard, couleurs, polices) à un site fonctionnel exportable vers Elementor ou Gutenberg. Le skill automatise la collecte des informations (business, pages, ambiance, couleurs, polices), génère le projet dans UiChemy, valide et rend le site responsive, puis guide l'export vers le constructeur choisi. Il ne peut pas lire de fichier Figma ni ouvrir d'autre site ; il fonctionne uniquement à partir des textes et images fournis dans la conversation.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Utilisez ce skill lorsque l'utilisateur part d'un look (un style, un moodboard, une description de design, des images fournies) et souhaite en faire un site WordPress éditable.

Ce plugin ne peut pas lire un fichier Figma ni ouvrir un autre site web. Il fonctionne à partir de ce que l'utilisateur écrit ou joint dans ce chat. S'il a besoin d'un fichier Figma converti, dites-le en une ligne et proposez de reconstruire le design à partir de sa description à la place.

Étapes :

  1. Recueillez dans le message : l'activité, les pages, l'ambiance, les couleurs, les polices et les éventuelles images. Posez une seule question groupée uniquement si le type d'activité ou le nom est manquant. Indiquez les choix que vous faites pour le reste.
  2. Suivez le skill build-site-from-brief pour créer le projet. Transformez le look en couleurs hexadécimales, une police de titres et une police de corps, et choisissez des mises en page qui correspondent au style décrit.
  3. Exécutez uichemy_validate et uichemy_check_responsive et corrigez ce qu'elles signalent.
  4. Demandez quel constructeur l'utilisateur souhaite, Elementor ou Gutenberg, puis suivez le skill export-to-wordpress pour marquer le projet comme exporté.
  5. Dites à l'utilisateur ce qui a été construit, quels choix de style vous avez faits, et la prochaine étape : importez-le dans son site WordPress avec le plugin WordPress UiChemy, ou suivez deploy-to-own-wordpress s'il donne une adresse de site.

Règles :

  • Ne copiez pas le contenu, le logo ou les images d'une autre entreprise. Utilisez du contenu que l'utilisateur possède ou a le droit d'utiliser.
  • Utilisez uniquement les URL d'images fournies par l'utilisateur ou retournées par uichemy_upload_image.
  • Dites avant de créer le projet qu'un nouveau projet apparaîtra dans son compte UiChemy.

Individual skills in this repo

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

Skills associés