frontend-dev-guidelines
Créer des interfaces React cohérentes
Les équipes frontend divergent souvent sur les modèles de récupération de données, de routage, de style et de TypeScript. Cette skill fournit à Claude, Codex et Claude Code des directives React concrètes pour une implémentation et une revue prévisibles.
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 "frontend-dev-guidelines" from https://skillstore.io/skills/sickn33-frontend-dev-guidelines.md and its manifest at https://skillstore.io/api/skills/sickn33-frontend-dev-guidelines/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 « frontend-dev-guidelines ». Demander une nouvelle page de profil client avec chargement des données et actions de modification.
Résultat attendu:
Un plan d’implémentation structuré couvrant l’emplacement des routes, les dossiers de fonctionnalités, les méthodes API typées, les hooks de requête Suspense, les limites des composants et les choix de mise en page MUI.
Utilisation de « frontend-dev-guidelines ». Demander une revue d’une pull request frontend.
Résultat attendu:
- Signale les retours de chargement précoces qui devraient passer derrière des limites Suspense.
- Note les types de retour TypeScript explicites manquants et les chemins d’import non sûrs.
- Suggère le chargement différé pour les grilles et boîtes de dialogue lourdes.
Utilisation de « frontend-dev-guidelines ». Demander comment organiser une nouvelle fonctionnalité d’analytics.
Résultat attendu:
Un plan basé sur les fonctionnalités avec API, composants, hooks, helpers, types, exports publics et recommandations d’intégration des routes.
Audit de sécurité
SûrAll 173 static findings are false positives caused by Markdown syntax and illustrative React or TypeScript code. The skill contains no executable scripts, shell commands, arbitrary file access, exfiltration endpoints, or prompt-injection instructions. No semantic security finding was identified.
Facteurs de risque
⚡ Contient des scripts (20)
⚙️ Commandes externes (50)
📁 Accès au système de fichiers (29)
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/sickn33-frontend-dev-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/sickn33-frontend-dev-guidelines?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/sickn33-frontend-dev-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-frontend-dev-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/sickn33-frontend-dev-guidelines.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
sickn33. (2026). frontend-dev-guidelines security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-frontend-dev-guidelines/audits/5Citation BibTeX
@techreport{sickn33-sickn33-frontend-dev-guidelines-2026,
author = {sickn33},
title = {frontend-dev-guidelines security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-frontend-dev-guidelines/audits/5},
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: "frontend-dev-guidelines security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-frontend-dev-guidelines/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-frontend-dev-guidelines:audit:5"
description: "Skillstore immutable audit report identifier"
Comparer les variantes
7 variantes installablesChaque auteur reste un skill installable distinct. La variante recommandée est classée selon les preuves Skillstore.
Pourquoi cette variante est première
briandai22-frontend-dev-guidelines
2026-09-09
0chan-smc-frontend-dev-guidelines
2026-10-11
dojocodinglabs-frontend-dev-guidelines
2026-09-09
sickn33-frontend-dev-guidelines
2026-09-09
bom-98-frontend-dev-guidelines
2026-09-09
dimon94-frontend-dev-guidelines
2026-09-09
diet103-frontend-dev-guidelines
2026-09-09
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: ÉlevéCe que vous pouvez créer
Standardiser une fonctionnalité React
Utiliser les recommandations pour structurer de façon cohérente les dossiers de fonctionnalités, les services API, les requêtes, les composants et les fichiers de routes.
Revoir les pull requests frontend
Comparer les changements aux standards Suspense, TypeScript, MUI, de performance et de récupération de données avant approbation.
Planifier une migration frontend
Créer des règles partagées pour faire évoluer une base de code React vers un typage plus strict et des frontières de fonctionnalités prévisibles.
Essayez ces prompts
Utilise frontend-dev-guidelines pour créer un composant React typé répondant à cette exigence. Suis la structure requise, les règles Suspense et les modèles de style MUI v7.
Utilise frontend-dev-guidelines pour planifier et implémenter une nouvelle fonctionnalité. Inclus la structure des dossiers, les limites des services API, les hooks de requête, l’emplacement des routes et les responsabilités des composants.
Utilise frontend-dev-guidelines pour revoir ce changement frontend. Identifie les problèmes liés à TypeScript, aux imports, aux limites Suspense, à la récupération de données, à l’utilisation de MUI et aux paramètres de performance par défaut.
Utilise frontend-dev-guidelines pour refactoriser cette zone React vers une architecture basée sur les fonctionnalités. Préserve le comportement tout en améliorant les limites, le chargement différé, l’utilisation des requêtes et la maintenabilité.
Bonnes pratiques
- Appliquer les recommandations avant d’écrire le code, afin que les décisions d’architecture soient explicites.
- Documenter les exceptions propres au projet lorsque le code existant ne peut pas suivre le standard.
- Associer la skill à des tests, du linting, des vérifications d’accessibilité et une validation à l’exécution.
Éviter
- Ne pas imposer ces règles à des projets qui utilisent d’autres frameworks frontend.
- Ne pas considérer le code d’exemple comme une implémentation de production complète.
- Ne pas ignorer la revue produit, accessibilité et sécurité parce que la structure semble correcte.
Foire aux questions
Quels frameworks cette skill cible-t-elle ?
Peut-elle aider avec des bases de code existantes ?
Génère-t-elle du code frontend exécutable ?
Suspense est-il requis pour chaque récupération de données ?
Couvre-t-elle les décisions de style ?
Claude Code ou Codex peuvent-ils l’utiliser pour les revues ?
Détails du développeur
Auteur
sickn33Licence
MIT
Révision Skillstore
r2
Avis de version
L’auteur n’a déclaré aucune version.
Dépôt
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/frontend-dev-guidelinesRéf
88a8e9a07f4c54ab105c1c41b6267c287146b07b
Récence de maintenance
26/07/2026
Utilisation
7 téléchargements · 172 vues
Structure de fichiers