foundry-nextgen-frontend
✓Créez des interfaces utilisateur frontales élégantes en suivant le système de conception NextGen de Microsoft Foundry à l'aide de Vite + React + pnpm + Framer Motion. À utiliser lors de la création de tableaux de bord, de générateurs d'agents, de grilles de données, d'interfaces de gestion d'entités ou de toute application correspondant à l'esthétique raffinée du thème sombre de Foundry.
Installation
SKILL.md
Build elegant, production-ready interfaces following Microsoft Foundry's NextGen Design System - a refined neutral dark-themed design language with minimal purple accents and subtle animations.
| Page content | 32px (--space-8) | | Card | 20px (--space-5) | | Card header | 16px 20px | | Button | 8px 16px | | Input | 10px 12px | | Table cell | 12px 16px | | Modal body | 24px | | Badge/Tag | 4px 10px |
| Card grid | 16px (--space-4) | | Form fields | 20px (--space-5) | | Button group | 12px (--space-3) | | Tag group | 8px (--space-2) |
Créez des interfaces utilisateur frontales élégantes en suivant le système de conception NextGen de Microsoft Foundry à l'aide de Vite + React + pnpm + Framer Motion. À utiliser lors de la création de tableaux de bord, de générateurs d'agents, de grilles de données, d'interfaces de gestion d'entités ou de toute application correspondant à l'esthétique raffinée du thème sombre de Foundry. Source : microsoft/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/microsoft/agent-skills --skill foundry-nextgen-frontend- Source
- microsoft/agent-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que foundry-nextgen-frontend ?
Créez des interfaces utilisateur frontales élégantes en suivant le système de conception NextGen de Microsoft Foundry à l'aide de Vite + React + pnpm + Framer Motion. À utiliser lors de la création de tableaux de bord, de générateurs d'agents, de grilles de données, d'interfaces de gestion d'entités ou de toute application correspondant à l'esthétique raffinée du thème sombre de Foundry. Source : microsoft/agent-skills.
Comment installer foundry-nextgen-frontend ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/microsoft/agent-skills --skill foundry-nextgen-frontend Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/microsoft/agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01