[fr] Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
CE QUE VOUS DEVENEZ
Parfait pour ces scénarios
Élaborer des méthodologies de recherche détaillées et des plans d'expérience avec une progression logique
Décomposer les systèmes complexes en composants gérables avec des dépendances claires
Créer des cadres étape par étape pour extraire des informations de jeux de données complexes
Planifier des initiatives commerciales multiphases avec des jalons clairs et une atténuation des risques
GAIN MESURÉ
Avantages prouvés et impact mesurable
Réduisez le temps passé sur des problèmes complexes grâce à une pensée séquentielle et systématique
Générez des solutions plus robustes en éliminant les failles logiques du raisonnement
Décomposez les défis écrasants en étapes séquentielles gérables
CE QUE VOUS OBTENEZ
Fichiers, tags et installation en trois étapes
Conseil : Lisez la documentation et le code avant la première utilisation pour connaître son rôle et les permissions requises.
SCRIPTS SUIVANTS
Recommandé selon les tags et la catégorie
Générez et maintenez les fichiers AGENTS.md conformément à la convention publique agents.md. Utilisez-le lors de la création de documentation pour les flux de travail des agents IA, les guides d’intégration ou lors de la standardisation des modèles d’interaction des agents à travers les projets.
Validez que les schémas OpenAPI, Swagger et GraphQL correspondent à l'implémentation backend. Détectez les modifications brisantes, générez des clients TypeScript et assurez que la documentation API reste synchronisée. Utilisez-le lors de la manipulation de fichiers de spécification API (.yaml, .json, .graphql), de l'examen des modifications API, de la génération de types frontend ou de la validation des implémentations d'endpoints.
Documentation de l'Apify JS SDK - Web scraping, crawling et développement d'Actor
Créez des interfaces esthétiquement belles en suivant des principes de design prouvés. Utilisez lors de la construction de l'UI/UX, de l'analyse des designs provenant de sites d'inspiration, de la génération d'images de design avec ai-multimodal, de la mise en œuvre de la hiérarchie visuelle et de la théorie des couleurs, de l'ajout de micro-interactions ou de la création de documentation de design. Inclut des flux de travail pour capturer et analyser des captures d'écran d'inspiration avec chrome-devtools et ai-multimodal, la génération itérative d'images de design jusqu'à ce que les normes esthétiques soient satisfaites, et des orientations complètes sur le système de design couvrant les étapes BEAUTIFUL (principe esthétique), RIGHT (fonctionnalité/accessibilité), SATISFYING (micro-interactions) et PEAK (récit). S'intègre aux compétences chrome-devtools, ai-multimodal, traitement des médias, style UI et frameworks web.