Édition Frontend Ultime

Ce qu'elle fait

La compétence Édition Frontend Ultime génère un ensemble de modèles de sites statiques frontend utilisables (React + TypeScript + Tailwind CSS + shadcn/ui) basés sur des descriptions de produits ou de pages en langage naturel. Elle fournit des normes de conception mobile-first, de la typographie, des palettes de couleurs, des animations et des flux de travail de construction (Vite ou Next.js). Il ne s'agit pas d'une simple collection de fragments de code, mais d'un guide d'implémentation complet et d'un squelette de projet comprenant la réflexion conceptuelle, les modèles d'UI clés, les points de rupture réactifs, des suggestions d'animation et des conseils sur les scripts de build.

Quand l'utiliser

À utiliser lorsque vous devez générer directement un prototype de site ou une page d'atterrissage à partir d'un concept ou d'un texte de produit. Idéal pour produire rapidement des pages de présentation haute fidélité, des pages marketing, des portfolios personnels ou des tableaux de bord. Convient également aux ingénieurs frontend ayant besoin de conseils en conception (polices, couleurs, animations) ou souhaitant transformer des besoins textuels en un scaffold de projet Vite/Next.js.

Ce qui est inclus

• Scripts : Fournit les commandes de script pour initialiser Vite et Next.js ainsi que les étapes d'empaquetage/construction (has_scripts: true).
• Références : Comprend plusieurs documents references/ (has_references: true), tels que les modes mobiles, les références aux composants shadcn, etc.
• Instructions : Guide esthétique détaillé, suggestions de typographie, exemples de variables de couleur, stratégies d'implémentation d'animations, points de rupture mobile-first et liste de vérification avant mise en œuvre.

Agents compatibles

Adapté aux agents capables d'exécuter un environnement Node/npm et de générer/éditer des fichiers de code (par exemple : agents de rédaction de code, assistants de style Copilot).