GUIDE DE TÂCHE · SOURCES ACCESSIBLES

Agent Skills pour le développement frontend

Une combinaison minimale de skills aux sources accessibles pour le design frontend, les garde-fous et la vérification navigateur.

Construire ce plan pour mon agent ↗
Résultat souhaité

Livrer une interface distinctive qui passe aussi les vérifications pratiques d’utilisabilité et de navigateur.

Limites de travail sûres

Uniquement fichiers frontend, prévisualisation locale et vérifications navigateur réversibles.

01 · COMBINAISON DE SKILLS

Une combinaison minimale à trois rôles

Chaque rôle a une seule fonction. Le générateur personnalisé peut adapter la sélection à votre agent sans modifier la logique de décision.

01 · Exécution principale

frontend-design

Définit la direction visuelle et les contraintes d’implémentation.

Limite principale
Les jugements esthétiques restent subjectifs et nécessitent une revue par les parties prenantes.
Premier risque
Style au détriment de l’usage
Preuves de source
Commit figé · 34040c9c
Examiner frontend-design ↗
02 · Garde-fou

web-design-guidelines

Vérifie accessibilité, adaptation aux écrans et défauts courants d’interface.

Limite principale
Il dépend de l’accès réseau et d’un document de recommandations en ligne dont le contenu peut évoluer.
Premier risque
Évolution des règles ou constats sans contexte
Preuves de source
Commit figé · 063bee94
Examiner web-design-guidelines ↗
03 · Preuves

playwright-workflows

Produit des preuves navigateur plutôt que de s’appuyer seulement sur l’examen du code.

Limite principale
Les fichiers détaillés du paquet ne sont pas intégralement répertoriés.
Premier risque
Revue avant installation
Preuves de source
Source éditoriale
Examiner playwright-workflows ↗

02 · ACCEPTATION

Comment savoir que la tâche est terminée

  1. Ouvrir la page modifiée aux largeurs ordinateur et mobile.
  2. Effectuer l’action principale au clavier et avec un dispositif de pointage.
  3. Confirmer l’absence d’erreurs bloquantes dans la console ou de défauts évidents de mise en page.

03 · CONDITIONS D’ARRÊT

Quand s’arrêter

  • Le plan écrit hors du périmètre frontend convenu.
  • Un changement visuel supprime l’accès au clavier ou un contraste lisible.
  • Le résultat dans le navigateur diffère substantiellement du résultat annoncé.

04 · MÉTHODE

Comment ce guide a été produit

SkillSignal associe une tâche définie à trois responsabilités distinctes, puis choisit parmi les métadonnées examinées du catalogue. Adéquation à l’agent, état de source, permissions et scores publiés sont évalués par des règles déterministes. Aucun LLM ne rédige ni ne réordonne la recommandation au moment de la requête.