Design system cohérent
Couleurs, typo, espacements en tokens qui cascadent sur tout le site. Change l'accent une fois → tout suit. La cohérence d'une agence, sans le travail manuel.
Skill pour Claude Code · Elementor V4
Claude Code devient ton designer Elementor senior.
Installe le skill. Décris le site que tu veux — ou montre une capture d'écran, un site de référence. Claude le conçoit et le construit dans WordPress : site complet, boutique, responsive, premium, et éditable au clic ensuite.
Skill Claude Code · fonctionne sur ton WordPress + Elementor Pro · licence commerciale
Avant / après
Fini le code collé dans un widget HTML.
Le même site, construit de deux façons. À gauche, la méthode habituelle. À droite, ce que change SUI Elements : des widgets Elementor natifs, éditables au clic.
Tout le site tient dans un seul widget « Code HTML » : des centaines de lignes de CSS et de HTML écrites à la main. Changer un mot ou une couleur, c'est retrouver la bonne ligne dans le code.
Le même rendu, mais en conteneurs et widgets Elementor natifs — titres, textes, images. Tout s'édite au clic dans l'interface habituelle d'Elementor, sans jamais toucher une ligne de code.
De ton intention au site en ligne
Tu décris. Claude construit.
Pas de builder à apprendre, pas de page blanche. Tu parles normalement — Claude fait le travail de designer.
1
Installe le skill
Ajoute SUI Elements Pro à Claude Code. En une fois, Claude devient un expert Elementor V4 : design system, responsive, accessibilité, performance.
2
Décris ou montre
Un brief en langage naturel, une capture d'écran à reproduire, ou l'URL d'un site de référence. Claude comprend l'intention.
3
Claude livre le site
Il conçoit et pousse le site dans ton WordPress via Elementor — sections, header/footer, pages, boutique. Tu reprends la main quand tu veux.
Réalisations
Des sites livrés, pas des maquettes.
Des sites réels, en ligne, conçus et construits avec le skill. Clique pour les visiter.
Ce que Claude sait faire, une fois équipé
Un vrai designer senior, pas un générateur de blocs.
Le site entier, pas que des pages
Header, footer, pages d'archive, article, 404, recherche — via le Theme Builder. Claude livre un site fonctionnel de bout en bout.
Boutiques WooCommerce
Produits, fiches produits, shop, panier, checkout, compte client. Une vraie boutique e-commerce, montée sur mesure.
Responsive, accessible, rapide
Mobile soigné, contrastes WCAG, Core Web Vitals en tête. Le détail qui distingue le pro de l'amateur.
Réglages d'abord = 100 % éditable
Tout se fait avec les widgets natifs Elementor — donc éditable par toi après coup. Aucun code opaque, aucun plugin exotique.
L'atout secret
Tu n'achètes pas des templates.
Tu équipes Claude d'un designer qui les connaît tous.
Sous le capot, le skill Pro embarque une bibliothèque complète — 21 sections, 7 templates de site, 6 pages, des tokens dual-mode et un pack d'animations. Pas pour que tu les colles à la main : pour que Claude s'en inspire et construise sur mesure, vite et juste, à partir de ton brief.
mémoire embarquée · pack SaaS B2Bréférence
21sections premium (heroes, pricing, stats, FAQ, équipe, roadmap…)
7templates Theme Builder (header, footer, archive, single, 404, search, loop)
6pages assemblées (landing, pricing, about, contact, changelog, docs)
2jeux de tokens — Light + Dark, rebrandables en minutes
∞combinaisons — Claude assemble selon TA demande
Pour qui
Si tu livres des sites, il travaille pour toi.
Freelances
Livre plus de sites, plus vite, sans sous-traiter le design. Marge et délais transformés.
Agences
Un designer senior disponible 24/7 dans Claude Code. Cohérence sur tous les projets, licence commerciale incluse.
Particuliers & fondateurs
Tu n'es pas designer ? Décris ton idée, obtiens un site pro. De A à Z, sans agence.
Free vs Pro
Ce que la version Pro débloque.
Les deux transforment Claude en designer Elementor. Le Pro lui donne la mémoire, la profondeur et la licence pour le pro.
| Free | Pro | |
|---|---|---|
| Expertise Elementor V4 (design, responsive, a11y) | ||
| Sections & pages simples | ||
| Design system (Variables + Global Classes) | ||
| Snippets CSS (glass, dark, typo, hover) | ||
| Bibliothèque en mémoire | 15 patterns | 21 sections + 7 templates + 6 pages |
| Site complet (Theme Builder : header, footer, blog, archive, single, 404, recherche) | — | |
| Boutiques WooCommerce (produits, fiches, shop, panier, checkout, compte) | — | |
| Widgets Pro (menu, blog dynamique, loop grid…) | — | |
| Modes | Dark | Light + Dark |
| Animations GSAP avancées | — | |
| Licence | MIT (perso + clients) | Commerciale — clients illimités |
| Mises à jour | — | 12 mois |
| Prérequis | Elementor | Elementor Pro |
Caractéristiques
Ce qu'il y a dans la boîte.
- Type
- Skill Claude Code Pro (Elementor V4 + WooCommerce)
- Installation
- ~/.claude/skills/sui-elements-pro/
- Prérequis
- Claude Code + WordPress avec Elementor Pro
- Format
- .zip (SKILL.md + references + snippets)
- Licence
- Commerciale — sites clients illimités
Le prix, simplement
Gratuit pour démarrer. Pro pour livrer.
Commence gratuitement, passe au Pro quand tu livres des sites clients. Un seul paiement, à vie.
−40 % lancement
Afficher en
Pro
29 €
49 €
paiement unique · Licence commerciale · 12 mois de mises à jour
- Tout ce que fait la version gratuite, et plus
- Bibliothèque complète : 21 sections, 7 templates, 6 pages
- Sites complets via Theme Builder (header, footer, blog, archive, 404…)
- Boutiques WooCommerce de bout en bout
- Widgets Pro · Light + Dark · animations GSAP
- Licence commerciale — clients illimités
- 12 mois de mises à jour
Prérequis : Claude Code + Elementor Pro
Satisfait ou remboursé 14 jours · paiement sécurisé par carte · accès immédiat
Questions fréquentes
Ce que tu te demandes.
Qu'est-ce que j'achète, exactement ?
Un skill pour Claude Code — pas un pack de fichiers. Une fois installé, Claude devient un designer Elementor senior qui conçoit et construit tes sites à partir de ce que tu décris. La bibliothèque de sections/templates est sa mémoire de référence, pas un catalogue à coller.
C'est quoi Claude Code ?
L'outil d'Anthropic où Claude agit directement dans ton projet (claude.ai/code). Le skill s'y installe et s'active tout seul.
Il me faut quoi pour l'utiliser ?
Claude Code, et un site WordPress avec Elementor Pro (nécessaire pour le Theme Builder et WooCommerce). Claude construit directement sur ton WordPress, ou te livre les éléments à importer.
Comment je « commande » un site ?
Tu décris en langage naturel — « un site SaaS dark avec pricing et FAQ » — ou tu montres une capture d'écran / un site de référence. Claude interprète l'intention et construit en conséquence.
Je garde la main sur le site ?
Totalement. Tout est fait en widgets natifs Elementor : tu édites chaque texte, couleur et bloc dans l'interface, sans dépendre de Claude ni d'un plugin tiers.
J'ai le Free, je prends le Pro — comment ça se passe ?
Tu retires le dossier Free et tu installes le Pro. Le Pro fait tout ce que le Free fait, et plus. Un seul skill actif, zéro conflit.
Différence Free vs Pro ?
Le Free donne déjà l'expertise + 15 patterns. Le Pro ajoute la bibliothèque complète (21 sections, 7 templates, 6 pages), les boutiques WooCommerce, le dual-mode, les animations, la licence commerciale et 12 mois de mises à jour — pour livrer des sites clients à un niveau agence.
Et si ça ne me convient pas ?
Satisfait ou remboursé 14 jours.
Version gratuite
Installe SUI Elements gratuitement
Reçois le lien d'installation par e-mail — sans carte bancaire, accès immédiat.
Prérequis : Claude Code + Elementor