normalize
Normaliser les interfaces selon votre design system
Des détails d’interface incohérents rendent les produits plus difficiles à maintenir et à utiliser. Cette compétence guide Claude, Codex et Claude Code dans une normalisation structurée de l’UI par rapport aux standards de conception existants.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "normalize" from https://skillstore.io/skills/pbakaus-normalize.md and its manifest at https://skillstore.io/api/skills/pbakaus-normalize/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é.
Ressources lisibles par les agents
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.
Tester
Utilisation de « normalize ». Normalize the reports dashboard.
Résultat attendu:
Le tableau de bord utilise maintenant les modèles partagés de cartes, tableaux et boutons. L’espacement utilise les tokens du projet, les états vides correspondent au langage existant et les styles de focus restent visibles.
Utilisation de « normalize ». Review this profile page for design system drift.
Résultat attendu:
- La typographie diffère du modèle des paramètres de profil.
- Les actions principales utilisent une couleur personnalisée au lieu du token d’action.
- La mise en page mobile ne suit pas le modèle standard de formulaire empilé.
Utilisation de « normalize ». Make the checkout step match the rest of the app.
Résultat attendu:
L’étape de paiement suit maintenant la mise en page de formulaire partagée, utilise la messagerie d’erreur standard et conserve une barre d’actions responsive cohérente avec les autres parcours.
Audit de sécurité
SûrThe only static finding is a false positive caused by design terminology about layout grid systems. I found no evidence of prompt injection, data exfiltration, external command execution, or malicious intent in SKILL.md.
Partager et citer ce rapport
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.
Copier le lien du rapport
https://skillstore.io/skills/pbakaus-normalize/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/pbakaus-normalize?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/pbakaus-normalize?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-normalize/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/pbakaus-normalize.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citations académiques (APA · BibTeX · CFF)
Citation APA
pbakaus. (2026). normalize security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-normalize/audits/4Citation BibTeX
@techreport{pbakaus-pbakaus-normalize-2026,
author = {pbakaus},
title = {normalize security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-normalize/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "normalize security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-normalize/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-normalize:audit:4"
description: "Skillstore immutable audit report identifier"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: ÉlevéCe que vous pouvez créer
Unifier une nouvelle fonctionnalité
Aligner une page récemment créée avec les composants partagés, les tokens et les modèles d’interaction avant la publication.
Préparer le travail sur la dette de conception
Identifier les décisions UI incohérentes et créer un plan ciblé pour réduire la dette d’implémentation ponctuelle.
Examiner la cohérence produit
Vérifier si une zone produit suit les conventions établies d’accessibilité, de responsive design et de mise en page.
Essayez ces prompts
Normalise the settings page so it follows our design system. First find the relevant design guidance, then propose and apply focused UI changes.
Analyze the billing flow against our design system. List the main inconsistencies by typography, color, spacing, components, responsive behavior, and accessibility before editing.
Find custom UI in the dashboard summary area that should use existing shared components. Replace it with design system equivalents where appropriate.
Normalize the account onboarding flow end to end. Use repository design guidance, update inconsistent UI, remove obsolete styles, and run the relevant checks.
Bonnes pratiques
- Rassembler le contexte du design system avant d’apporter des changements visuels.
- Préférer les composants partagés et les tokens aux nouveaux styles locaux.
- Vérifier l’accessibilité, le comportement responsive et les contrôles de régression après les modifications.
Éviter
- Ne pas inventer de nouveaux composants lorsque des composants partagés appropriés existent déjà.
- Ne pas coder en dur les couleurs, l’espacement ou la typographie qui devraient provenir de tokens.
- Ne pas rechercher le polissage visuel tout en ignorant les différences d’utilisabilité ou d’accessibilité.