·foundry-nextgen-frontend
</>

foundry-nextgen-frontend

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.

0Installazioni·0Tendenza·@hainamchung

Installazione

$npx skills add https://github.com/hainamchung/agent-assistant --skill foundry-nextgen-frontend

Come installare foundry-nextgen-frontend

Installa rapidamente la skill AI foundry-nextgen-frontend nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/hainamchung/agent-assistant --skill foundry-nextgen-frontend
  3. Verifica l'installazione: 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

Fonte: hainamchung/agent-assistant.

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: hainamchung/agent-assistant.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/hainamchung/agent-assistant --skill foundry-nextgen-frontend
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from hainamchung/agent-assistant

Risposte rapide

Che cos'è foundry-nextgen-frontend?

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: hainamchung/agent-assistant.

Come installo foundry-nextgen-frontend?

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/hainamchung/agent-assistant --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

Dov'è il repository sorgente?

https://github.com/hainamchung/agent-assistant