Du HTML fonctionnel, pas des maquettes
Ouvrez le fichier, parcourez-le, déployez-le. Aucun outil de design entre les deux.
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.
Fonctionne dans
Choisissez un Skill « page web » pour commencer
Ce que font les Skills de design frontend
Chaque Skill présenté ici aboutit à un fichier que vous pouvez ouvrir dans un navigateur.
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-testimonial-masonry-wall - 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-testimonial-masonry-wall 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 populaireAnnuel
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 FoundingFounding 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