Skills, plugins et agents pour Frontend

Next.js 16+ utilise Turbopack par défaut pour le développement local : un bundler incrémental écrit en Rust qui accélère considérablement le démarrage du développement et les mises à jour à chaud.

Cursor

Accessibility

Concevoir, mettre en œuvre et contrôler des produits numériques inclusifs conformément aux WCAG 2.2 niveau AA

Développeur angular

Génère du code Angular et fournit des conseils d'architecture. À déclencher lors de la création de projets, de composants ou de services, ou pour obte

Diapositives frontales

Créez des présentations HTML sans dépendance, riches en animations, qui s'exécutent entièrement dans le navigateur.

Cursor

Interface utilisateur

Mettre en place un workflow multimodèle axé sur le front-end pour les composants, les mises en page, les animations et la finition de l'interface util

Modèles de développement frontaux

Modèles frontaux modernes pour React, Next.js, et interfaces utilisateur performantes.

Penser la conception

★182.1k

Cette compétence guide la création d'interfaces frontales distinctives, de qualité production, qui évitent l'esthétique générique "AI slop". Mettre en œuvre un code fonctionnel réel en accordant une a

anthropics

Usine de thèmes

★182.1k

Boîte à outils permettant de personnaliser l'apparence de divers documents à l'aide d'un thème. Ces documents peuvent être des diapositives, des docum

anthropics

Générateur d'éléments Web

★182.1k

Pour créer des artefacts claude.ai puissants pour l'frontend, procédez comme suit :

anthropics

Ingénierie de l'interface utilisateur

★108.4k

Permet de créer des interfaces utilisateur de qualité production. À utiliser lors de la création ou de la modification d'interfaces destinées aux util

addyosmani

Améliorer la suggestion

Améliorez les invites avec des spécifications de conception et un vocabulaire UI/UX. Utile pour les flux de travail de la conception au codage et pour clarifier les demandes de résultats visuels.

Apple Human Interface Guidelines (design)

Apple Human Interface Guidelines sous forme de 14 compétences d'agent couvrant les plateformes, les fondations, les composants, les modèles, les entrées et les technologies pour iOS, macOS, vi.

Applications d'animation flutter

Mettre en œuvre des effets animés, des transitions et des mouvements dans les applications Flutter. Utile pour la conception de mouvements natifs iOS/Android.

Boucle design → code (itérative)

Boucle de rétroaction itérative de la conception au code. Critique → ajustement → cycle de livraison pour renforcer la fidélité visuelle entre le brief et l'interface utilisateur construite.

Capture d'écran en plein écran

Capturez des captures d'écran pleine page de pages web via le protocole Chrome DevTools sans aucune dépendance. Utile pour les portfolios, les études de cas et les rapports d'audit.

Chronologie de gsap

Lignes de temps GSAP avec séquençage, paramètres de position, étiquettes, imbrication et contrôle de lecture. Utile pour orchestrer des séquences de mouvement à plusieurs étapes.

Compétences en développement front end

Créez des pages d'atterrissage, des sites Web et des interfaces utilisateur d'applications visuellement fortes avec une composition sobre. Manuel de production frontale d'OpenAI.

Compétences en matière d'interface utilisateur

Des contraintes bien définies et évolutives destinées à guider l'agentse lors de la conception d'interfaces. Utiles pour assurer la cohérence du résultat final à travers de nombreux petits éléments

Créer des règles de système de conception dans figma

Générer des règles de système de conception spécifiques à un projet pour les flux de travail Figma-code. Utile pour capturer les tokens, le nommage et les règles de lint dans une source unique.

Créer une bibliothèque dans figma

Construire ou mettre à jour une bibliothèque de systèmes de conception de qualité professionnelle dans Figma à partir d'une base de code. Utile pour maintenir la source de vérité Figma en synchronisat

Design d’interfaces frontend

Produit des interfaces web propres, accessibles et cohérentes avec une direction visuelle.

Développement front end

Frontend complet avec des animations cinématiques, des médias générés par l'IA via l'API MiniMax, et de l'art génératif. Utile pour les pages de héros et les sites vitrines.

Développeur de shaders

Techniques de shaders GLSL pour la marche des rayons, la simulation des fluides, les systèmes de particules et la génération procédurale. Utile pour les visuels de héros et les images animées.

Directives relatives à la conception de sites web

Lignes directrices et normes de conception Web établies par l'équipe d'ingénieurs de Vercel. Couvre la mise en page, la typographie, la couleur, le mouvement et l'accessibilité pour l'interface utilis