Landing pages et sites produit · Portfolios et sites personnels · Boutiques en ligne et back-offices

Skills de frontend design pour agents IA

Des templates de design frontend que votre agent transforme en HTML fonctionnel : landing pages, portfolios et dashboards complets, ou une seule section Hero, tarifs ou témoignages.

Parcourir les Skills « page web »Comment fonctionnent les Skills

Fonctionne dans

WebGratuit

Landing page marketing Cadence

1876

Créez un site marketing SaaS sombre et riche en animations qui raconte une seule histoire produit continue : un fond anthracite, un unique accent cyan, des titres en dégradé du gris au blanc et un écran produit crédible qui se redresse au défilement. Cartes de fonctionnalités animées, workflow piloté par le défilement, témoignage client avec portraits, intégrations et sécurité, tarifs par paliers et FAQ mènent à une maquette d'ordinateur portable dont l'écran s'ouvre au défilement, avec pages changelog, étude client, connexion et mentions légales incluses. Vous obtenez un seul fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.

Cadence Marketing Landing result preview

Choisissez un Skill « page web » pour commencer

Charger plus de Skills

Ce que font les Skills de design frontend

Chaque Skill présenté ici aboutit à un fichier que vous pouvez ouvrir dans un navigateur.

Du HTML fonctionnel, pas des maquettes

Ouvrez le fichier, parcourez-le, déployez-le. Aucun outil de design entre les deux.

Sites complets ou sections isolées

Des sites multipages, ou une seule section Hero, témoignages ou graphique à insérer dans une page existante.

Responsive par défaut

Les mises en page sont testées en largeur ordinateur et mobile avant livraison.

Trouvez les Skills « page web » adaptés à votre métier

Chaque page métier sélectionne les Skills les mieux adaptés à ce travail.

EntrepreneurSites produit, pitch decks et vidéos de lancement avant le premier recrutement.

DesignerUn design system que votre agent reproduit, pour que vous vous concentriez sur les détails.

MarketeurPages de campagne, vidéos de lancement et visuels sociaux à partir d'un seul brief.

E-commerçantPages boutique, affiches et vidéos promo pour chaque nouveau produit.

Comment créer une page web avec un Skill

Trois étapes dans Claude Code, Codex ou Cursor. Aucune application de design nécessaire.

1
Collez le prompt d'installation
Copiez le prompt d'installation dans votre agent, ou exécutez la commande ci-dessous. Le Skill est placé dans le dossier skills de votre agent.
npx skillry-cli@latest install bs-cadence-marketing-landing
2
Appelez-le avec une barre oblique
Tapez une barre oblique et le nom du Skill, puis dites ce que vous voulez en langage courant.
/bs-cadence-marketing-landing Créez une landing page responsive à partir de ce brief, de ces textes et de ce kit de marque.
3
Relisez et livrez
Ouvrez le fichier créé, demandez des modifications dans la même conversation, puis publiez-le ou transmettez-le.
index.html

Pourquoi utiliser un Skill « page web » plutôt qu'un prompt ?

Un prompt peut produire une page. Un Skill web ajoute l'ancrage dans le produit, l'interaction responsive, la validation et une livraison maintenable.

Critère	Un simple prompt	Un Skill
Contenu	Remplit un template connu avec du texte de remplissage	Construit la page autour de votre vrai public, des faits produit et des preuves
Interaction	Dessine des boutons et des onglets qui n'ont que l'apparence de vrais	Câble de vrais états, la navigation et la gestion des erreurs
Livraison	Renvoie du code qui a l'air fini	Suit votre stack, liste les dépendances et vérifie l'usage sur mobile et au clavier

Ce que vous pouvez créer avec un Skill de design frontend

01Des landing pages pour un lancement ou une campagneTransformez vos textes et images en une page aux sections claires, avec un bouton d'inscription ou d'achat.
02Prototypes cliquablesMaquettez de vrais écrans et boutons pour que votre équipe puisse essayer le produit avant qu'il soit développé.
03DashboardsMettez en page chiffres, tableaux et graphiques pour qu'ils soient faciles à lire sur tous les écrans.
04Des éléments de page réutilisablesBoutons, cartes et mises en page dans un même style, pour que les nouvelles pages s'accordent avec les existantes.

Comment choisir un Skill de design frontend

1Choisissez un style adapté à votre produitSaaS, portfolio, boutique ou page d'événement : choisissez le style qui correspond à ce que vous construisez.
2Essayez l'exemple en directChaque page de Skill propose un site d'exemple fonctionnel à parcourir, sur ordinateur et sur mobile.
3Téléchargez-le et essayezInstallez-le dans votre agent et créez une page avec votre propre contenu. Vous serez fixé en quelques minutes.

Tous les Skills, un seul abonnement

Installez n'importe quel Skill de cette page et chaque nouveauté que nous ajoutons. Résiliable à tout moment.

Résiliable à tout moment

Mensuel

9,99 $US / mois

Accès Premium complet, facturé chaque mois.

Accès à tous les Skills Premium
Installation depuis le web ou la CLI
Accès CLI sécurisé, autorisé via le navigateur
Mises à jour continues des Skills
Nouveaux Skills Premium inclus
Résiliable quand vous le souhaitez

Économisez 34 % par an

Le plus populaire

Annuel

79 $US / an

Accès Premium complet à un prix annuel plus avantageux.

Accès à tous les Skills Premium
Installation depuis le web ou la CLI
Accès CLI sécurisé, autorisé via le navigateur
Mises à jour continues des Skills
Nouveaux Skills Premium inclus
Résiliable quand vous le souhaitez

Paiement unique · Prix Founding

Offre Founding

Founding Lifetime

169 $US paiement unique

Prix Founding — il augmente à mesure que la bibliothèque s'enrichit.

Accès à tous les Skills Premium
Installation depuis le web ou la CLI
Accès CLI sécurisé, autorisé via le navigateur
Mises à jour continues des Skills
Nouveaux Skills Premium inclus
Ni abonnement ni facture de renouvellement

Résiliable à tout moment. Les paiements sont non remboursables.

FAQ des Skills : Page web

Puis-je utiliser un Skill web dans mon projet existant ?

Oui, si le Skill indique qu'il s'adapte à votre projet. Sinon, il livre une page autonome et vous planifiez l'intégration vous-même.

Est-ce que j'obtiens du HTML modifiable ou seulement un aperçu ?

Du code modifiable. Votre agent écrit les fichiers HTML pour vous, et la liste « Ce que vous obtenez » de la page de détail précise les fichiers, les ressources et les étapes d'exécution.

Les paiements et l'analytics sont-ils connectés ?

Non, sauf si la page de détail l'indique. Un bouton de paiement ou un graphique dans le design n'est qu'une interface tant que vous n'y connectez pas votre propre service.

Que dois-je vérifier avant de mettre la page en ligne ?

Cliquez sur chaque commande, puis testez la page en largeur ordinateur et mobile, au clavier seul et avec les animations réduites. Vérifiez aussi les textes longs, les états d'erreur et toute fonction d'export ou hors ligne promise par le Skill.

Explorer d'autres formats

Trouvez le bon Skill pour votre prochaine page web

Landing pages, sites et pages interactives en HTML fonctionnel.

Parcourir tous les Skills