Une landing page à partir d'un seul prompt
Décrivez votre produit. Le Skill contient déjà le Hero, la grille de fonctionnalités, les tarifs et la FAQ ; l'agent n'a qu'à placer vos textes dans une mise en page qui fonctionne.
Une landing page ou un site complet · Une section pour votre site actuel · Un portfolio ou un CV
Skills de templates de site web pour agents IA
Chaque Skill est un design de site web éprouvé. Installez-le, décrivez votre produit, et Claude Code, Codex ou Cursor construit la landing page, le portfolio ou le site complet en HTML fonctionnel.
Fonctionne dans
Choisissez un Skill « web design » pour commencer
Ce qu'un Skill de web design apporte à votre agent
Chaque Skill de design Claude présenté ici est un dossier d'instructions, de références de mise en page et de vérifications. Votre agent le charge quand vous demandez une page, donc les choix de design sont déjà faits.
Des templates qui restent cohérents
Portfolios, sites SaaS et boutiques en ligne gardent la même typographie, les mêmes espacements et les mêmes animations sur chaque page ajoutée.
Du design frontend livré sous forme de code
Chaque exécution aboutit à un fichier HTML que vous pouvez ouvrir, modifier et déployer. Claude Code, Codex et Cursor lisent tous le même SKILL.md.
Trouvez les Skills « web design » adaptés à votre métier
Chaque page métier sélectionne les Skills les mieux adaptés à ce travail.
DesignerUn design system que votre agent reproduit, pour que vous vous concentriez sur les détails.
EntrepreneurSites produit, pitch decks et vidéos de lancement avant le premier recrutement.
Créateur de contenuCouvertures, cartes sociales et habillages face caméra dans votre style.
MarketeurPages de campagne, vidéos de lancement et visuels sociaux à partir d'un seul brief.Comment créer un site 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 « web design » plutôt qu'un prompt ?
| Critère | Un simple prompt | Un Skill |
|---|---|---|
| Mise en page | Réinventé à chaque exécution | Un Hero, une grille et un pied de page éprouvés |
| Typographie | Polices système par défaut | Une échelle typographique et un duo de polices choisis |
| Cohérence | Chaque page a un style différent | Chaque page suit un même système |
| Livrable | Ce que le modèle écrit, quel qu'il soit | Un fichier HTML vérifié, prêt à ouvrir |
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 : Web design
Qu'est-ce qu'un Skill de web design ?
Un dossier avec un SKILL.md, des références de mise en page et des vérifications, qui apprend à votre agent IA un design de site web éprouvé. L'agent le charge quand vous lui demandez une page.
Claude Code peut-il créer un site web avec un Skill ?
Oui. Installez le Skill dans Claude Code, décrivez le site, et il écrit le HTML en suivant la mise en page du Skill. Codex et Cursor fonctionnent de la même manière.
Est-ce que j'obtiens du HTML, du React ou un fichier Figma ?
La plupart des Skills de web design livrent un fichier HTML fonctionnel. Certains mentionnent aussi une sortie Next.js ou en composants sur leur page de détail ; aucun ne fournit de fichier Figma.
Les templates de site web sont-ils gratuits ?
Certains le sont. Les Skills gratuits portent un badge Gratuit ; les autres sont inclus dans Pro ou s'achètent à l'unité.
Explorer d'autres cas d'usage
Trouvez le bon Skill pour votre prochain site web
Landing pages, portfolios et sites complets construits par votre agent.
Parcourir tous les Skills