Crea eleganti interfacce utente frontend seguendo il sistema di progettazione NextGen di Microsoft Foundry utilizzando Vite + React + pnpm + Framer Motion. Da utilizzare durante la creazione di dashboard, generatori di agenti, griglie di dati, interfacce di gestione delle entità o qualsiasi applicazione che corrisponda alla raffinata estetica a tema scuro di Foundry.
Installa rapidamente la skill AI foundry-nextgen-frontend nel tuo ambiente di sviluppo tramite riga di comando
Fonte: microsoft/agent-skills.
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) |
Crea eleganti interfacce utente frontend seguendo il sistema di progettazione NextGen di Microsoft Foundry utilizzando Vite + React + pnpm + Framer Motion. Da utilizzare durante la creazione di dashboard, generatori di agenti, griglie di dati, interfacce di gestione delle entità o qualsiasi applicazione che corrisponda alla raffinata estetica a tema scuro di Foundry. Fonte: microsoft/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/microsoft/agent-skills --skill foundry-nextgen-frontendCrea eleganti interfacce utente frontend seguendo il sistema di progettazione NextGen di Microsoft Foundry utilizzando Vite + React + pnpm + Framer Motion. Da utilizzare durante la creazione di dashboard, generatori di agenti, griglie di dati, interfacce di gestione delle entità o qualsiasi applicazione che corrisponda alla raffinata estetica a tema scuro di Foundry. Fonte: microsoft/agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/microsoft/agent-skills --skill foundry-nextgen-frontend Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/microsoft/agent-skills