Créer des frontends React et Next.js fiables
Le développement frontend moderne exige une architecture cohérente, des pages rapides et une configuration reproductible. Cette skill fournit à Claude, Codex et Claude Code des recommandations structurées pour React, Next.js, TypeScript et Tailwind.
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "senior-frontend" from https://skillstore.io/skills/alirezarezvani-senior-frontend.md and its manifest at https://skillstore.io/api/skills/alirezarezvani-senior-frontend/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「senior-frontend」を使用しています。 Je dois améliorer une page React avant la release.
期待される結果:
「senior-frontend」を使用しています。 Exécuter le workflow d’analyseur local sur un chemin de projet.
期待される結果:
「senior-frontend」を使用しています。 Créer des recommandations d’équipe pour les revues frontend.
期待される結果:
Reviewed all 65 static findings against the source context; the backtick, reconnaissance, environment-file, and filesystem hits are false positives. A separate semantic concern remains because marketplace_content.json embeds self-authored safety claims such as safe_to_publish true. No evidence found of malicious command execution, secret access, or network exfiltration.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/alirezarezvani-senior-frontend?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/alirezarezvani-senior-frontend?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/alirezarezvani-senior-frontend/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/alirezarezvani-senior-frontend.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>alirezarezvani. (2026). senior-frontend security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6@techreport{alirezarezvani-alirezarezvani-senior-frontend-2026,
author = {alirezarezvani},
title = {senior-frontend security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/alirezarezvani-senior-frontend/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: "senior-frontend security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "alirezarezvani"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6"
identifiers:
- type: other
value: "skillstore:alirezarezvani-senior-frontend:audit:6"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
alirezarezvani-senior-frontend
2026-10-23
Utiliser les références pour définir la structure des composants React, les limites d’état et les choix de style avant l’implémentation.
Créer des checklists partagées pour les performances, la maintenabilité, la sécurité et les anti-patterns frontend courants.
Demander à Claude, Codex ou Claude Code de transformer des commandes documentées en un workflow local révisé.
Utilise la skill senior-frontend pour lister les étapes frontend d’une petite fonctionnalité React. Inclus la structure des composants, les besoins d’état, le styling et les tests.
Passe en revue mon plan de composants React avec les références senior-frontend. Identifie les props manquantes, les problèmes d’accessibilité, les risques de performance et les problèmes de maintenabilité.
Utilise le guide d’optimisation Next.js pour créer un plan de performance priorisé pour mon application. Couvre le routing, la taille des bundles, la mise en cache, les images et la mesure.
Utilise cette skill pour auditer une migration d’une application React legacy vers Next.js. Produis des phases, des risques, des contrôles de validation et des considérations de rollback.
作成者
alirezarezvaniライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
メンテナンスの新しさ
2026/7/22
利用状況
32 ダウンロード · 206 閲覧
Créer du contenu SEO avec la voix de marque
Les équipes marketing ont besoin de contenu cohérent, adapté à chaque canal et aligné sur les objectifs de recherche. Cette skill combine des conseils sur la voix de marque, des modèles de contenu, des vérifications SEO et la planification des réseaux sociaux.
Gérer les investigations CAPA et les plans d'action
Le travail CAPA est souvent bloqué lorsque les investigations, les actions et les preuves ne sont pas structurées. Cette compétence guide une RCA claire, la planification des actions, la vérification, les métriques et une documentation prête pour l'inspection.
Gérer la gouvernance qualité QMR
Les équipes HealthTech ont besoin d’une gouvernance qualité rigoureuse couvrant les normes, les audits, les revues et le reporting exécutif. Cette compétence guide les responsabilités QMR, la supervision de la conformité, le suivi des KPI et la planification stratégique de la qualité.
Gérer les dossiers de risques des dispositifs médicaux
Les équipes travaillant sur les dispositifs médicaux ont besoin de preuves cohérentes de gestion des risques dans les activités de conception, réglementaires et post-commercialisation. Cette compétence guide la planification ISO 14971, l’analyse, les mesures de maîtrise et la maintenance du dossier.
Effectuer des revues de code avec des contrôles qualité structurés
Les revues de code peuvent manquer des problèmes de qualité, de sécurité et de maintenabilité. Cette skill guide des revues structurées avec des scripts, des checklists et la génération de rapports.
Élaborer des programmes de SMQ ISO 13485
Les équipes de dispositifs médicaux ont besoin de processus de SMQ maîtrisés qui correspondent aux attentes de l’ISO 13485. Cette compétence aide à planifier la documentation, les audits, les revues, les travaux CAPA et la préparation à la certification.
Implémenter les transitions de vue React
作成者 vercel-labs
Les transitions de vue React sont faciles à mal placer, ce qui entraîne des animations silencieuses ou gênantes. Cette skill guide les choix d’animations de routes, de Suspense, de listes et d’éléments partagés.
Optimiser les performances de React et Next.js
作成者 vercel-labs
Les applications React et Next.js perdent souvent en vitesse à cause de waterfalls, de bundles volumineux et de re-renders évitables. Cette skill donne aux agents des règles concrètes pour des changements plus sûrs axés sur les performances.
Créer des composants React à typage sûr
作成者 softaworks
Le travail avec React TypeScript nécessite souvent des types précis pour les événements, les hooks et les routes. Cette compétence fournit des modèles ciblés pour les composants typés, les API React 19 et le routage.
Améliorer les composants Vue Options API
作成者 vuejs-ai
Les projets Vue Options API peuvent perdre la sécurité de typage et la liaison correcte de this. Cette skill fournit des modèles directs pour des composants Vue plus sûrs.
Développez des applications fullstack avec des pratiques de niveau senior
作成者 davila7
Les équipes perdent souvent du temps à aligner les choix de stack, la configuration des projets et les contrôles qualité. Cette skill fournit à Claude, Codex et Claude Code des conseils fullstack réutilisables ainsi que des scripts utilitaires.
Optimiser les performances Next.js
作成者 Atman36
Les applications Next.js peuvent devenir lentes à cause de bundles volumineux, d’une mise en cache insuffisante et de médias non optimisés. Cette compétence guide Claude, Codex et Claude Code dans des améliorations de performance ciblées pour les applications de production.