Concevoir des landing pages distinctives
Les landing pages génériques ne parviennent pas à gagner la confiance ni l’attention. Cette compétence guide Claude, Codex et Claude Code à travers la découverte, la structure, la direction visuelle, l’animation et le peaufinage axé sur la conversion.
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "landing-page-design" from https://skillstore.io/skills/2389-research-landing-page-design.md and its manifest at https://skillstore.io/api/skills/2389-research-landing-page-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Utilisation de « landing-page-design ». Un fondateur demande une landing page pour un produit d’analytics axé sur la confidentialité.
Résultat attendu:
Une direction visuelle nommée, une palette de couleurs, une association de polices, une approche du hero, un ordre des sections, un style de mouvement et une checklist de conversion.
Utilisation de « landing-page-design ». Un marketeur veut qu’une page de campagne évite les modèles génériques de design IA.
Résultat attendu:
Un brief créatif révisé avec anti-patterns, influences distinctives, prompts de section plus forts et tâches de peaufinage pour l’agent IA.
Utilisation de « landing-page-design ». Un développeur dispose d’une ébauche de page qui semble fade sur mobile.
Résultat attendu:
Une revue de design priorisée couvrant la hiérarchie, l’espacement, le comportement responsive, l’utilisation des images, la retenue dans l’animation et le placement du CTA.
All 31 static findings are false positives caused by Markdown code fences, inline animation labels, and design checklist wording. No executable scripts, shell commands, network access, data exfiltration, or prompt injection intent were found in SKILL.md.
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
https://skillstore.io/skills/2389-research-landing-page-design/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/2389-research-landing-page-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/2389-research-landing-page-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/2389-research-landing-page-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/2389-research-landing-page-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>2389-research. (2026). landing-page-design security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/2389-research-landing-page-design/audits/6@techreport{2389-research-2389-research-landing-page-design-2026,
author = {2389-research},
title = {landing-page-design security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/2389-research-landing-page-design/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "landing-page-design security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "2389-research"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/2389-research-landing-page-design/audits/6"
identifiers:
- type: other
value: "skillstore:2389-research-landing-page-design:audit:6"
description: "Skillstore immutable audit report identifier"
Chaque auteur reste un skill installable distinct. La variante recommandée est classée selon les preuves Skillstore.
Pourquoi cette variante est première
2389-research-landing-page-design
2026-10-13
101-skills-landing-page-design
2026-10-12
halt-catch-fire-landing-page-design
2026-09-09
Créer une landing page ciblée avec un hero fort, une proposition de valeur claire, de la preuve sociale et des sections de conversion.
Utiliser la découverte de l’ambiance et les prompts de section pour rendre une page de campagne plus distinctive et alignée avec les objectifs de marque.
Guider Claude, Codex ou Claude Code dans les décisions de mise en page, de typographie, de mouvement et de peaufinage pour un site monopage.
Utilise la compétence de design de landing page. Pose-moi les questions requises de découverte de l’ambiance avant d’écrire du code.
Crée un plan de landing page pour ce produit. Inclue les sections hero, bénéfices, preuve sociale, fonctionnement, CTA et footer.
Passe en revue cette direction de landing page. Rends la palette de couleurs, la typographie, la mise en page et le mouvement plus distinctifs tout en gardant l’objectif de conversion clair.
Audite cette landing page pour la mise en page responsive, la qualité des images, les performances d’animation, le contraste des couleurs, la hiérarchie et la clarté du CTA. Retourne les correctifs prioritaires.
Auteur
2389-researchLicence
MIT
Révision Skillstore
r1
Avis de version
L’auteur n’a déclaré aucune version.
Réf
c1fdca50ff516318f65fed0d7f9e82797c5171dc
Récence de maintenance
22/07/2026
Utilisation
37 téléchargements · 257 vues
Structure de fichiers
📄 SKILL.md
Relire le code avant le commit
Les équipes livrent des bugs lorsque les changements finaux sont validés trop vite. Cette skill ajoute une revue pré-commit ciblée sur la sécurité, la logique, les règles métier et les performances.
Créer des composants CSS testés
Les équipes ajoutent souvent des composants CSS sans nommage cohérent, mode sombre ou tests. Cette skill guide la réutilisation, la composition Tailwind, la documentation et la vérification.
Créer des applications iOS avec xtool
Les projets iOS SwiftPM peuvent être difficiles à configurer sans Xcode. Cette skill fournit des conseils sur la configuration de projet xtool, les extensions, les ressources, les entitlements et le dépannage.
Créer des composants CSS cohérents
Les styles CSS divergent souvent entre les composants et les classes utilitaires. Cette compétence guide la création de classes sémantiques, la composition Tailwind, la couverture du mode sombre, les tests et la refactorisation.
Refactoriser le CSS en composants sémantiques
Les classes utilitaires répétées et les styles inline rendent le code frontend plus difficile à maintenir. Cette compétence guide Claude, Codex et Claude Code dans la refactorisation CSS sémantique avec des tests.
Initialiser des projets Firebase avec des garde-fous
Les nouveaux projets Firebase omettent souvent la configuration des émulateurs, les règles de sécurité et les décisions d'architecture. Cette compétence guide Claude, Codex ou Claude Code dans un workflow structuré de configuration de projet Firebase.
Build Accessible Tailwind Interfaces
par nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Améliorer les opérations de design UI/UX
par A-Genno
Le travail UI/UX dérive souvent lorsque les équipes manquent de principes partagés et d’habitudes de revue. Cette compétence fournit à Claude, Codex et Claude Code une liste de contrôle concise pour les décisions de design.
Améliorer la mise en page de l’UI et le rythme visuel
par pbakaus
Les interfaces encombrées et les grilles répétitives rendent les produits plus difficiles à parcourir et à considérer comme fiables. Cette compétence guide Claude, Codex et Claude Code vers un espacement, une hiérarchie et une composition responsive plus solides.
Créer des expériences visuelles accessibles
par CleanExpo
Les expériences visuelles peuvent devenir incohérentes, lentes ou inaccessibles d’une page à l’autre. Cette compétence guide les mises à jour d’animations, de galeries, de démos et de Three.js avec des contraintes de sécurité claires.
Créer des interfaces utilisateur avec Shadcn et 21st.dev
par AayushBaniya2006
Les équipes frontend ont besoin de composants UI et de sections de page cohérents. Cette compétence guide Claude, Codex et Claude Code dans l’utilisation de Shadcn MCP et 21st.dev MCP.
Auditer la qualité de l’interface
par pbakaus
Les équipes frontend ont besoin de preuves claires avant de corriger les problèmes d’interface. Cette compétence produit un audit priorisé couvrant l’accessibilité, les performances, la gestion des thèmes, la réactivité et les modèles de conception.