foundry-nextgen-frontend
✓使用 Vite + React + pnpm + Framer Motion 遵循 Microsoft Foundry 的 NextGen 設計系統構建優雅的前端 UI。在創建儀表板、代理構建器、數據網格、實體管理界面或任何與 Foundry 精緻的深色主題美學相匹配的應用程序時使用。
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) |
使用 Vite + React + pnpm + Framer Motion 遵循 Microsoft Foundry 的 NextGen 設計系統構建優雅的前端 UI。在創建儀表板、代理構建器、數據網格、實體管理界面或任何與 Foundry 精緻的深色主題美學相匹配的應用程序時使用。 來源：hainamchung/agent-assistant。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/hainamchung/agent-assistant --skill foundry-nextgen-frontend- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 foundry-nextgen-frontend？
使用 Vite + React + pnpm + Framer Motion 遵循 Microsoft Foundry 的 NextGen 設計系統構建優雅的前端 UI。在創建儀表板、代理構建器、數據網格、實體管理界面或任何與 Foundry 精緻的深色主題美學相匹配的應用程序時使用。 來源：hainamchung/agent-assistant。
如何安裝 foundry-nextgen-frontend？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/hainamchung/agent-assistant --skill foundry-nextgen-frontend 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/hainamchung/agent-assistant
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01