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 精致的深色主题美学相匹配的应用程序时使用。 来源：microsoft/agent-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/microsoft/agent-skills --skill foundry-nextgen-frontend- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 foundry-nextgen-frontend？
使用 Vite + React + pnpm + Framer Motion 遵循 Microsoft Foundry 的 NextGen 设计系统构建优雅的前端 UI。在创建仪表板、代理构建器、数据网格、实体管理界面或任何与 Foundry 精致的深色主题美学相匹配的应用程序时使用。 来源：microsoft/agent-skills。
如何安装 foundry-nextgen-frontend？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/microsoft/agent-skills --skill foundry-nextgen-frontend 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/microsoft/agent-skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01