Améliorer le design visuel frontend
Les écrans frontend génériques se ressemblent souvent et manquent de focalisation sur la marque. Cette compétence guide les choix de typographie, de couleur, de mouvement et de profondeur pour des interfaces plus claires.
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "frontend-aesthetics" from https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-frontend-aesthetics/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 « frontend-aesthetics ». Examiner une landing page qui utilise des polices par défaut, un dégradé violet vers bleu et un contenu centré.
Résultat attendu:
Utilisation de « frontend-aesthetics ». Planifier un tableau de bord sombre pour le suivi de projet.
Résultat attendu:
Utilisation de « frontend-aesthetics ». Améliorer une bibliothèque de composants qui semble incohérente.
Résultat attendu:
The flagged external command findings are Markdown fences, inline formatting, or frontend template examples, not executable shell commands. The flagged network findings are public reference links, and the blocker findings are design guidance, not reconnaissance. No prompt injection attempt or malicious semantic intent was found.
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/barnhardt-enterprises-inc-frontend-aesthetics/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-frontend-aesthetics/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-frontend-aesthetics.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Barnhardt-Enterprises-Inc. (2026). frontend-aesthetics security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics/audits/8@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-frontend-aesthetics-2026,
author = {Barnhardt-Enterprises-Inc},
title = {frontend-aesthetics security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics/audits/8},
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: "frontend-aesthetics security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Barnhardt-Enterprises-Inc"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barnhardt-enterprises-inc-frontend-aesthetics/audits/8"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-frontend-aesthetics:audit:8"
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
barnhardt-enterprises-inc-frontend-aesthetics
2026-09-09
crossbill-highlights-frontend-aesthetics
2026-09-09
Améliorer la densité des données, la hiérarchie, les surfaces sombres, les états au survol et les indicateurs de statut pour une interface de tableau de bord.
Repérer les choix visuels génériques et les remplacer par une typographie plus forte, des accents ciblés et des mouvements utiles.
Créer des règles pratiques pour les polices, les couleurs, les composants, les icônes, les arrière-plans et les états d'interaction.
Utilise la compétence frontend-aesthetics pour améliorer cette page. Concentre-toi sur la typographie, une couleur d'accent, la profondeur de l'arrière-plan et une hiérarchie claire.
Audite cette interface pour repérer les schémas visuels génériques. Liste les changements de design à plus fort impact pour les polices, les couleurs, l'espacement, le mouvement et les composants.
Crée un système visuel de tableau de bord en utilisant cette compétence. Définis la typographie, les surfaces sombres, l'utilisation des accents, le style des tableaux, les badges de statut et les états de mouvement.
Utilise la compétence pour créer une direction frontend distinctive pour cette marque. Explique la logique visuelle et donne des recommandations d'implémentation pour les écrans clés.
Auteur
Barnhardt-Enterprises-IncLicence
MIT
Révision Skillstore
r1
Avis de version
L’auteur n’a déclaré aucune version.
Réf
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
Récence de maintenance
22/07/2026
Utilisation
36 téléchargements · 324 vues
Structure de fichiers
Faire respecter les workflows de développement piloté par les tests
Les équipes ignorent souvent les tests ou les rédigent après l’implémentation. Cette compétence guide Claude, Codex et Claude Code dans une livraison orientée tests en premier.
Auditer le code pour détecter les risques de sécurité
Le code sensible à la sécurité peut facilement être livré avec des failles cachées dans l’authentification, la gestion des entrées et les secrets. Cette compétence fournit à Claude, Codex et Claude Code des références de sécurité structurées et des recommandations de scanner pour des revues plus sûres.
Écrire du TypeScript strict en toute sécurité
Les projets TypeScript peuvent dériver vers des schémas peu sûrs qui masquent des défauts à l’exécution. Cette skill guide Claude, Codex et Claude Code vers une utilisation plus stricte des types, des erreurs plus claires et un affinage de types plus sûr.
Imposer des points de contrôle qualité pour le codage IA
Le codage assisté par IA peut négliger les tests, les contrôles de sécurité et les critères de livraison. Cette compétence fournit à Claude, Codex et Claude Code une checklist par étapes pour une livraison plus sûre.
Créer des composants ShadCN UI accessibles
Les équipes React ont besoin de modèles ShadCN cohérents pour les formulaires, les boîtes de dialogue, les tableaux et les contrôles accessibles. Cette compétence guide Claude, Codex et Claude Code vers les composants Radix, les utilitaires Tailwind et les pratiques de validation.
Créer des interfaces ShadCN animées
Les équipes ont besoin de modèles d’interface utilisateur cohérents sans reconstruire les animations courantes. Cette compétence fournit des exemples ShadCN et Framer Motion pour les cartes, les listes, les boîtes de dialogue, les transitions et les états de chargement.
Concevoir des prototypes d’interface utilisateur distinctifs
par tencentcloudbase
Les interfaces d’IA génériques manquent souvent de direction visuelle et de détails adaptés à la plateforme. Cette compétence guide Claude, Codex et Claude Code pour définir l’intention de conception avant de créer des prototypes.
Build and Refine Interfaces with Uizze
par uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
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.
Build Consistent Design Systems and Slides
par nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Concevoir des interfaces frontend distinctives
par Atman36
Les interfaces générées génériques semblent souvent prévisibles et faibles. Cette compétence guide Claude, Codex et Claude Code vers une conception frontend distinctive et prête pour la production.
Planifier l'UX avant de construire
par pbakaus
Les équipes construisent souvent des interfaces avant de clarifier les objectifs des utilisateurs, les états et les contraintes. Cette compétence guide la découverte et produit un brief de conception pour l'implémentation.