foundry-nextgen-frontend
✓Vite + React + pnpm + Framer Motion を使用して、Microsoft Foundry の NextGen Design System に従ってエレガントなフロントエンド 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 Design System に従ってエレガントなフロントエンド 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 Design System に従ってエレガントなフロントエンド 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/hainamchung/agent-assistant
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01